$(document).ready(function(){  
        //To switch directions up/down and left/right just place a "-" in front of the top/left attribute  
        //Vertical Sliding  

        //Diagnal Sliding  
        /*$('.boxgrid.thecombo').hover(function(){  
            $(".cover", this).stop().animate({top:'260px', left:'325px'},{queue:false,duration:300});  
        }, function() {  
            $(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:300});  
        }); */
				
				
				//Caption Sliding (Partially Hidden to Visible)
				//top to bottom
				/*$('.boxgrid.thecombo').hover(function(){
					$(".cover", this).stop().animate({top:'260px'},{queue:false,duration:160});
				}, function() {
					$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});
				});*/
				
				//bottom to top
				/*$('.boxgrid.thecombo').hover(function(){
					$(".cover", this).stop().animate({top:'-260px'},{queue:false,duration:300});
				}, function() {
					$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:300});
				});*/
				
				//Horizontal Sliding
					$('.boxgrid.thecombo').hover(function(){
						$(".cover", this).stop().animate({left:'-325px'},{queue:false,duration:300});
					}, function() {
						$(".cover", this).stop().animate({left:'0px'},{queue:false,duration:300});
					});
			
				listItemBackground(); 
	  
    });  
		
		
		
 function listItemBackground() {
		$('.boxgrid .cover img').each(function(){ 
				var picsource = $(this).attr('src');
				$(this).parent().parent().parent().css('background-image', 'url("' + picsource + '")');
			});
}