<!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/progzad_01.jpg" class="flippagesize"></div>
            <div><img src="pages/progzad_02.jpg" class="flippagesize"></div>
            <div><img src="pages/progzad_03.jpg" class="flippagesize"></div>
            <div><img src="pages/progzad_04.jpg" class="flippagesize"></div>
            <div><img src="pages/progzad_05.jpg" class="flippagesize"></div>
            <div><img src="pages/progzad_06.jpg" class="flippagesize"></div>
            <div><img src="pages/progzad_07.jpg" class="flippagesize"></div>
        </div>

<script type="text/javascript">

function loadApp() {

    $('.flipbook').turn({
            //height:848,
            elevation: 0,
            inclination: 50,
            gradients: true,
            autoCenter: false,
            duration: 1000
    });
}    

// Load the HTML4 version if there's not CSS transform
setTimeout(function(){},1500);
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>