$(function(){

	$("#sliceblock .st").mouseenter(function(){

		$("#sliceblock .st_active").animate({ height : "0px" }, 600);
		var  a = $(this).attr("class");
		a =  a.replace(/st st_background /, "");
		
		var height_active="100%";
		$("." + a + ':not(.st_background)').animate({ height:height_active }, 600); //
		$("#sliceblock .st_active").removeClass("st_active");
		$("." + a + ':not(.st_background)').addClass("st_active");
		
	})
	
	$("#sliceblock").mouseleave(function(){
		$("#sliceblock .st_active").animate({ height : "0px" }, 600);
		$("#sliceblock .st_active").removeClass("st_active");
	})
})