$(document).ready(function () {
		
	$('body').addClass('hasJS');	
	
	// Landing Page Hover Effect Functionality
	// find the div.fade elements and hook the hover event
	$('.landing-nav li a').hover(function() {
		// on hovering over, find the element we want to fade *up*
		var fade	= $('img.' + $(this).attr('rel'));
		//var fade	= $('> div', this);
		
		// if the element is currently being animated (to a fadeOut)...
		if (fade.is(':animated')) {
		  // ...take it's current opacity back up to 1
		  fade.stop().animate({opacity:1},300).fadeIn(300);
		} else {
		  // fade in quickly
		  fade.animate({opacity:1},150).fadeIn(150);
		}
		}, function () {
		// on hovering out, fade the element out
		var fade	= $('img.' + $(this).attr('rel'));
		//var fade = $('> div', this);
		if (fade.is(':animated')) {
		  fade.stop().animate({opacity:0},300).fadeOut(300);
		} else {
		  // fade away slowly
		  fade.animate({opacity:0},150).fadeOut(150);
		}
	});
	
});