$(document).ready(function(){

				//To switch directions up/down and left/right just place a "-" in front of the top/left attribute

				//Vertical Sliding

				$('.boxgrid.slidedown').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.slideright').hover(function(){

					$(".cover", this).stop().animate({left:'325px'},{queue:false,duration:300});

				}, function() {

					$(".cover", this).stop().animate({left:'0px'},{queue:false,duration:300});

				});
                
                
                

				//cover1
                $('.cover1').css({"top":"1000px","left":"1000px"});

				$('.boxgrid.thecombo').hover(function(){                    

					$(".cover1", this).stop().animate({top:'90px', left:'90px'},{queue:false,duration:300});

				}, function() {                    

					$(".cover1", this).stop().animate({top:'300px', left:'300px'},{queue:false,duration:300});

				});
                
                //cover2
                $('.cover2').css({"top":"-1000px","left":"-1000px"});
				$('.boxgrid.thecombo').hover(function(){                    
					$(".cover2", this).stop().animate({top:'-60px', left:'-60px'},{queue:false,duration:300});
				}, function() {                    
					$(".cover2", this).stop().animate({top:'-300px', left:'-300px'},{queue:false,duration:300});
				});
                
                //cover3
                $('.cover3').css({"top":"1000px","left":"-1000px"});
				$('.boxgrid.thecombo').hover(function(){                    
					$(".cover3", this).stop().animate({top:'60px', left:'-60px'},{queue:false,duration:300});
				}, function() {                    
					$(".cover3", this).stop().animate({top:'300px', left:'-300px'},{queue:false,duration:300});
				});
                
                //cover4
                $('.cover4').css({"top":"-1000px","left":"1000px"});
				$('.boxgrid.thecombo').hover(function(){                    
					$(".cover4", this).stop().animate({top:'-60px', left:'60px'},{queue:false,duration:300});
				}, function() {                    
					$(".cover4", this).stop().animate({top:'-300px', left:'300px'},{queue:false,duration:300});
				});
				
				//mini-cover
                $('.mini-cover').css({"top":"-1000px","left":"1000px"});
				$('.boxgrid.mini').hover(function(){                    
					$(".mini-cover", this).stop().animate({top:'0', left:'0'},{queue:false,duration:300});
				}, function() {                    
					$(".mini-cover", this).stop().animate({top:'-300px', left:'300px'},{queue:false,duration:300});
				});
                
                
                

				//Partial Sliding (Only show some of background)

				$('.boxgrid.peek').hover(function(){

					$(".cover", this).stop().animate({top:'90px'},{queue:false,duration:160});

				}, function() {

					$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});

				});
                
                

				//PatoFU - box slider coluna2
                $('.cover').css({"top":"1000px"});

				$('.boxgrid2.captionfull').hover(function(){

					$(".cover", this).stop().animate({top:'266px'},{queue:false,duration:160});

				}, function() {

					$(".cover", this).stop().animate({top:'370px'},{queue:false,duration:160});

				});
                
                

				//Caption Sliding (Partially Hidden to Visible)

				$('.boxgrid.caption').hover(function(){

					$(".cover", this).stop().animate({top:'160px'},{queue:false,duration:160});

				}, function() {

					$(".cover", this).stop().animate({top:'220px'},{queue:false,duration:160});

				});

			});