// Sliding Doors Effect


(function($) {
	  $('.box_container').hover(function(){
		  var distance = $(this).outerWidth();
		  $(this).find('.box_image').animate({ left : distance },{queue:false,duration:500});
	  }, function(){
		  $(this).find('.box_image').animate({ left : '0px' },{queue:false,duration:500});
	  });      
	  
	  $('.box_container2').hover(function(){
		  var distance = $(this).outerWidth();
		  $(this).find('.box_image2').animate({ left : '-'+distance },{queue:false,duration:500});
	  }, function(){
		  $(this).find('.box_image2').animate({ left : '0px' },{queue:false,duration:500});
	  });      
	  
	  $('.box_container3').hover(function(){
		  var distance = $(this).outerHeight();
		  $(this).find('.box_image3').animate({ top : distance },{queue:false,duration:500});
	  }, function(){
		  $(this).find('.box_image3').animate({ top : '0px' },{queue:false,duration:500});
	  });      
	  
	  $('.box_container4').hover(function(){
		  var distance = $(this).outerWidth();
		  $(this).find('.box_image4').animate({ top : '-' + distance },{queue:false,duration:500});
	  }, function(){
		  $(this).find('.box_image4').animate({ top : '0px' },{queue:false,duration:500});
	  });
})(jQuery);



// Simple Fading Effect


(function($) {
	$(".fade_top").hover(
		function() {
		$(this).stop().animate({"opacity": "0"}, "slow");
	},
		function() {
		$(this).stop().animate({"opacity": "1"}, "slow");
	});
})(jQuery);