$(document).ready(function() {
	
	$(document).pngFix();		
      
    $("li.switch1").hover(function(){
    	$("#switcher #pill").stop(true, true);
		$("#switcher #pill").animate( { left: "2px" }, 250);
		$(".scroll").animate( { left: "0px" }, 350);
	},
		function(){$(this).addClass("done");
	});

	$("li.switch2").hover(function(){
		$("#switcher #pill").stop(true, true);
		$("#switcher #pill").animate( { left: "92px" }, 250);
		$(".scroll").animate( { left: "-231px" }, 350);
	},
		function(){$(this).addClass("done");
	});
	
	$("li.switch3").hover(function(){
		$("#switcher #pill").stop(true, true);
		$("#switcher #pill").animate( { left: "186px" }, 250);
		$(".scroll").animate( { left: "-462px" }, 350);
	},
		function(){$(this).addClass("done");
	});
	
	$("li.switch4").hover(function(){
    	$("#switcher #pill").stop(true, true);
		$("#switcher #pill").animate( { left: "2px" }, 250);
		$(".scroll").animate( { left: "0px" }, 350);
	},
		function(){$(this).addClass("done");
	});

	$("li.switch5").hover(function(){
		$("#switcher #pill").stop(true, true);
		$("#switcher #pill").animate( { left: "92px" }, 250);
		$(".scroll").animate( { left: "-251px" }, 350);
	},
		function(){$(this).addClass("done");
	});
	
	$("li.switch6").hover(function(){
		$("#switcher #pill").stop(true, true);
		$("#switcher #pill").animate( { left: "186px" }, 250);
		$(".scroll").animate( { left: "-502px" }, 350);
	},
		function(){$(this).addClass("done");
	});
	
	$('#screenshots a').fancyZoom({directory: 'images/'});	

	
});