//WAIT FOR THE PAGE TO BE READY
$(document).ready(function(){

//HOME PAGE PANELS THAT DO ANIMATIONS
//Woooooh!
	
	$('ul.image_grid').removeClass('boring');
	
	$('ul.image_grid li a').bind("mouseenter",function() {
		$(this).queue( [ ] ).stop();
		$(this).animate({left: -50, top: -110}, 300, "easeOutQuart", fadeInText);
		$(this).children('span').css({opacity: 0});
	}).bind("mouseleave",function() {
		$(this).queue( [ ] ).stop();
		$(this).children('span').animate({opacity: 0}, 300, fadeOutText);
	});

	function fadeInText(){
		$(this).children('span').queue( [ ] ).stop();
		$(this).children('span').animate({opacity: 1}, 300);
	}
	function fadeOutText(){
		$(this).parent('a').queue( [ ] ).stop();
		$(this).css({opacity:0}).parent('a').animate({left: -50, top: 40}, 600, "easeOutQuart");
	}

//END JQUERY
});