jQuery(document).ready(function(){

        //jQuery(".ppp").text("The DOM is now loaded and can be manipulated.");
        //alert("mymagazinbox");
          
				//Vertical Sliding
				jQuery('.boxgrid.slidedown').each(function(){
					jQuery(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:400});
				});
				jQuery('.boxgrid.slidedown').hover(function(){
					jQuery(".cover", this).stop().animate({top:'-260px', left:'0px'},{queue:false,duration:400});
				}, function() {
					jQuery(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:400});
				});
				//Horizontal Sliding
				jQuery('.boxgrid.slideright').each(function(){
					jQuery(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:400});
				});
				jQuery('.boxgrid.slideright').hover(function(){
					jQuery(".cover", this).stop().animate({top:'0px', left:'400px'},{queue:false,duration:400});
				}, function() {
					jQuery(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:400});
				});
				//Diagnal Sliding
				jQuery('.boxgrid.thecombo').each(function(){
					jQuery(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:400});
				});
				jQuery('.boxgrid.thecombo').hover(function(){
					jQuery(".cover", this).stop().animate({top:'260px', left:'400px'},{queue:false,duration:400});
				}, function() {
					jQuery(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:400});
				});
				//Partial Sliding (Only show some of background)
				jQuery('.boxgrid.peek').each(function(){
					jQuery(".cover", this).stop().animate({top:'0px',left:'0px'},{queue:false,duration:400});
				});    
				jQuery('.boxgrid.peek').hover(function(){
					jQuery(".cover", this).stop().animate({top:'260px',left:'0px'},{queue:false,duration:400});
				}, function() {
					jQuery(".cover", this).stop().animate({top:'0px',left:'0px'},{queue:false,duration:400});
				});
				//Full Caption Sliding (Hidden to Visible)
				jQuery('.boxgrid.captionfull').each(function(){
					jQuery(".cover", this).stop().animate({top:'260px',left:'0px'},{queue:false,duration:300});
				});
				jQuery('.boxgrid.captionfull').hover(function(){
					jQuery(".cover", this).stop().animate({top:'0px',left:'0px'},{queue:false,duration:300});
				}, function() {
					jQuery(".cover", this).stop().animate({top:'260px',left:'0px'},{queue:false,duration:300});
				});
				//Caption Sliding (Hidden to Visible Part )
				jQuery(".boxgrid.caption").each(function(){
					jQuery(".cover", this).stop().animate({top:'222px',left:'0px'},{queue:false,duration:300});
				});
				jQuery('.boxgrid.caption').hover(function(){
					jQuery(".cover", this).stop().animate({top:'0px',left:'0px'},{queue:false,duration:300});
				}, function() {
					jQuery(".cover", this).stop().animate({top:'222px',left:'0px'},{queue:false,duration:300});
				});
				
				//Thum Caption Sliding (Hidden to Visible Part )
				jQuery(".boxgrid.thumbcaption").each(function(){
					jQuery(".cover", this).stop().animate({top:'150px',left:'0px'},{queue:false,duration:300});
				});
				jQuery('.boxgrid.thumbcaption').hover(function(){
					jQuery(".cover", this).stop().animate({top:'0px',left:'0px'},{queue:false,duration:300});
				}, function() {
					jQuery(".cover", this).stop().animate({top:'150px',left:'0px'},{queue:false,duration:300});
				});


			
			
			});