var sliderHeight = "140px";
$(document).ready(function(){ 

	$('.variant').wrap("<div class='variantWrapper'></div>");

	
	$('.variant').each(function(){
		var current = $(this);
		current.attr("box_h", current.height());
    });

	function toggleOpen(){
		$(this).addClass("active");
		$(".active .variantDetails").slideDown("fast");
	}
	function toggleClosed(){
		$(this).find(".variantDetails").slideUp("fast");
		$(this).removeClass("active");
	}
	
	var config = {    
		 sensitivity: 1, 
		 interval: 1,
		 over: toggleOpen,
		 timeout: 300,
		 out: toggleClosed
	};
	$(".variant").hoverIntent(config);
});

function openSlider(){
    var open_height = $(".slider").attr("box_h") + "px";
    $(this).animate({"height": "200px"}, {duration: "fast" });
	$(this).css("z-index","999");
			
}
function closeSlider(){
    $(this).animate({"height": "140px"}, {duration: "fast" });
}