/* Developer mahesh dyade */
$(document).ready(function() {
$(document).pngFix(); 
 $(".arrow").hide();
	$("#iphone").animate({ 
        left: "75px"
      }, 3000 );
       $("li.button1").hover(function(){
	   	$("#panel #onoff").stop(true, true);
		$("#panel #onoff").animate( { left: "2px" }, 250);
		$(".scroll").animate( { left: "0px" }, 350);
		$("#screens li.step1").fadeIn("slow");
		$("#screens li.step2").fadeOut("fast");
		$("#screens li.step3").fadeOut("fast");
		$("#screens li.step4").fadeOut("fast");
		$("#screens li.step5").fadeOut("fast");
		$("#screens li.step6").fadeOut("fast");
	},
		function(){$(this).addClass("done");
	});

	$("li.button2").hover(function(){
		$("#panel #onoff").stop(true, true);
		$("#panel #onoff").animate( { left: "92px" }, 250);
		$(".scroll").animate( { left: "-225px" }, 350);
		$("#screens li.step1").fadeOut("fast");
		$("#screens li.step2").fadeIn("slow");
		$("#screens li.step3").fadeOut("fast");
		$("#screens li.step4").fadeOut("fast");
		$("#screens li.step5").fadeOut("fast");
		$("#screens li.step6").fadeOut("fast");
		
	},
		function(){$(this).addClass("done");
	});
	
	$("li.button3").hover(function(){
		$("#panel #onoff").stop(true, true);
		$("#panel #onoff").animate( { left: "184px" }, 250);
		$(".scroll").animate( { left: "-450px" }, 350);
		$("#screens li.step1").fadeOut("fast");
		$("#screens li.step2").fadeOut("fast");
		$("#screens li.step3").fadeIn("slow");
		$("#screens li.step4").fadeOut("fast");
		$("#screens li.step5").fadeOut("fast");
		$("#screens li.step6").fadeOut("fast");
		
	},
		function(){$(this).addClass("done");
	});
	
	$("li.button4").hover(function(){
	 	$("#panel #onoff").stop(true, true);
		$("#panel #onoff").animate( { left: "274px" }, 250);
		$(".scroll").animate( { left: "-675px" }, 350);
		$("#screens li.step1").fadeOut("fast");
		$("#screens li.step2").fadeOut("fast");
		$("#screens li.step3").fadeOut("fast");
		$("#screens li.step4").fadeIn("slow");
		$("#screens li.step5").fadeOut("fast");
		$("#screens li.step6").fadeOut("fast");
		
		
	},
		function(){$(this).addClass("done");
	});
		
		$("li.button5").hover(function(){
	 	$("#panel #onoff").stop(true, true);
		$("#panel #onoff").animate( { left: "366px" }, 250);
		$(".scroll").animate( { left: "-900px" }, 350);
		$("#screens li.step1").fadeOut("fast");
		$("#screens li.step2").fadeOut("fast");
		$("#screens li.step3").fadeOut("fast");
		$("#screens li.step4").fadeOut("fast");
		$("#screens li.step5").fadeIn("slow");
		$("#screens li.step6").fadeOut("fast");
		
		
	},
		function(){$(this).addClass("done");
	});
		$("li.button6").hover(function(){
	 	$("#panel #onoff").stop(true, true);
		$("#panel #onoff").animate( { left: "454px" }, 250);
		$(".scroll").animate( { left: "-1125px" }, 350);
		$("#screens li.step1").fadeOut("fast");
		$("#screens li.step2").fadeOut("fast");
		$("#screens li.step3").fadeOut("fast");
		$("#screens li.step4").fadeOut("fast");
		$("#screens li.step5").fadeOut("fast");
		$("#screens li.step6").fadeIn("slow");
		
		
	},
		function(){$(this).addClass("done");
	});
		
	$(".appstore").hover(function(){
		$(this).stop(true, true);
    	$(this).fadeTo("fast", 0.6);
	},
		function(){$(this).fadeTo("fast", 1.0);
	});
	
	$("#logo").hover(function(){
		$(this).stop(true, true);
    	$(this).fadeTo("fast", 0.6);
	},
		function(){$(this).fadeTo("fast", 1.0);
	});
	$("#boy img").hover(function(){
		$(this).stop(true, true);
    	$(this).fadeTo("fast", 0.6);
	},
		function(){$(this).fadeTo("fast", 1.0);
	});
	 
});