$(function(){
	/* NAVIGATION */	 
	$('#navigation li a').append('<span class="hover"></span>');
	$('#navigation .hover').css('filter','alpha(opacity=00)');	   
	$('#navigation li a').hover(function() {   
		// Stuff that happens when you hover on + the stop()
		$('.hover', this).stop().animate({
			'opacity': 1
			}, 700,'easeOutSine')
	
	},
	function() {
		// Stuff that happens when you unhover + the stop()
		$('.hover', this).stop().animate({
			'opacity': 0
		}, 700, 'easeOutQuad')
	
	});
	
	/* LANGUAGES */
	$('#languages li a').append('<span class="hover"></span>');
	$('#languages .hover').css('filter','alpha(opacity=00)');	   
	$('#languages li a').hover(function() {   
		// Stuff that happens when you hover on + the stop()
		$('.hover', this).stop().animate({
			'opacity': 1
			}, 700,'easeOutSine')
	
	},
	function() {
		// Stuff that happens when you unhover + the stop()
		$('.hover', this).stop().animate({
			'opacity': 0
		}, 700, 'easeOutQuad')
	
	});
	
	/* NETWORKS */
	$('#socialNetwork li a').append('<span class="hover"></span>');
	$('#socialNetwork .hover').css('filter','alpha(opacity=00)');	   
	$('#socialNetwork li a').hover(function() {   
		// Stuff that happens when you hover on + the stop()
		$('.hover', this).stop().animate({
			'opacity': 1
			}, 700,'easeOutSine')
	
	},
	function() {
		// Stuff that happens when you unhover + the stop()
		$('.hover', this).stop().animate({
			'opacity': 0
		}, 700, 'easeOutQuad')
	
	});
	
	/* FOOTER LINKS */
	$("#footer-nav a").hover(function() {
		$(this).animate({
			color: "#acacac"
		}, 200);
	},
	function() {
		$(this).animate({
			color: "#464646"
		}, 700);
	});
	
	$("#settings").hover(function() {
		$(this).animate({
			color: "#acacac"
		}, 200);
	},
	function() {
		$(this).animate({
			color: "#464646"
		}, 700);
	});
	
	/* PORTFOLIO */	
	$("#portfolio_nav a").hover(function() {
		$(this).animate({
			color: "#FFF"
		}, 200);
	},
	function() {
		$(this).animate({
			color: "#C2C2C2"
		}, 700);
	});
	
	/* SITEMAP */	
	$("#sitemap a").hover(function() {
		$(this).animate({
			color: "#FFF"
		}, 200);
	},
	function() {
		$(this).animate({
			color: "#C2C2C2"
		}, 700);
	});

	
});