$(document).ready(function(){

	$("#step1").hide();
	$("#step2").hide();
	$("#step3").hide();
	$("#step4").hide();
	$("#saf").hide();
	
	$("span.step1").mouseover(function(){
		$("#step1").fadeIn();
		$("#step2").hide();
		$("#step3").hide();
		$("#step4").hide();
		$("span.step1").addClass("active");
		$("span.step2").removeClass("active");
		$("span.step3").removeClass("active");
		$("span.step4").removeClass("active");
	});

	$("span.step2").mouseover(function(){
		$("#step2").fadeIn();
		$("#step1").hide();
		$("#step3").hide();
		$("#step4").hide();
		$("span.step2").addClass("active");
		$("span.step1").removeClass("active");
		$("span.step3").removeClass("active");
		$("span.step4").removeClass("active");
	});

	$("span.step3").mouseover(function(){
		$("#step3").fadeIn();
		$("#step1").hide();
		$("#step2").hide();
		$("#step4").hide();
		$("span.step3").addClass("active");
		$("span.step1").removeClass("active");
		$("span.step2").removeClass("active");
		$("span.step4").removeClass("active");
	});

	$("span.step4").mouseover(function(){
		$("#step4").fadeIn();
		$("#step1").hide();
		$("#step3").hide();
		$("#step2").hide();
		$("span.step4").addClass("active");
		$("span.step1").removeClass("active");
		$("span.step2").removeClass("active");
		$("span.step3").removeClass("active");
	});
	
});
    
$(window).load(function(){
	$("#step1").fadeIn();	
	$("span.step1").addClass("active");
});