$(document).ready(function(){

	$('.image li').click(function(){
	 var id = $(this).attr('id');
	 $('.product').css('display', 'none');
	 $('#prod-' + id).css('display', 'block');
	 });

	$(".image li img").each(function (){
	 ht = $(this).height();
	 $(this).css("margin-top", 73 - ht/2 + "px");
	 });
	
	$(".image li").hover(
						 function(){
							 $(this).css("border","2px solid #000").css("margin","3px");
							 },
						 function(){
							 $(this).css("border","0px").css("margin","5px");
							 }
						 )

});