// Slicing steps hover
jQuery(function(){

	jQuery("#steps .st").mouseenter(function(){
		
		jQuery("#steps .st_active").animate({ height : "0px" }, 600);
		jQuery("#steps .st_active p.active a.order_now").animate({ bottom: "-70px" }, 500)
		jQuery("#steps .st_active p.active a.info_btn").animate({ bottom: "-70px" }, 400)
		
		//each div box has two classes. the first . " par "and other st_imekoraka .
		var  cl = jQuery(this).attr("class");
		
		//remove from st class and remains my only real name in the variable step "class"	
		cl =  cl.replace(/st st_background /, "");
		
		//only for the definition of value for detection of errors, never allowed would not appear on the page
		var height_active="10px";
		
		//each box has a different height, "height_active" variable value is saved
		if(( cl=="st_idea") || ( cl=="st_deployment")){ height_active="380px"; }
		if(( cl=="st_design") || ( cl=="st_coding")){ height_active="380px"; }
		if ( cl=="st_slicing"){ height_active = "380px" }
		
		//open boxes on which we are on
		jQuery("." + cl + ':not(.st_background)').animate({ height:height_active }, 600); //
		
		
		//mouse class st_active the window closes
		jQuery("#steps .st_active").removeClass("st_active");
		
		//setting class st_active the box was opened
		jQuery("." + cl + ':not(.st_background)').addClass("st_active");
		
		//contact us and animate signup button
		setTimeout('jQuery(".st_active p.active a.order_now").animate({ bottom: "29px" }, 400);',500);
		setTimeout('jQuery(".st_active p.active a.info_btn").animate({ bottom: "29px" }, 350);',400);		
	
	})//end mouseenter .st

})