$(document).ready(function() {
		
	
	$("#trad").hover(
		function(){$("#trad").not(".active").addClass("trad")},
		function(){$("#trad").not(".active").removeClass("trad")}
	);
	
	$("#port").hover(
		function(){$("#port").not(".active").addClass("port")},
		function(){$("#port").not(".active").removeClass("port")}
	);
	
	$("#arch").hover(
		function(){$("#arch").not(".active").addClass("arch")},
		function(){$("#arch").not(".active").removeClass("arch")}
	);
	
	$("#blue").hover(
		function(){$("#blue").not(".active").addClass("blue")},
		function(){$("#blue").not(".active").removeClass("blue")}
	);
	
	$.localScroll({
    			easing : 'easeOutExpo',
				axis : 'y',
				duration : 1000,
				offset : -20
    		});

	//$.preLoadCSSImages();
	
});