
$(document).ready(function(){
	//Rollover effect for all images
	//Ignore this if less than IE 7
	if ($.browser.msie && $.browser.version < 7) return;
	var tSpeed = 150;
	
	//Get reference for each nav item
	var topNav = $('#topNavigation li');
	var registerNav = $('#registerNavigation li');
	var mainNav = $('#mainNavigation li');
	var subNav = $('#subLevNavigation li');
	
	var lookForObj = 'a';
	
	//Set rollover/out functionality for each button
	setRollOver(topNav, lookForObj);
	setRollOver(registerNav, lookForObj);
	setRollOver(mainNav, lookForObj);
	setRollOver(subNav, lookForObj);
	
	function setRollOver(obj, lookForObj)
	{
		$(obj)
		.removeClass('highlight')
		.find(lookForObj)
		.append('<span class="hover" />').each(function () 
		{
			var $span = $('> span.hover', this).css('opacity', 0);
			$(this).hover(function () 
			{
				// on hover
				$span.stop().fadeTo(tSpeed, 1);
			}, 
			
			function () 
			{
				// off hover
				$span.stop().fadeTo(tSpeed, 0);
			});
		});
	}
	
});

