$(document).ready(function() {
	 
	$('div.slider a').click(function(){ return false; });
	$('div#steps div:not(:first)').hide();
	
    $("li.slider1").hover(function(){
    	$('.slider li').removeClass("active");    	
    	$(this).addClass("active");
    	$(".slide").stop(true, true);
		$(".slide").animate( { left: "3px" }, 250);
		$(".scroll").animate( { left: "0px" }, 350);
		$("#steps .step1").fadeIn("slow");
		$("#steps .step2").fadeOut("fast");
		$("#steps .step3").fadeOut("fast");
		$("#steps .step4").fadeOut("fast");
		$("#steps .step5").fadeOut("fast");
	});

	$("li.slider2").hover(function(){
    	$('.slider li').removeClass("active");    	
    	$(this).addClass("active");
		$(".slide").stop(true, true);
		$(".slide").animate( { left: "93px" }, 250);
		$(".scroll").animate( { left: "-218px" }, 350);
		$("#steps .step1").fadeOut("fast");
		$("#steps .step2").fadeIn("slow");
		$("#steps .step3").fadeOut("fast");
		$("#steps .step4").fadeOut("fast");
		$("#steps .step5").fadeOut("fast");
	});
	
	$("li.slider3").hover(function(){
    	$('.slider li').removeClass("active");    	
    	$(this).addClass("active");	
		$(".slide").stop(true, true);
		$(".slide").animate( { left: "183px" }, 250);
		$(".scroll").animate( { left: "-436px" }, 350);
		$("#steps .step1").fadeOut("fast");
		$("#steps .step2").fadeOut("fast");
		$("#steps .step3").fadeIn("slow");
		$("#steps .step4").fadeOut("fast");
		$("#steps .step5").fadeOut("fast");		
	});
	
	$("li.slider4").hover(function(){
    	$('.slider li').removeClass("active");    	
    	$(this).addClass("active");		
		$(".slide").stop(true, true);
		$(".slide").animate( { left: "273px" }, 250);
		$(".scroll").animate( { left: "-654px" }, 350);
		$("#steps .step1").fadeOut("fast");
		$("#steps .step2").fadeOut("fast");
		$("#steps .step3").fadeOut("fast");
		$("#steps .step4").fadeIn("slow");
		$("#steps .step5").fadeOut("fast");
	});

	$("li.slider5").hover(function(){
    	$('.slider li').removeClass("active");    	
    	$(this).addClass("active");		
		$(".slide").stop(true, true);
		$(".slide").animate( { left: "363px" }, 250);
		$(".scroll").animate( { left: "-872px" }, 350);
		$("#steps .step1").fadeOut("fast");
		$("#steps .step2").fadeOut("fast");
		$("#steps .step3").fadeOut("fast");
		$("#steps .step4").fadeOut("false");
		$("#steps .step5").fadeIn("slow");		
	});

});