$(document).ready(function () {
	$("#items li a").live("mouseover mouseout", function (event) {
		var t = this;
		var h = $(t).find(".itemBackground").height();
		var bg = $(t).find(".itemBackground");
		var img = $(t).find("img");
		var padding = 10;
		
		if(h < 55) padding = 5;
		h += padding + 10;
		
		if (event.type === "mouseover") {
			//img.stop().fadeTo(200, 1);
			//bg.stop().fadeTo(200, 1);
			bg.stop().animate({top: h + "px"}, 200, "swing");
			
		} else {
			//img.stop().fadeTo(200, 0.8);
			//bg.stop().fadeTo(200, 1);
			bg.stop().animate({top: "0px"}, 200, "swing");
		}
	});
	
});