$(document).ready(function() {
	
	//$(document).pngFix();
	
	
	$("#iphone").animate({ 
        left: "65px"
      }, 600 );
	
	$("#switcher #pill").animate({ 
        left: "5px"
      }, 350 );
      
    $("li.switch1").hover(function(){
        $("#steps li").not(this).stop(true,true);
    	$("#switcher #pill").stop(true, true);
		$("#switcher #pill").animate( { left: "5px" }, 250);
		//$(".scroll").animate( { left: "0px" }, 200);
		$("#steps li.step1").fadeIn("slow");
		$("#steps li.step2").fadeOut("fast");
		$("#steps li.step3").fadeOut("fast");
		$("#steps li.step4").fadeOut("fast");
		$("#steps li.step5").fadeOut("fast");
		
		// $("#steps li.step1").not(this).dequeue().animate({opacity: "1"}, 300);
		
	},
		function(){$(this).addClass("done");
	});

	$("li.switch2").hover(function(){
	    $("#steps li").not(this).stop(true,true);
		$("#switcher #pill").stop(true, true);
		$("#switcher #pill").animate( { left: "85px" }, 250);
		//$(".scroll").animate( { left: "-175px" }, 200);
		$("#steps li.step1").fadeOut("fast");
		$("#steps li.step2").fadeIn("slow");
		$("#steps li.step3").fadeOut("fast");
		$("#steps li.step4").fadeOut("fast");
		$("#steps li.step5").fadeOut("fast");

        
      
		
	},
		function(){$(this).addClass("done");
	});
	
	$("li.switch3").hover(function(){
	    $("#steps li").not(this).stop(true,true);
		$("#switcher #pill").stop(true, true);
		$("#switcher #pill").animate( { left: "175px" }, 250);
		//$(".scroll").animate( { left: "-350px" }, 200);
		$("#steps li.step1").fadeOut("fast");
		$("#steps li.step2").fadeOut("fast");
		$("#steps li.step3").fadeIn("slow");
		$("#steps li.step4").fadeOut("fast");
		$("#steps li.step5").fadeOut("fast");
		
	
	},
		function(){$(this).addClass("done");
	});
	
	$("li.switch4").hover(function(){
	    $("#steps li").not(this).stop(true,true);
		$("#switcher #pill").stop(true, true);
		$("#switcher #pill").animate( { left: "265px" }, 250);
		//$(".scroll").animate( { left: "-525px" }, 200);
		$("#steps li.step1").fadeOut("fast");
		$("#steps li.step2").fadeOut("fast");
		$("#steps li.step3").fadeOut("fast");
		$("#steps li.step4").fadeIn("slow");
		$("#steps li.step5").fadeOut("fast");
		
		
	},
		function(){$(this).addClass("done");
	});
	
	
	$("li.switch5").hover(function(){
	    $("#steps li").not(this).stop(true,true);
	    //$("#steps li").not(this).dequeue().animate({opacity: "1"}, 0);
		$("#switcher #pill").stop(true, true);
		$("#switcher #pill").animate( { left: "345px" }, 250);
	//	$(".scroll").animate( { left: "-700px" }, 200);
		$("#steps li.step1").fadeOut("fast");
		$("#steps li.step2").fadeOut("fast");
		$("#steps li.step3").fadeOut("fast");
		$("#steps li.step4").fadeOut("fast");
		$("#steps li.step5").fadeIn("slow");
		
			
	},
		function(){$(this).addClass("done");
	});
	
	
	/*
	$('#screenshots a#one').fancyZoom({directory: 'images/'});
	$('#screenshots a#two').fancyZoom({directory: 'images/'});
	$('#screenshots a#three').fancyZoom({directory: 'images/'});
	$('#screenshots a#four').fancyZoom({directory: 'images/'});
	$('#screenshots a#five').fancyZoom({directory: 'images/'});
	
	$("input.sign-name").focus(function(){
		if ( $(this).val() == "Enter your name")
        $(this).val('');
	});
	$("input.sign-name").blur(function(){
		if ( $(this).val() == "")
		$(this).val('Enter your name');
	});
	
	$("input.sign-email").focus(function(){
		if ( $(this).val() == "Enter your email address")
        $(this).val('');
	});
	$("input.sign-email").blur(function(){
		if ( $(this).val() == "")
		$(this).val('Enter your email address');
	});
	
	$("#head span a").hover(function(){
		$(this).children().stop(true, true);
    	$(this).children().fadeIn("fast");
	},
		function(){$(this).children().fadeOut("fast");
	});
	
	$("#head strong").hover(function(){
		$(this).stop(true, true);
    	$(this).fadeTo("fast", 0.8);
	},
		function(){$(this).fadeTo("fast", 1.0);
	});
	
	$("#head h1 a").hover(function(){
		$(this).children().stop(true, true);
    	$(this).children().fadeIn("fast");
	},
		function(){$(this).children().fadeOut("fast");
	}); */
	
	/*$('#screenshots a#one').hover(function(){
			$("#screenshots img").stop(true, true);
			$('#screenshots a#two img, #screenshots a#three img, #screenshots a#four img').fadeTo("fast", 0.4);
		},
		function(){
			$('#screenshots a#two img, #screenshots a#three img, #screenshots a#four img').fadeTo("slow", 1.0);
		}
	);
	
	$('#screenshots a#two').hover(function(){
			$("#screenshots img").stop(true, true);
			$('#screenshots a#one img, #screenshots a#three img, #screenshots a#four img').fadeTo("fast", 0.4);
		},
		function(){
			$('#screenshots a#one img, #screenshots a#three img, #screenshots a#four img').fadeTo("slow", 1.0);
		}
	);
	
	$('#screenshots a#three').hover(function(){
			$("#screenshots img").stop(true, true);		
			$('#screenshots a#one img, #screenshots a#two img, #screenshots a#four img').fadeTo("fast", 0.4);
		},
		function(){
			$('#screenshots a#one img, #screenshots a#two img, #screenshots a#four img').fadeTo("slow", 1.0);
		}
	);
	
	$('#screenshots a#four').hover(function(){
			$("#screenshots img").stop(true, true);
			$('#screenshots a#one img, #screenshots a#two img, #screenshots a#three img').fadeTo("fast", 0.4);
		},
		function(){
			$('#screenshots a#one img, #screenshots a#two img, #screenshots a#three img').fadeTo("slow", 1.0);
		}
	);*/
	
});