<script src="lib/jquery-1.8.2.min.js" type="text/javascript"></script>  
<script type="text/javascript">
	$(document).ready(function(e) {
		 $(".hidden2f").click(function(){
			 $(this).toggleClass("hidden2f-active");
			   $("#shownav").toggleClass("swiper-nav-active");
			 });
	});
</script>

<div class="hidden2f">
</div>
    <div id="shownav" class="swiper-container swiper-nav">
        <div class="swiper-wrapper">
			<div class="swiper-slide active-nav">
                <span class="angle"></span> 
                <a href="index.html"><img src="images/emag-page/cover/cover.jpg" alt=""></a>
            </div><!-- End nav -->
            
             
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="howto.html"><img src="images/emag-page/cover/how-to.jpg" alt=""></a>
            </div><!-- End nav -->
            
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="library.html"><img src="images/emag-page/cover/directory.jpg" alt=""></a>
            </div><!-- End nav -->
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content01.html"><img src="images/emag-page/lesson_1/1.jpg" alt=""></a>
            </div><!-- End nav -->
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content02.html"><img src="images/emag-page/lesson_1/2.jpg" alt=""></a>
            </div><!-- End nav -->
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content03.html"><img src="images/emag-page/lesson_1/7.jpg" alt=""></a>
            </div><!-- End nav -->
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content04.html"><img src="images/emag-page/lesson_1/8.jpg" alt=""></a>
            </div><!-- End nav -->
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content05.html"><img src="images/emag-page/lesson_1/9.jpg" alt=""></a>
            </div><!-- End nav -->
            
             <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content06.html"><img src="images/emag-page/lesson_1/10.jpg" alt=""></a>
            </div><!-- End nav -->
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content07.html"><img src="images/emag-page/lesson_1/11.jpg" alt=""></a>
            </div><!-- End nav -->
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content08.html"><img src="images/emag-page/lesson_1/12.jpg" alt=""></a>
            </div><!-- End nav -->
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content09.html"><img src="images/emag-page/lesson_1/13.jpg" alt=""></a>
            </div><!-- End nav -->
            
             <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content10.html"><img src="images/emag-page/lesson_2/14.jpg" alt=""></a>
            </div><!-- End nav -->
            
             <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content11.html"><img src="images/emag-page/lesson_2/15.jpg" alt=""></a>
            </div><!-- End nav -->
            
             <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content12.html"><img src="images/emag-page/lesson_2/17.jpg" alt=""></a>
            </div><!-- End nav -->
            
             <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content13.html"><img src="images/emag-page/lesson_2/18.jpg" alt=""></a>
            </div><!-- End nav -->
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content14.html"><img src="images/emag-page/lesson_2/19.jpg" alt=""></a>
            </div><!-- End nav -->
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content15.html"><img src="images/emag-page/lesson_2/20.jpg" alt=""></a>
            </div><!-- End nav -->
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content16.html"><img src="images/emag-page/lesson_2/21.jpg" alt=""></a>
            </div><!-- End nav -->
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content17.html"><img src="images/emag-page/lesson_2/22.jpg" alt=""></a>
            </div><!-- End nav -->
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content18.html"><img src="images/emag-page/lesson_3/23.jpg" alt=""></a>
            </div><!-- End nav -->
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content19.html"><img src="images/emag-page/lesson_3/24.jpg" alt=""></a>
            </div><!-- End nav -->
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content20.html"><img src="images/emag-page/lesson_3/26.jpg" alt=""></a>
            </div><!-- End nav -->
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content21.html"><img src="images/emag-page/lesson_3/27.jpg" alt=""></a>
            </div><!-- End nav -->
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content22.html"><img src="images/emag-page/lesson_3/29.jpg" alt=""></a>
            </div><!-- End nav -->
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content23.html"><img src="images/emag-page/lesson_3/30.jpg" alt=""></a>
            </div><!-- End nav -->
            
             <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content24.html"><img src="images/emag-page/lesson_3/31.jpg" alt=""></a>
            </div><!-- End nav -->
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content25.html"><img src="images/emag-page/lesson_4/32.jpg" alt=""></a>
            </div><!-- End nav -->
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content26.html"><img src="images/emag-page/lesson_4/33.jpg" alt=""></a>
            </div><!-- End nav -->
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content27.html"><img src="images/emag-page/lesson_4/37.jpg" alt=""></a>
            </div><!-- End nav -->
            
             <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content28.html"><img src="images/emag-page/lesson_4/38.jpg" alt=""></a>
            </div><!-- End nav -->
            
             <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content29.html"><img src="images/emag-page/lesson_4/39.jpg" alt=""></a>
            </div><!-- End nav -->
            
             <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content30.html"><img src="images/emag-page/lesson_4/40.jpg" alt=""></a>
            </div><!-- End nav -->
            
             <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content31.html"><img src="images/emag-page/lesson_4/42.jpg" alt=""></a>
            </div><!-- End nav -->
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content32.html"><img src="images/emag-page/lesson_4/43.jpg" alt=""></a>
            </div><!-- End nav -->
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content33.html"><img src="images/emag-page/lesson_4/44.jpg" alt=""></a>
            </div><!-- End nav -->
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content34.html"><img src="images/emag-page/lesson_4/46.jpg" alt=""></a>
            </div><!-- End nav -->
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <a href="content35.html"><img src="images/emag-page/lesson_4/47.jpg" alt=""></a>
            </div><!-- End nav -->
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <!--<a href="content35.html"><img src="images/emag-page/cover/directory.jpg" alt=""></a>-->
            </div><!-- End nav -->
            
            <div class="swiper-slide active-nav">
                <span class="angle"></span>
                <!--<a href="content35.html"><img src="images/emag-page/cover/directory.jpg" alt=""></a>-->
            </div><!-- End nav -->
            
        </div><!-- End swipper -wrapper -->
	</div><!-- End Nav swiper-container -->
<link href="css/movies-app.css" rel="stylesheet" type="text/css">
<script src="lib/jquery.min.js"></script>
<!--Don't forget to get the latest Swiper and scrollbar version here-->
<script src="lib/idangerous.swiper-2.0.min.js"></script>
<script src="lib/movies-app.js"></script>