// JavaScript Document
  $(document).ready(function(){
   $("div.subMain ul").css("opacity",0)
   $("div.subMain img").css("opacity",0);
   //$("div.b1 .subMain ul").animate({opacity: 0.9},"fast");
   //$("div.b1 .subMain img").animate({opacity: 0.9},"fast");
   
   
   //$("div.b1 .subMain ul").animate({opacity: 0.9},"fast");
  // $("div.b1 .subMain img").animate({opacity: 0.9},"fast");
  
    $(".nav1").click(function(){
		$("body").animate({opacity:1},300,function(){
					   $("div.subMain ul").css("opacity",0);
					   $("div.subMain img").css("opacity",0);
					   $("div.b1 .subMain ul").animate({opacity: 0.9},"fast");
					   $("div.b1 .subMain img").animate({opacity: 0.9},"fast");
			});
      $(".block").animate({left: "0px" }, "fast", function(){
					   $(".none").animate({opacity:1},700,function(){
					 //  $("div.b1 .subMain ul").animate({opacity: 0.9},"fast");
					  // $("div.b1 .subMain img").animate({opacity: 0.9},"fast");
															});
				  });
    });

    $(".nav2").click(function(){
		$("body").animate({opacity:1},300,function(){
					   $("div.subMain ul").css("opacity",0);
					   $("div.subMain img").css("opacity",0);
					   $("div.b2 .subMain ul").animate({opacity: 0.9},"fast");
					   $("div.b2 .subMain img").animate({opacity: 0.9},"fast");
			});
      $(".block").animate({"left": "-744px"}, "fast",function(){
					   $(".none").animate({opacity:1},700,function(){
/*					   $("div.subMain ul").css("opacity",0);
					   $("div.subMain img").css("opacity",0);
					   $("div.b2 .subMain ul").animate({opacity: 0.9},"fast");
					   $("div.b2 .subMain img").animate({opacity: 0.9},"fast");
*/															});
				  });
    });
	
    $(".nav3").click(function(){
		$("body").animate({opacity:1},300,function(){
					   $("div.subMain ul").css("opacity",0);
					   $("div.subMain img").css("opacity",0);
					   $("div.b3 .subMain ul").animate({opacity: 0.9},"fast");
					   $("div.b3 .subMain img").animate({opacity: 0.9},"fast");
			});
      $(".block").animate({"left": "-1488px"}, "fast", function(){
					   $(".none").animate({opacity:1},700,function(){
/*					   $("div.subMain ul").css("opacity",0);
					   $("div.subMain img").css("opacity",0);
					   $("div.b3 .subMain ul").animate({opacity: 0.9},"fast");
					   $("div.b3 .subMain img").animate({opacity: 0.9},"fast");
*/															});
				  });
    });
	
    $(".nav4").click(function(){
		$("body").animate({opacity:1},300,function(){
					   $("div.subMain ul").css("opacity",0);
					   $("div.subMain img").css("opacity",0);
					   $("div.b4 .subMain ul").animate({opacity: 0.9},"fast");
					   $("div.b4 .subMain img").animate({opacity: 0.9},"fast");
			});
      $(".block").animate({"left": "-2232px"}, "fast", function(){
					   $(".none").animate({opacity:1},700,function(){
/*					   $("div.subMain ul").css("opacity",0);
					   $("div.subMain img").css("opacity",0);
					   $("div.b4 .subMain ul").animate({opacity: 0.9},"fast");
					   $("div.b4 .subMain img").animate({opacity: 0.9},"fast");
*/															});
				  });
    });
	
    $(".nav5").click(function(){
		$("body").animate({opacity:1},300,function(){
					   $("div.subMain ul").css("opacity",0);
					   $("div.subMain img").css("opacity",0);
					   $("div.b5 .subMain ul").animate({opacity: 0.9},"fast");
					   $("div.b5 .subMain img").animate({opacity: 0.9},"fast");
			});
      $(".block").animate({"left": "-2976px"}, "fast", function(){
					   $(".none").animate({opacity:1},700,function(){
/*					   $("div.subMain ul").css("opacity",0);
					   $("div.subMain img").css("opacity",0);
					   $("div.b5 .subMain ul").animate({opacity: 0.9},"fast");
					   $("div.b5 .subMain img").animate({opacity: 0.9},"fast");
*/															});
				  });
    });
	
	 $(".nav ul li").hover(
      function () {
       $(this).attr("style","background-position:bottom");
      }, 
      function () {
       $(this).attr("style","background-position:top");
      }
    );


  });
  
  function trick(){
	  
  }