// JavaScript Document

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

				//Horizontal Sliding COMPLEMENTOS Y EQUIPACIONES
				$('.boxgrid.slideright').hover(function(){
					$(".cover", this).stop().animate({left:'345px'},{queue:false,duration:300});
				}, function() {
					$(".cover", this).stop().animate({left:'0px'},{queue:false,duration:300});
				});
				

				//Full Caption Sliding (Hidden to Visible) UNIFORMIDAD INFANTIL
				$('.boxgrid.captionfull').hover(function(){
					$(".cover", this).stop().animate({top:'90px'},{queue:false,duration:200});
				}, function() {
					$(".cover", this).stop().animate({top:'170px'},{queue:false,duration:200});
				});
				
				
				//Partial Sliding (Only show some of background)
				$('.boxgrid.logo').hover(function(){
					$(".cover", this).stop().animate({left:'160px'},{queue:false,duration:250});
				}, function() {
					$(".cover", this).stop().animate({left:'0px'},{queue:false,duration:250});
				});
				
				
				//Diagnal Sliding EQUIPAMIENTO DEPORTIVO
				$('.boxgrid.thecombo').hover(function(){
					$(".cover", this).stop().animate({top:'160px'},{queue:false,duration:300});
				}, function() {
					$(".cover", this).stop().animate({top:'260px'},{queue:false,duration:300});
				});				
				
				//Caption Sliding (Partially Hidden to Visible) UNIFORMIDAD DEPORTIVA
				$('.boxgrid.caption').hover(function(){
					$(".cover", this).stop().animate({top:'160px'},{queue:false,duration:300});//175px
				}, function() {
					$(".cover", this).stop().animate({top:'-100px'},{queue:false,duration:300});//250px
				});


				//Caption Sliding (Partially Hidden to Visible) UNIFORMIDAD COLEGIAL
				$('.boxgrid.caption2').hover(function(){
					$(".cover", this).stop().animate({left:'0px'},{queue:false,duration:400});
				}, function() {
					$(".cover", this).stop().animate({left:'545px'},{queue:false,duration:400});
				});
				
				
			});