<!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<head>
<script type="text/javascript" src="extras/jquery.min.1.7.js"></script>
<script type="text/javascript" src="extras/modernizr.2.5.3.min.js"></script>
<link rel="stylesheet" type="text/css" href="/files/doc_flip/css/basic.css">
</head>
<body style="overflow:hidden;">
    <div class="flipbook">
            <div><img src="pages/otchet1_1.jpg" class="flippagesize"></div>
            <div><img src="pages/otchet2_1.jpg" class="flippagesize"></div>
            <div><img src="pages/otchet3_1.jpg" class="flippagesize"></div>
            <div><img src="pages/otchet4_1.jpg" class="flippagesize"></div>
            <div><img src="pages/otchet5_1.jpg" class="flippagesize"></div>
            <div><img src="pages/otchet6_1.jpg" class="flippagesize"></div>
            <div><img src="pages/otchet7_1.jpg" class="flippagesize"></div>
            <div><img src="pages/otchet8_1.jpg" class="flippagesize"></div>
            <div><img src="pages/otchet9_1.jpg" class="flippagesize"></div>
            <div><img src="pages/otchet10_1.jpg" class="flippagesize"></div>
            <div><img src="pages/otchet11_1.jpg" class="flippagesize"></div>
        </div>

<script type="text/javascript">

function loadApp() {

    // Create the flipbook
    $('.flipbook').turn({
            // Width

            //width:1200,
            
            // Height

            //height:848,

            // Elevation
            
            elevation: 0,

            inclination: 50,
            
            // Enable gradients

            gradients: true,
            
            // Auto center this flipbook

            autoCenter: false,
            
            duration: 1000
    });
}    

// Load the HTML4 version if there's not CSS transform
setTimeout(function(){},1000);
yepnope({
    test : Modernizr.csstransforms,
    yep: ['lib/turn.js'],
    nope: ['lib/turn.html4.min.js'],
    complete: loadApp
    });



</script>

<script type="text/javascript">
// начать повторы с интервалом 2 сек
var timerId = setInterval(function() {
     $('.flipbook').turn('next');
}, 1000);

// через 5 сек остановить повторы
//setTimeout(function() {
//  clearInterval(timerId);
//}, 6000);    
</script>

    
</body>
</html>