<!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/zak_01.jpg" class="flippagesize"></div>
            <div><img src="pages/zak_02.jpg" class="flippagesize"></div>
            <div><img src="pages/zak_03.jpg" class="flippagesize"></div>
            <div><img src="pages/zak_04.jpg" class="flippagesize"></div>
            <div><img src="pages/zak_05.jpg" class="flippagesize"></div>
            <div><img src="pages/zak_06.jpg" class="flippagesize"></div>
            <div><img src="pages/zak_07.jpg" class="flippagesize"></div>
            <div><img src="pages/zak_08.jpg" class="flippagesize"></div>
            <div><img src="pages/zak_09.jpg" class="flippagesize"></div>
            <div><img src="pages/zak_10.jpg" class="flippagesize"></div>
            <div><img src="pages/zak_11.jpg" class="flippagesize"></div>
            <div><img src="pages/zak_12.jpg" class="flippagesize"></div>
            <div><img src="pages/zak_13.jpg" class="flippagesize"></div>
            <div><img src="pages/zak_14.jpg" class="flippagesize"></div>
            <div><img src="pages/zak_15.jpg" class="flippagesize"></div>
            <div><img src="pages/zak_16.jpg" class="flippagesize"></div>
            <div><img src="pages/zak_17.jpg" class="flippagesize"></div>
        </div>

<script type="text/javascript">

function loadApp() {

    // Create the flipbook
    $('.flipbook').turn({
            //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(){},1400);
yepnope({
    test : Modernizr.csstransforms,
    yep: ['lib/turn.js'],
    nope: ['lib/turn.html4.min.js'],
    complete: loadApp
    });



</script>

<script type="text/javascript">
var timerId = setInterval(function() {
     $('.flipbook').turn('next');
}, 1000);

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

    
</body>
</html>