$(document).ready(function() {
	$(".image").mouseover(function() {
	//alert($(this).next(".details:hidden"));
		if($(this).next(".details:hidden")){
			var pos = $(this).position();
			var width = $(this).width();
			var height = $(this).height();
			var value = pos.top + height - 75;
			$(this).next(".details:hidden").css({
				"width": width,
				"height": height - value,
				"left": pos.left,
				"top": value
			}).show('blind', { direction: "horizontal" });
		}
	})
	$(".details").mouseover(function() {
		$(this).show();
	}).mouseout(function() {
		$(".image").mouseover(function() {
			$(this).next(".details").show();
		}).mouseout(function() { 
			$(".details:visible").hide();
		});		
	});
	$(".image").mouseout(function() {
		$(".details:visible").hide();
	});
	$(".details").mouseout(function(){
		$(".details:visible").hide();
	});
});