// JavaScript Document
// By  VUTHA VATH

	$(document).ready(function(){  
							   
	$("ul.rrethumb li").find('div').animate({opacity:0},100);
							   
		$("ul.rrethumb li").hover(function() {
										   
	$(this).css({'z-index' : '10'}); /*Add a higher z-index value so this image stays on top*/ 
	
	
	$(this).find('div').addClass("hover").stop() /* Add class of "hover", then stop animation queue buildup*/
		.animate({
			marginTop: '-110px', /* The next 4 lines will vertically align this image */ 
			marginLeft: '75px',
			top: '50%',
			left: '100%',
			width: '200px', /* Set new width */
			height: '160px', /* Set new height */
			padding: '5px',
			opacity:1
		}, 200); /* this value of "200" is the speed of how fast/slow this hover animates */
		
	
	//var pp=$(this).find('img').find('.jover');
	
	$(this).find('img.jover').addClass("hover").stop() /* Add class of "hover", then stop animation queue buildup*/
		.animate({
			marginTop: '-110px', /* The next 4 lines will vertically align this image */ 
			marginLeft: '-80px',
			top: '50%',
			left: '50%',
			width: '180px', /* Set new width */
			height: '160px', /* Set new height */
			padding: '5px'
		}, 200); /* this value of "200" is the speed of how fast/slow this hover animates */
	
	} , function() {
	$(this).css({'z-index' : '0'}); /* Set z-index back to 0 */
	$(this).find('div').css({'z-index' : '-1'}); /* Set z-index back to 1 */
	
	$(this).find('img.jover').removeClass("hover").stop()  /* Remove the "hover" class , then stop animation queue buildup*/
	 //$('.jover',this).removeClass("hover").stop()  /* Remove the "hover" class , then stop animation queue buildup*/
		.animate({
			marginTop: '0', /* Set alignment back to default */
			marginLeft: '0',
			top: '0',
			left: '0',
			width: '60px', /* Set width back to default */
			height: '60px', /* Set height back to default */
			padding: '5px'
		}, 400);

	$(this).find('div').removeClass("hover").stop()  /* Remove the "hover" class , then stop animation queue buildup*/

		.animate({
			marginTop: '0', /* Set alignment back to default */
			marginLeft: '0',
			top: '0',
			left: '0',
			width: '60px', /* Set width back to default */
			height: '60px', /* Set height back to default */
			padding: '5px',
			opacity:0
		
		},  400);
		
	
	
});
								   });