$(function(){

        $(document).ready(function(){
		
          $("#htxt2").css({"display":"none"});   

         $("#s1p1").css("opacity","0");
         $("#s1p2").css("opacity","0");
         $("#s1p3").css("opacity","0");

         $("#s2p1").css("opacity","0");
         $("#s2p2").css("opacity","0");
         $("#s2p3").css("opacity","0");
         
         $("#s3p1").css("opacity","0");
         $("#s3p2").css("opacity","0");
         $("#s3p3").css("opacity","0");
         
       
                  
         $("#s1").css("opacity","0");
         $("#s2").css("opacity","0");
         $("#s3").css("opacity","0");
         
         
         
         $("#pi1p1").css("opacity","0");
         $("#pi1p2").css("opacity","0");
         $("#pi1p3").css("opacity","0");

         $("#pi2p1").css("opacity","0");
         $("#pi2p2").css("opacity","0");
         $("#pi2p3").css("opacity","0");
         
         $("#pi3p1").css("opacity","0");
         $("#pi3p2").css("opacity","0");
         $("#pi3p3").css("opacity","0");
         
         $("#pi1").css("opacity","0");
         $("#pi2").css("opacity","0");
         $("#pi3").css("opacity","0");
         
         
         
         
         $("#la1p1").css("opacity","0");
         $("#la1p2").css("opacity","0");
         $("#la1p3").css("opacity","0");

         $("#la2p1").css("opacity","0");
         $("#la2p2").css("opacity","0");
         $("#la2p3").css("opacity","0");
         
         $("#la3p1").css("opacity","0");
         $("#la3p2").css("opacity","0");
         $("#la3p3").css("opacity","0");
         
         
         $("#la1").css("opacity","0");
         $("#la2").css("opacity","0");
         $("#la3").css("opacity","0");
         
         $("#htxt2").css("opacity","0");

          $("body").css("display","block");










	});
        






	$("#storyline").click(function(){
		
       
         $("#button1").animate({"opacity":"0.0"},100);
         $("#button1").animate({"opacity":"1.0"},400);
         $("#button2").animate({"opacity":"0.0"},200);
         $("#button2").animate({"opacity":"1.0"},500);
         $("#button3").animate({"opacity":"0.0"},300);
         $("#button3").animate({"opacity":"1.0"},600);
         
     
         $("#m1p1").animate({"opacity":"0.0"},200);
         $("#m1p2").animate({"opacity":"0.0"},400);
         $("#m1p3").animate({"opacity":"0.0"},600);

         $("#m2p1").animate({"opacity":"0.0"},200);
         $("#m2p2").animate({"opacity":"0.0"},400);
         $("#m2p3").animate({"opacity":"0.0"},600);
         
         $("#m3p1").animate({"opacity":"0.0"},200);
         $("#m3p2").animate({"opacity":"0.0"},400);
         $("#m3p3").animate({"opacity":"0.0"},600);
         
                          
         $("#m1").animate({"opacity":"0.0"},300);
         $("#m2").animate({"opacity":"0.0"},500);
         $("#m3").animate({"opacity":"0.0"},700);
         
         
         $("#s1p1").animate({"opacity":"0.0"},200);
         $("#s1p2").animate({"opacity":"0.0"},400);
         $("#s1p3").animate({"opacity":"0.0"},600);

         $("#s2p1").animate({"opacity":"0.0"},200);
         $("#s2p2").animate({"opacity":"0.0"},400);
         $("#s2p3").animate({"opacity":"0.0"},600);
         
         $("#s3p1").animate({"opacity":"0.0"},200);
         $("#s3p2").animate({"opacity":"0.0"},400);
         $("#s3p3").animate({"opacity":"0.0"},600);
         
         $("#m3p1").animate({"opacity":"0.0"},300);
         $("#m3p2").animate({"opacity":"0.0"},500);
         $("#m3p3").animate({"opacity":"0.0"},700);
                  
         $("#s1").animate({"opacity":"0.0"},300);
         $("#s2").animate({"opacity":"0.0"},500);
         $("#s3").animate({"opacity":"0.0"},700);
         
         
         
         $("#pi1p1").animate({"opacity":"0.0"},200);
         $("#pi1p2").animate({"opacity":"0.0"},400);
         $("#pi1p3").animate({"opacity":"0.0"},600);

         $("#pi2p1").animate({"opacity":"0.0"},200);
         $("#pi2p2").animate({"opacity":"0.0"},400);
         $("#pi2p3").animate({"opacity":"0.0"},600);
         
         $("#pi3p1").animate({"opacity":"0.0"},200);
         $("#pi3p2").animate({"opacity":"0.0"},400);
         $("#pi3p3").animate({"opacity":"0.0"},600);
         
         $("#pi1").animate({"opacity":"0.0"},300);
         $("#pi2").animate({"opacity":"0.0"},500);
         $("#pi3").animate({"opacity":"0.0"},700);
         
         
         
         
         $("#la1p1").animate({"opacity":"0.0"},200);
         $("#la1p2").animate({"opacity":"0.0"},400);
         $("#la1p3").animate({"opacity":"0.0"},600);

         $("#la2p1").animate({"opacity":"0.0"},200);
         $("#la2p2").animate({"opacity":"0.0"},400);
         $("#la2p3").animate({"opacity":"0.0"},600);
         
         $("#la3p1").animate({"opacity":"0.0"},200);
         $("#la3p2").animate({"opacity":"0.0"},400);
         $("#la3p3").animate({"opacity":"0.0"},600);
         
         
         $("#la1").animate({"opacity":"0.0"},300);
         $("#la2").animate({"opacity":"0.0"},500);
         $("#la3").animate({"opacity":"0.0"},700);
         
         
         
         
          
         $("#s1p1").animate({"opacity":"0.0"},800);
         $("#s1p1").animate({"opacity":"1.0"},1000);
         $("#s1p2").animate({"opacity":"0.0"},800);
         $("#s1p2").animate({"opacity":"1.0"},1200);
         $("#s1p3").animate({"opacity":"0.0"},800);
         $("#s1p3").animate({"opacity":"1.0"},1400);

         $("#s2p1").animate({"opacity":"0.0"},800);
         $("#s2p1").animate({"opacity":"1.0"},1000);
         $("#s2p2").animate({"opacity":"0.0"},800);
         $("#s2p2").animate({"opacity":"1.0"},1200);
         $("#s2p3").animate({"opacity":"0.0"},800);
         $("#s2p3").animate({"opacity":"1.0"},1400);
         
         $("#s3p1").animate({"opacity":"0.0"},800);
         $("#s3p1").animate({"opacity":"1.0"},1000);
         $("#s3p2").animate({"opacity":"0.0"},800);
         $("#s3p2").animate({"opacity":"1.0"},1200);
         $("#s3p3").animate({"opacity":"0.0"},800);
         $("#s3p3").animate({"opacity":"1.0"},1400);
         
                  
         $("#s1").animate({"opacity":"0.0"},700);
         $("#s1").animate({"opacity":"1.0"},800);
         $("#s2").animate({"opacity":"0.0"},600);
         $("#s2").animate({"opacity":"1.0"},1000);
         $("#s3").animate({"opacity":"0.0"},500);
         $("#s3").animate({"opacity":"1.0"},1200);
         
         
         $("#button1").animate({"opacity":"1.0"},1100);
         $("#button1").animate({"opacity":"0.0"},500);
         
         
         
		return false;
	});
	
	
	$("#ipiano").click(function(){
		
       
         $("#button1").animate({"opacity":"0.0"},100);
         $("#button1").animate({"opacity":"1.0"},400);
         $("#button2").animate({"opacity":"0.0"},200);
         $("#button2").animate({"opacity":"1.0"},500);
         $("#button3").animate({"opacity":"0.0"},300);
         $("#button3").animate({"opacity":"1.0"},600);
         
     
         $("#m1p1").animate({"opacity":"0.0"},200);
         $("#m1p2").animate({"opacity":"0.0"},400);
         $("#m1p3").animate({"opacity":"0.0"},600);

         $("#m2p1").animate({"opacity":"0.0"},200);
         $("#m2p2").animate({"opacity":"0.0"},400);
         $("#m2p3").animate({"opacity":"0.0"},600);
         
         $("#m3p1").animate({"opacity":"0.0"},200);
         $("#m3p2").animate({"opacity":"0.0"},400);
         $("#m3p3").animate({"opacity":"0.0"},600);
         
                          
         $("#m1").animate({"opacity":"0.0"},300);
         $("#m2").animate({"opacity":"0.0"},500);
         $("#m3").animate({"opacity":"0.0"},700);
         
         
         $("#s1p1").animate({"opacity":"0.0"},200);
         $("#s1p2").animate({"opacity":"0.0"},400);
         $("#s1p3").animate({"opacity":"0.0"},600);

         $("#s2p1").animate({"opacity":"0.0"},200);
         $("#s2p2").animate({"opacity":"0.0"},400);
         $("#s2p3").animate({"opacity":"0.0"},600);
         
         $("#s3p1").animate({"opacity":"0.0"},200);
         $("#s3p2").animate({"opacity":"0.0"},400);
         $("#s3p3").animate({"opacity":"0.0"},600);
         
         $("#m3p1").animate({"opacity":"0.0"},300);
         $("#m3p2").animate({"opacity":"0.0"},500);
         $("#m3p3").animate({"opacity":"0.0"},700);
                  
         $("#s1").animate({"opacity":"0.0"},300);
         $("#s2").animate({"opacity":"0.0"},500);
         $("#s3").animate({"opacity":"0.0"},700);
         
         
         
         $("#pi1p1").animate({"opacity":"0.0"},200);
         $("#pi1p2").animate({"opacity":"0.0"},400);
         $("#pi1p3").animate({"opacity":"0.0"},600);

         $("#pi2p1").animate({"opacity":"0.0"},200);
         $("#pi2p2").animate({"opacity":"0.0"},400);
         $("#pi2p3").animate({"opacity":"0.0"},600);
         
         $("#pi3p1").animate({"opacity":"0.0"},200);
         $("#pi3p2").animate({"opacity":"0.0"},400);
         $("#pi3p3").animate({"opacity":"0.0"},600);
         
         $("#pi1").animate({"opacity":"0.0"},300);
         $("#pi2").animate({"opacity":"0.0"},500);
         $("#pi3").animate({"opacity":"0.0"},700);
         
         
         
         
         $("#la1p1").animate({"opacity":"0.0"},200);
         $("#la1p2").animate({"opacity":"0.0"},400);
         $("#la1p3").animate({"opacity":"0.0"},600);

         $("#la2p1").animate({"opacity":"0.0"},200);
         $("#la2p2").animate({"opacity":"0.0"},400);
         $("#la2p3").animate({"opacity":"0.0"},600);
         
         $("#la3p1").animate({"opacity":"0.0"},200);
         $("#la3p2").animate({"opacity":"0.0"},400);
         $("#la3p3").animate({"opacity":"0.0"},600);
         
         
         $("#la1").animate({"opacity":"0.0"},300);
         $("#la2").animate({"opacity":"0.0"},500);
         $("#la3").animate({"opacity":"0.0"},700);
         
         
         
         
          
         $("#pi1p1").animate({"opacity":"0.0"},800);
         $("#pi1p1").animate({"opacity":"1.0"},1000);
         $("#pi1p2").animate({"opacity":"0.0"},800);
         $("#pi1p2").animate({"opacity":"1.0"},1200);
         $("#pi1p3").animate({"opacity":"0.0"},800);
         $("#pi1p3").animate({"opacity":"1.0"},1400);

         $("#pi2p1").animate({"opacity":"0.0"},800);
         $("#pi2p1").animate({"opacity":"1.0"},1000);
         $("#pi2p2").animate({"opacity":"0.0"},800);
         $("#pi2p2").animate({"opacity":"1.0"},1200);
         $("#pi2p3").animate({"opacity":"0.0"},800);
         $("#pi2p3").animate({"opacity":"1.0"},1400);
         
         $("#pi3p1").animate({"opacity":"0.0"},800);
         $("#pi3p1").animate({"opacity":"1.0"},1000);
         $("#pi3p2").animate({"opacity":"0.0"},800);
         $("#pi3p2").animate({"opacity":"1.0"},1200);
         $("#pi3p3").animate({"opacity":"0.0"},800);
         $("#pi3p3").animate({"opacity":"1.0"},1400);
         
                  
         $("#pi1").animate({"opacity":"0.0"},700);
         $("#pi1").animate({"opacity":"1.0"},800);
         $("#pi2").animate({"opacity":"0.0"},600);
         $("#pi2").animate({"opacity":"1.0"},1000);
         $("#pi3").animate({"opacity":"0.0"},500);
         $("#pi3").animate({"opacity":"1.0"},1200);
         
        
         $("#button2").animate({"opacity":"1.0"},1100);
         $("#button2").animate({"opacity":"0.0"},500);
         
         
         
		return false;
	});
	


	$("#laika").click(function(){
		
       
         $("#button1").animate({"opacity":"0.0"},100);
         $("#button1").animate({"opacity":"1.0"},400);
         $("#button2").animate({"opacity":"0.0"},200);
         $("#button2").animate({"opacity":"1.0"},500);
         $("#button3").animate({"opacity":"0.0"},300);
         $("#button3").animate({"opacity":"1.0"},600);
         
     
         $("#m1p1").animate({"opacity":"0.0"},200);
         $("#m1p2").animate({"opacity":"0.0"},400);
         $("#m1p3").animate({"opacity":"0.0"},600);

         $("#m2p1").animate({"opacity":"0.0"},200);
         $("#m2p2").animate({"opacity":"0.0"},400);
         $("#m2p3").animate({"opacity":"0.0"},600);
         
         $("#m3p1").animate({"opacity":"0.0"},200);
         $("#m3p2").animate({"opacity":"0.0"},400);
         $("#m3p3").animate({"opacity":"0.0"},600);
         
                          
         $("#m1").animate({"opacity":"0.0"},300);
         $("#m2").animate({"opacity":"0.0"},500);
         $("#m3").animate({"opacity":"0.0"},700);
         
         
         $("#s1p1").animate({"opacity":"0.0"},200);
         $("#s1p2").animate({"opacity":"0.0"},400);
         $("#s1p3").animate({"opacity":"0.0"},600);

         $("#s2p1").animate({"opacity":"0.0"},200);
         $("#s2p2").animate({"opacity":"0.0"},400);
         $("#s2p3").animate({"opacity":"0.0"},600);
         
         $("#s3p1").animate({"opacity":"0.0"},200);
         $("#s3p2").animate({"opacity":"0.0"},400);
         $("#s3p3").animate({"opacity":"0.0"},600);
         
         $("#m3p1").animate({"opacity":"0.0"},300);
         $("#m3p2").animate({"opacity":"0.0"},500);
         $("#m3p3").animate({"opacity":"0.0"},700);
                  
         $("#s1").animate({"opacity":"0.0"},300);
         $("#s2").animate({"opacity":"0.0"},500);
         $("#s3").animate({"opacity":"0.0"},700);
         
         
         
         $("#pi1p1").animate({"opacity":"0.0"},200);
         $("#pi1p2").animate({"opacity":"0.0"},400);
         $("#pi1p3").animate({"opacity":"0.0"},600);

         $("#pi2p1").animate({"opacity":"0.0"},200);
         $("#pi2p2").animate({"opacity":"0.0"},400);
         $("#pi2p3").animate({"opacity":"0.0"},600);
         
         $("#pi3p1").animate({"opacity":"0.0"},200);
         $("#pi3p2").animate({"opacity":"0.0"},400);
         $("#pi3p3").animate({"opacity":"0.0"},600);
         
         $("#pi1").animate({"opacity":"0.0"},300);
         $("#pi2").animate({"opacity":"0.0"},500);
         $("#pi3").animate({"opacity":"0.0"},700);
         
         
         
         
         $("#la1p1").animate({"opacity":"0.0"},200);
         $("#la1p2").animate({"opacity":"0.0"},400);
         $("#la1p3").animate({"opacity":"0.0"},600);

         $("#la2p1").animate({"opacity":"0.0"},200);
         $("#la2p2").animate({"opacity":"0.0"},400);
         $("#la2p3").animate({"opacity":"0.0"},600);
         
         $("#la3p1").animate({"opacity":"0.0"},200);
         $("#la3p2").animate({"opacity":"0.0"},400);
         $("#la3p3").animate({"opacity":"0.0"},600);
         
         
         $("#la1").animate({"opacity":"0.0"},300);
         $("#la2").animate({"opacity":"0.0"},500);
         $("#la3").animate({"opacity":"0.0"},700);
         
         
         
         
          
         $("#la1p1").animate({"opacity":"0.0"},800);
         $("#la1p1").animate({"opacity":"1.0"},1000);
         $("#la1p2").animate({"opacity":"0.0"},800);
         $("#la1p2").animate({"opacity":"1.0"},1200);
         $("#la1p3").animate({"opacity":"0.0"},800);
         $("#la1p3").animate({"opacity":"1.0"},1400);

         $("#la2p1").animate({"opacity":"0.0"},800);
         $("#la2p1").animate({"opacity":"1.0"},1000);
         $("#la2p2").animate({"opacity":"0.0"},800);
         $("#la2p2").animate({"opacity":"1.0"},1200);
         $("#la2p3").animate({"opacity":"0.0"},800);
         $("#la2p3").animate({"opacity":"1.0"},1400);
         
         $("#la3p1").animate({"opacity":"0.0"},800);
         $("#la3p1").animate({"opacity":"1.0"},1000);
         $("#la3p2").animate({"opacity":"0.0"},800);
         $("#la3p2").animate({"opacity":"1.0"},1200);
         $("#la3p3").animate({"opacity":"0.0"},800);
         $("#la3p3").animate({"opacity":"1.0"},1400);
         
                  
         $("#la1").animate({"opacity":"0.0"},700);
         $("#la1").animate({"opacity":"1.0"},800);
         $("#la2").animate({"opacity":"0.0"},600);
         $("#la2").animate({"opacity":"1.0"},1000);
         $("#la3").animate({"opacity":"0.0"},500);
         $("#la3").animate({"opacity":"1.0"},1200);
         
        
         $("#button3").animate({"opacity":"1.0"},1100);
         $("#button3").animate({"opacity":"0.0"},500);
         
         
         
		return false;
	});


$("#hlavna").click(function(){
		
       
         $("#button1").animate({"opacity":"0.0"},100);
         $("#button1").animate({"opacity":"1.0"},400);
         $("#button2").animate({"opacity":"0.0"},200);
         $("#button2").animate({"opacity":"1.0"},500);
         $("#button3").animate({"opacity":"0.0"},300);
         $("#button3").animate({"opacity":"1.0"},600);
         
     
         $("#m1p1").animate({"opacity":"0.0"},200);
         $("#m1p2").animate({"opacity":"0.0"},400);
         $("#m1p3").animate({"opacity":"0.0"},600);

         $("#m2p1").animate({"opacity":"0.0"},200);
         $("#m2p2").animate({"opacity":"0.0"},400);
         $("#m2p3").animate({"opacity":"0.0"},600);
         
         $("#m3p1").animate({"opacity":"0.0"},200);
         $("#m3p2").animate({"opacity":"0.0"},400);
         $("#m3p3").animate({"opacity":"0.0"},600);
         
                          
         $("#m1").animate({"opacity":"0.0"},300);
         $("#m2").animate({"opacity":"0.0"},500);
         $("#m3").animate({"opacity":"0.0"},700);
         
         
         $("#s1p1").animate({"opacity":"0.0"},200);
         $("#s1p2").animate({"opacity":"0.0"},400);
         $("#s1p3").animate({"opacity":"0.0"},600);

         $("#s2p1").animate({"opacity":"0.0"},200);
         $("#s2p2").animate({"opacity":"0.0"},400);
         $("#s2p3").animate({"opacity":"0.0"},600);
         
         $("#s3p1").animate({"opacity":"0.0"},200);
         $("#s3p2").animate({"opacity":"0.0"},400);
         $("#s3p3").animate({"opacity":"0.0"},600);
         
         $("#m3p1").animate({"opacity":"0.0"},300);
         $("#m3p2").animate({"opacity":"0.0"},500);
         $("#m3p3").animate({"opacity":"0.0"},700);
                  
         $("#s1").animate({"opacity":"0.0"},300);
         $("#s2").animate({"opacity":"0.0"},500);
         $("#s3").animate({"opacity":"0.0"},700);
         
         
         
         $("#pi1p1").animate({"opacity":"0.0"},200);
         $("#pi1p2").animate({"opacity":"0.0"},400);
         $("#pi1p3").animate({"opacity":"0.0"},600);

         $("#pi2p1").animate({"opacity":"0.0"},200);
         $("#pi2p2").animate({"opacity":"0.0"},400);
         $("#pi2p3").animate({"opacity":"0.0"},600);
         
         $("#pi3p1").animate({"opacity":"0.0"},200);
         $("#pi3p2").animate({"opacity":"0.0"},400);
         $("#pi3p3").animate({"opacity":"0.0"},600);
         
         $("#pi1").animate({"opacity":"0.0"},300);
         $("#pi2").animate({"opacity":"0.0"},500);
         $("#pi3").animate({"opacity":"0.0"},700);
         
         
         
         
         $("#la1p1").animate({"opacity":"0.0"},200);
         $("#la1p2").animate({"opacity":"0.0"},400);
         $("#la1p3").animate({"opacity":"0.0"},600);

         $("#la2p1").animate({"opacity":"0.0"},200);
         $("#la2p2").animate({"opacity":"0.0"},400);
         $("#la2p3").animate({"opacity":"0.0"},600);
         
         $("#la3p1").animate({"opacity":"0.0"},200);
         $("#la3p2").animate({"opacity":"0.0"},400);
         $("#la3p3").animate({"opacity":"0.0"},600);
         
         
         $("#la1").animate({"opacity":"0.0"},300);
         $("#la2").animate({"opacity":"0.0"},500);
         $("#la3").animate({"opacity":"0.0"},700);
         
         
         
         
          
         $("#m1p1").animate({"opacity":"0.0"},800);
         $("#m1p1").animate({"opacity":"1.0"},1000);
         $("#m1p2").animate({"opacity":"0.0"},800);
         $("#m1p2").animate({"opacity":"1.0"},1200);
         $("#m1p3").animate({"opacity":"0.0"},800);
         $("#m1p3").animate({"opacity":"1.0"},1400);

         $("#m2p1").animate({"opacity":"0.0"},800);
         $("#m2p1").animate({"opacity":"1.0"},1000);
         $("#m2p2").animate({"opacity":"0.0"},800);
         $("#m2p2").animate({"opacity":"1.0"},1200);
         $("#m2p3").animate({"opacity":"0.0"},800);
         $("#m2p3").animate({"opacity":"1.0"},1400);
         
         $("#m3p1").animate({"opacity":"0.0"},800);
         $("#m3p1").animate({"opacity":"1.0"},1000);
         $("#m3p2").animate({"opacity":"0.0"},800);
         $("#m3p2").animate({"opacity":"1.0"},1200);
         $("#m3p3").animate({"opacity":"0.0"},800);
         $("#m3p3").animate({"opacity":"1.0"},1400);
         
                  
         $("#m1").animate({"opacity":"0.0"},700);
         $("#m1").animate({"opacity":"1.0"},800);
         $("#m2").animate({"opacity":"0.0"},600);
         $("#m2").animate({"opacity":"1.0"},1000);
         $("#m3").animate({"opacity":"0.0"},500);
         $("#m3").animate({"opacity":"1.0"},1200);
         
        
         $("#button1").animate({"opacity":"1.0"},1100);
         $("#button1").animate({"opacity":"0.0"},200);
         $("#button2").animate({"opacity":"1.0"},1200);
         $("#button2").animate({"opacity":"0.0"},300);
         $("#button3").animate({"opacity":"1.0"},1300);
         $("#button3").animate({"opacity":"0.0"},400);
         
         
		return false;
	});

$("#contact").toggle(function(){
		
		
         $("#htxt2").css({"display":"block"});
         $("#htxt2").animate({"opacity":"1.0"},100);
       
         },function(){
		$("#htxt2").animate({"opacity":"0.0"},200);
        $("#htxt2").css({"display":"block"});     
        $("#htxt2").css({"display":"none"});         
               
	});
	
});