var MyTimer;


function returnToActive()
{
clearInterval(MyTimer);
	$("#navbar #pill").stop(true, true);
	$("#navbar #pill").animate( { left: pillStart }, 500);
	$("#navPilImage").attr("src", pillImage);
	
}



$(document).ready(function() {
	
	$(document).pngFix();
	
	$("#iphone").animate({ 
        left: "0px"
      }, 600 );
      
    $("li.nav1").hover(function(){
	    	clearInterval(MyTimer);
		$("#navbar #pill").stop(true, true);
		$("#navbar #pill").animate( { left: "2px" }, 250);
		$("#navPilImage").attr("src", "media/pill.png")
 
	},
		function(){$(this).addClass("done");
		MyTimer=setInterval(function(){returnToActive()},0);
		
	});

	$("li.nav2").hover(function(){
		clearInterval(MyTimer);
		$("#navbar #pill").stop(true, true);
		$("#navbar #pill").animate( { left: "92px" }, 250);
		$("#navPilImage").attr("src", "media/pill.png")
 
	},
		function(){$(this).addClass("done");
		MyTimer=setInterval(function(){returnToActive()},0);
	});
	 
	
	$("li.nav3").hover(function(){
		clearInterval(MyTimer);
		$("#navbar #pill").stop(true, true);
		$("#navbar #pill").animate( { left: "184px" }, 250);
		$("#navPilImage").attr("src", "media/pill.png")
 
	},
		function(){$(this).addClass("done");
		MyTimer=setInterval(function(){returnToActive()},0);
	});
	
	$("li.nav4").hover(function(){
		clearInterval(MyTimer);
		$("#navbar #pill").stop(true, true);
		$("#navbar #pill").animate( { left: "294px" }, 250);
		$("#navPilImage").attr("src", "media/pill.png")
 
	},
		function(){$(this).addClass("done");
		MyTimer=setInterval(function(){returnToActive()},0);
	});
	
	$("li.nav5").hover(function(){
		clearInterval(MyTimer);
		$("#navbar #pill").stop(true, true);
		$("#navbar #pill").animate( { left: "380px" }, 250);
		$("#navPilImage").attr("src", "media/pilllarger.png")
 
	},
		function(){$(this).addClass("done");
		MyTimer=setInterval(function(){returnToActive()},0);
	});	
 
 
	$("li.nav6b").hover(function(){
		clearInterval(MyTimer);
		$("#navbar #pill").stop(true, true);
		$("#navbar #pill").animate( { left: "490px" }, 250);
		$("#navPilImage").attr("src", "media/pillsmall.png")
 
	},
		function(){$(this).addClass("done");
		MyTimer=setInterval(function(){returnToActive()},0);
	});		
	
	$("li.nav6").hover(function(){
		clearInterval(MyTimer);
		$("#navbar #pill").stop(true, true);
		$("#navbar #pill").animate( { left: "560px" }, 250);
		$("#navPilImage").attr("src", "media/pillsmall.png")
 
	},
		function(){$(this).addClass("done");
		MyTimer=setInterval(function(){returnToActive()},0);
	});		
	

	$("li.nav7").hover(function(){
		clearInterval(MyTimer);
		$("#navbar #pill").stop(true, true);
		$("#navbar #pill").animate( { left: "625px" }, 250);
		$("#navPilImage").attr("src", "media/pilllarger.png")
 
	},
		function(){$(this).addClass("done");
		MyTimer=setInterval(function(){returnToActive()},0);
	});	
	
	$("li.nav8").hover(function(){
		clearInterval(MyTimer);
		$("#navbar #pill").stop(true, true);
		$("#navbar #pill").animate( { left: "739px" }, 250);
		$("#navPilImage").attr("src", "media/pill.png")
 
	},
		function(){$(this).addClass("done");
		MyTimer=setInterval(function(){returnToActive()},0);
	});		
	
	$("li.nav9").hover(function(){
		clearInterval(MyTimer);
		$("#navbar #pill").stop(true, true);
		$("#navbar #pill").animate( { left: "873px" }, 250);
		$("#navPilImage").attr("src", "media/pill.png")
 
	},
		function(){$(this).addClass("done");
		MyTimer=setInterval(function(){returnToActive()},0);
	});		
	

	$("li.nav10").hover(function(){
		clearInterval(MyTimer);
		$("#navbar #pill").stop(true, true);
		$("#navbar #pill").animate( { left: "620px" }, 250);
		$("#navPilImage").attr("src", "media/pillsmall.png")
 
	},
		function(){$(this).addClass("done");
		MyTimer=setInterval(function(){returnToActive()},0);
	});		
	
	$("li.nav11").hover(function(){
		clearInterval(MyTimer);
		$("#navbar #pill").stop(true, true);
		$("#navbar #pill").animate( { left: "962px" }, 250);
		$("#navPilImage").attr("src", "media/pillsmall.png")
 
	},
		function(){$(this).addClass("done");
		MyTimer=setInterval(function(){returnToActive()},0);
	});		
		
    $("li.switch1").hover(function(){
    	$("#switcher #pill").stop(true, true);
		$("#switcher #pill").animate( { left: "2px" }, 250);
		$(".scroll").animate( { left: "0px" }, 350);
		$("#steps li.step1").fadeIn("slow");
		$("#steps li.step2").fadeOut("fast");
		$("#steps li.step3").fadeOut("fast");
		$("#steps li.step4").fadeOut("fast");
	},
		function(){$(this).addClass("done");
	});

	$("li.switch2").hover(function(){
		$("#switcher #pill").stop(true, true);
		$("#switcher #pill").animate( { left: "92px" }, 250);
		$(".scroll").animate( { left: "-225px" }, 350);
		$("#steps li.step1").fadeOut("fast");
		$("#steps li.step2").fadeIn("slow");
		$("#steps li.step3").fadeOut("fast");
		$("#steps li.step4").fadeOut("fast");
	},
		function(){$(this).addClass("done");
	});
	
	$("li.switch3").hover(function(){
		$("#switcher #pill").stop(true, true);
		$("#switcher #pill").animate( { left: "184px" }, 250);
		$(".scroll").animate( { left: "-450px" }, 350);
		$("#steps li.step1").fadeOut("fast");
		$("#steps li.step2").fadeOut("fast");
		$("#steps li.step3").fadeIn("slow");
		$("#steps li.step4").fadeOut("fast");
	},
		function(){$(this).addClass("done");
	});
	
	$("li.switch4").hover(function(){
		$("#switcher #pill").stop(true, true);
		$("#switcher #pill").animate( { left: "274px" }, 250);
		$(".scroll").animate( { left: "-675px" }, 350);
		$("#steps li.step1").fadeOut("fast");
		$("#steps li.step2").fadeOut("fast");
		$("#steps li.step3").fadeOut("fast");
		$("#steps li.step4").fadeIn("slow");
	},
		function(){$(this).addClass("done");
	});
		
	
	

    $("span.switch1").hover(function(){
		$(".scroll").animate( { left: "0px" }, 350);
		$("#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.step6").fadeOut("fast");
		$("#steps li.step7").fadeOut("fast");		
		$("#steps li.step8").fadeOut("fast");
		
		
	},
		function(){$(this).addClass("done");
	});

		$("span.switch2").hover(function(){
		$(".scroll").animate( { left: "-225px" }, 350);
		$("#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");
		$("#steps li.step6").fadeOut("fast");
		$("#steps li.step7").fadeOut("fast");		
		$("#steps li.step8").fadeOut("fast");
		
		
	},
		function(){$(this).addClass("done");
	});
	
	$("span.switch3").hover(function(){
		$(".scroll").animate( { left: "-450px" }, 350);
		$("#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");
		$("#steps li.step6").fadeOut("fast");
		$("#steps li.step7").fadeOut("fast");	
		$("#steps li.step8").fadeOut("fast");
			

	},
		function(){$(this).addClass("done");
	});
	
	$("span.switch4").hover(function(){
		$(".scroll").animate( { left: "-675px" }, 350);
		$("#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");
		$("#steps li.step6").fadeOut("fast");
		$("#steps li.step7").fadeOut("fast");	
		$("#steps li.step8").fadeOut("fast");
			
	},
		function(){$(this).addClass("done");
	});
			
	$("span.switch5").hover(function(){
		$(".scroll").animate( { left: "-900px" }, 350);
		$("#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");
		$("#steps li.step6").fadeOut("fast");
		$("#steps li.step7").fadeOut("fast");
		$("#steps li.step8").fadeOut("fast");
		

	},
		function(){$(this).addClass("done");
	});

	$("span.switch6").hover(function(){
		$(".scroll").animate( { left: "-1125px" }, 350);
		$("#steps li.step1").fadeOut("fast");
		$("#steps li.step2").fadeOut("fast");
		$("#steps li.step3").fadeOut("fast");
		$("#steps li.step4").fadeOut("fast");
		$("#steps li.step5").fadeOut("fast");
		$("#steps li.step6").fadeIn("slow");
		$("#steps li.step7").fadeOut("fast");
		$("#steps li.step8").fadeOut("fast");
		
	},
		function(){$(this).addClass("done");
	});
	
	$("span.switch7").hover(function(){
		$(".scroll").animate( { left: "-1350px" }, 350);
		$("#steps li.step1").fadeOut("fast");
		$("#steps li.step2").fadeOut("fast");
		$("#steps li.step3").fadeOut("fast");
		$("#steps li.step4").fadeOut("fast");
		$("#steps li.step5").fadeOut("fast");
		$("#steps li.step6").fadeOut("fast");
		$("#steps li.step7").fadeIn("slow");
		$("#steps li.step8").fadeOut("fast");

	},
		function(){$(this).addClass("done");
	});			
	

	$("span.switch8").hover(function(){
		$(".scroll").animate( { left: "-1575px" }, 350);
		$("#steps li.step1").fadeOut("fast");
		$("#steps li.step2").fadeOut("fast");
		$("#steps li.step3").fadeOut("fast");
		$("#steps li.step4").fadeOut("fast");
		$("#steps li.step5").fadeOut("fast");
		$("#steps li.step6").fadeOut("fast");
		$("#steps li.step7").fadeOut("fast");
		$("#steps li.step8").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/'});
	
	$("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');
	}); 
	
	$("#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");
	});
	 
	
});