$(document).ready(function(){
$('nav ul li').hover(function(){
		var iX = $(this).index();
		
		switch(iX) {
			case 0:
				$('header > *').addClass('threed');
				$(this).removeClass().addClass('threedactive').siblings().removeClass().addClass('threedblur');
				break;
			case 1:
				$('header > *').addClass('popup');
				$(this).removeClass().addClass('popupactive').siblings().removeClass().addClass('popupblur');
				break;
			case 2:
				$('header > *').addClass('trails');
				$(this).removeClass().addClass('trailsactive').siblings().removeClass().addClass('trailsblur');
				break;
		}
}, function(){
	$('header > *').removeClass();
	$(this).removeClass().siblings().removeClass();
	$('body').removeAttr('style');
	});
});