var $th = jQuery.noConflict();
$th(document).ready(function() {
	$th("ul.thumb li").hover(function() {
		$th(this).css({'z-index' : '10'}).addClass("hover");
		$th(this).find('h3').addClass("hover").stop()
			.animate({
				marginTop: '-70px', 
				marginLeft: '-45px', 
				top: '50%', 
				left: '50%', 
				width: '174px', 
				height: '20px',
				padding: '3px' 
			}, 200);
		$th(this).find('img').addClass("hover").stop()
			.animate({
				marginTop: '-110px', 
				marginLeft: '-110px', 
				top: '50%', 
				left: '50%', 
				width: '174px', 
				height: '174px',
				padding: '20px' 
			}, 200);
		
		} , function() {
		$th(this).css({'z-index' : '0'}).removeClass("hover");
		$th(this).find('h3').removeClass("hover").stop()
			.animate({
				marginTop: '0', 
				marginLeft: '0',
				top: '0', 
				left: '0', 
				width: '0', 
				height: '0', 
				padding: '0'
			}, 400);
		$th(this).find('img').removeClass("hover").stop()
			.animate({
				marginTop: '0', 
				marginLeft: '0',
				top: '0', 
				left: '0', 
				width: '100px', 
				height: '100px', 
				padding: '5px'
			}, 400);
	});
});