jQuery(function(){ 
	/* Category Table */

	var num = jQuery(".categorygrid .view-content .item-list ul li").length;

	liSize = parseInt(891 / num);
	liSize = liSize - 5;

	imgSize = liSize - 10;

	jQuery(".categorygrid .view-content").find("li").css({"width" : ''+liSize+'px'});
	jQuery(".categorygrid .view-content").find("img").css({"width" : ''+imgSize+'px', 'height' : 'auto'});

	jQuery(".categorygrid .view-content .item-list ul li").mouseenter(function () {
		jQuery(this).find('.absoluteElement').removeClass('family-passive');	
		jQuery(this).find('.absoluteElement').addClass('family-hover');
		//jQuery(this).find('.absoluteElement').css({'margin-left' : '-40px', 'background-image' : 'url(/themes/lista/assets/images/background/family-hover.png)', 'height' : '280px', 'width' : '160px', 'padding' : '0px 20px', 'z-index' : '9999', 'position' : 'absolute'});
		
		/* IE7 doesn't like anything after the background-image hover */
		//jQuery(this).find('.absoluteElement').css({ 'height' : '280px' , 'width' : '160px', 'margin-left' : '-40px', 'background-image' : 'url(/themes/lista/assets/images/background/family-hover.png)' , 'padding' : '0px 20px' , 'position' : 'relative'   });		
		jQuery(this).find('img').css({'width' : '160px', 'height' : 'auto', 'margin-top': '20px'});
		jQuery(this).find('.views-field-body').css({'display' : 'block'});

	}); 

	jQuery(".categorygrid .view-content .item-list ul li").mouseleave(function () {
		jQuery(this).find('.absoluteElement').removeClass('family-hover');
		jQuery(this).find('.absoluteElement').addClass('family-passive');
		
		//jQuery(this).find('.absoluteElement').css({'margin-left' : '0px', 'background' : 'none', 'width' : 'auto', 'height' : 'auto', 'z-index' : '1000', 'position' : 'relative', 'padding' : '0px'});
		jQuery(this).find('img').css({'width' : ''+imgSize+'px', 'height' : 'auto', 'margin-top': '12px'});
		jQuery(this).find('.views-field-body').css({'display' : 'none'});
	});


});