$(document).ready(function() {
	$(document).pngFix();
	var animateSpeed = 150;

	$("li.switch1").hover(function(){
    		$("#switcher #pill").stop(true, true);
		$("#switcher #pill").animate( { left: "177px" }, animateSpeed);
		$("#switcher #pill").animate( { width: "73px" }, animateSpeed);		
	},
		function(){$(this).addClass("done");
	});

	$("li.switch2").hover(function(){
		$("#switcher #pill").stop(true, true);
		$("#switcher #pill").animate( { left: "250px" }, animateSpeed);
		$("#switcher #pill").animate( { width: "101px" }, animateSpeed);
	},
		function(){$(this).addClass("done");
	});
	
	$("li.switch3").hover(function(){
		$("#switcher #pill").stop(true, true);
		$("#switcher #pill").animate( { left: "351px" }, animateSpeed);
		$("#switcher #pill").animate( { width: "155px" }, animateSpeed);
	},
		function(){$(this).addClass("done");
	});
	
	$("li.switch4").hover(function(){
		$("#switcher #pill").stop(true, true);
		$("#switcher #pill").animate( { left: "506px" }, animateSpeed);
		$("#switcher #pill").animate( { width: "73px" }, animateSpeed);
	},
		function(){$(this).addClass("done");
	});
	
	$("li.switch5").hover(function(){
		$("#switcher #pill").stop(true, true);
		$("#switcher #pill").animate( { left: "581" }, animateSpeed);
		$("#switcher #pill").animate( { width: "78px" }, animateSpeed);
	},
		function(){$(this).addClass("done");
	});
});