/*
NOTE: This Navigation Code only applies if all of your main links
are the same height and same margin-top. 

You need to set the starting top value of the very first hint
below by adding the following 

TOP CSS VALUE of #link-holder
+
PADDING-TOP of #navigation
+
MARGIN-TOP of #navigation a


After adding assign it to variable originalHintTop.

*/
$(document).ready(function() {







//BEGIN CODE....
<!-- MAIN NAVIGATION HEADER--->  
	$('.nav-link').mouseover(function() {						
		//GETTING THE DESCRIPTION
		var description = $(this).attr('desc');				
		$('#hint').html(description);
		$('#hint').css('display','block');	
	  });
	  
	$(".nav-link").mouseout(function() {
		$('#hint').css('display','none');	
	  });
	
<!-- EXPAND NAVIGATION HEADER--->  	
	$('.nav-link-expand-holder').mouseover(function() {						
	//GETTING THE DESCRIPTION
		var description = $(this).attr('desc');				
		$('#hint').html(description);
		$('#hint').css('display','block');	
	  });
	  
	$(".nav-link-expand-holder").mouseout(function() {
		$('#hint').css('display','none');	
	  });
	
	
	//OPACITY SWAPS
	$('.img-link').mouseover(function() {
		$(this).css('opacity','0.9');
		$(this).css('filter','alpha(opacity=90)');
	  });
	  
	$(".img-link").mouseout(function() {
		$(this).css('opacity','1');
		$(this).css('filter','alpha(opacity=100)');
	  });
	
});//END O READY FUNCTION