var navfadeinspeed = 400;
var navfadeoutspeed = 100;
var navopacity = 0.96;

function makeNav() {
	hideNavHoverMenus();
	makeNavHoverTriggers();
	
	$jq('#navback').supersleight('images/x.gif');
}	

function hideNavHoverMenus() {
	$jq('.hovermenu').fadeTo(0,0);
	$jq('.hovermenu').addClass('hidden');
}

function makeNavHoverTriggers() {
	makeHoverMenuTrigger('homebutton', '');
	makeHoverMenuTrigger('helpbutton', 'helphover');
	makeHoverMenuTrigger('lawyersbutton', 'lawyershover');
	makeHoverMenuTrigger('aboutbutton', 'abouthover');
	makeHoverMenuTrigger('familybutton', '');
	makeHoverMenuTrigger('faqbutton', '');
	makeHoverMenuTrigger('terminologybutton', '');
	makeHoverMenuTrigger('contactbutton', '');
	
	$jq('.hovermenu').each
	(
		function() {
			$jq(this).hover
			(
				function(){},
				function()
				{
					$jq('#' + this.id).fadeTo(navfadeoutspeed,0, function() { hideElement(this.id);});
				}
			)
		}
	)
}

function makeHoverMenuTrigger(hoverid, showid) {
	$jq('#' + hoverid).hover
	(
		function()
		{
			showHoverMenu(showid, $jq('#' + hoverid).offset());
		}
	)
}

function showHoverMenu(menuid, offsets) {
	$jq('.hovermenu').each(
		function(i) {
			var itemid = this.id;
			if(itemid == menuid) {
				showElement(itemid);
				
				this.style.top = (offsets.top + 30) + 'px';
				this.style.left = (offsets.left - 10) + 'px';
				
				$jq('#' + itemid).fadeTo(navfadeinspeed, navopacity);
			}
			else {
			
				$jq('#' + itemid).fadeTo(navfadeoutspeed,0, function() { hideElement(itemid);});
			}
		}
	)
}

function hideElement(tg) {
	$jq('#'+tg).addClass('hidden');
}

function showElement(tg) {
	$jq('#'+tg).removeClass('hidden');
}