﻿// When document first loads
$("document").ready(function(){
	$("ul.navbar li").hoverIntent({
		over: showIt, 
		out: hideIt
	});
});

function showIt() {
	var liMenu = $(this);
	var divMenu = $(liMenu).find('div.menushow');
	if (divMenu == null) return;
	
	// Get parent object
	var pst = $(liMenu).position();
	
	// Set a.img.src attribute
	var imgObject = $(liMenu).find('a img');
	imgObject.attr('src', '/Images/CarrotDark.png');
	
	// Calculate new position
	pst.top += 22;
	var wdt = divMenu.width();
	if (divMenu.width() > 800)
		pst.left -= 540;
	else if (divMenu.width() > 400)
		pst.left -= 170;
	else
		pst.left -= 10;
	
	// Show the div.menushow object
	$(divMenu).css({top: pst.top, left: pst.left});
	$(divMenu).slideToggle("fast");
}

function hideIt() {
	var liMenu = $(this);
	var divMenu = $(liMenu).find('div.menushow');
	if (divMenu == null) return;
	
	// Set a.img.src attribute
	var imgObject = liMenu.find('a img');
	imgObject.attr('src', '/Images/CarrotLight.png');
	
	// Hide the div.menushow object
	$(divMenu).slideToggle('fast');
}

