jQuery(document).ready(function(){
    //jQuery(".ppp").text("The DOM is now loaded and can be manipulated.");
    //alert("xxx");

		jQuery('.xxboxgrid.caption').each(function(){
      // jQuery(".cover", this).stop().animate({'top':'170px',left:'0px'},{queue:false,duration:500});
			jQuery(".cover", this).animate( { width:"100%", height:"100px", left:"0px", top:"120px", opacity: 'hide' }, 500); 
		});
		jQuery('.xboxgrid.caption').hover(function(){
			//jQuery(".cover", this).stop().animate({'top':'120px',left:'0px'},{queue:false,duration:500});
			// jQuery(".cover", this).animate( { width:"100%", height:"100px", left:"0px", top:"120px", opacity: 'show' }, 500); 
			jQuery(".cover", this).animate( { width:"100%", opacity: 'show' }, 300); 
		}, function() {
			//jQuery(".cover", this).stop().animate({'top':'170px',left:'0px'},{queue:false,duration:500});
			// jQuery(".cover", this).animate( { width:"100%", height:"100px", left:"0px", top:"120px", opacity: 'hide' }, 500); 
			jQuery(".cover", this).animate( { width:"100%", opacity: 'hide' }, 300); 
		});
		
		
		
		
		jQuery('.boxgrid.caption').hover(function(){
			//jQuery(".cover", this).stop().animate({'top':'120px',left:'0px'},{queue:false,duration:500});
			// jQuery(".cover", this).animate( { width:"100%", height:"100px", left:"0px", top:"120px", opacity: 'show' }, 500); 
			jQuery(".cover", this).animate( { width:"100%", opacity: 'show' }, 300); 
		}, function() {
			//jQuery(".cover", this).stop().animate({'top':'170px',left:'0px'},{queue:false,duration:500});
			// jQuery(".cover", this).animate( { width:"100%", height:"100px", left:"0px", top:"120px", opacity: 'hide' }, 500); 
			jQuery(".cover", this).animate( { width:"100%", opacity: 'hide' }, 300); 
		});		
		
		
		
		
		
		
});