$(function() {	

		var fadeLinks = [$('#nav-home-link'),
						$('#nav-about-link'),
						$('#nav-work-link'),
						$('#nav-contact-link'),
					 	$('#dorwart-link'),
					 	$('#learn-more-link'),
					 	$('#git-link'),
					 	$('#inline'),
					 	$('#start-project-link'),
					 	$('#deliveries-link'),
					 	$('#contact-link'),
					 	$('#view-work-link'),
					 	$('#dl-pdf-link'),
					 	$('#check-it-link'),
					 	$('#download'),
					 	$('#view-work-link'),
					 	$('#start-project-body-link'),
					 	$('#work-websites'),
					 	$('#work-packaging'),
					 	$('#work-logo'),
					 	$('#work-branding'),
					 	$('#work-icons'),
					 	$('#work-print'),
					 	$('#send-message'),
					 	$('#waypoint')
					 	];

		var newElement = [];
		$.each(fadeLinks, function(i) {
			addSmoothFade(this,i);
		});
		

		function addSmoothFade(originalElement,i) {
			elementId = originalElement.attr('id');
			tagType = originalElement.attr('tagName');
			if(tagType == 'A') {
				href = originalElement.attr('href');
				newElement[i] = $('<a href="'+href+'" id="'+elementId+'-over"></a>');
				newElement[i].mouseout(function() {
					$(this).fadeOut(200);
				});
			} else if(tagType == 'INPUT') {
				newElement[i] = $('<input type="submit" name="send_message" id="'+elementId+'-over" value="send">');
				newElement[i].mouseout(function() {
					$(this).fadeOut(200);
				});
			}
			if(newElement[i]) {
				newElement[i].css('display','none'); 
				originalElement.after(newElement[i]);
				originalElement.mouseover(function() {
					newElement[i].fadeIn(200);
				});
			}
		}

	pageInit();		
});