var dropdownTimer = null;
var id = '';
var tabName = '';
var dropDownElem = '';
var navigationElem = ''
var activeTabName = '';
var activeTab = '';
var activeNode = ''

function hideDropdown(navNode,dropdown) {
	$(dropdown).slideUp("normal");
	if (navNode.hasClass('menu-active')) {	
		navNode.css("background-color", "#c8eb91");
		navNode.css("color", "#412c1b");
		navNode.css("background-image", "url('/images/subnavNode-menuButton-on.gif')");
	} else if (navNode.hasClass('menu')) {
		navNode.css("background-color", "#412C1b");
		navNode.css("color", "#FFFFFF");
		navNode.css("background-image", "url('/images/subnavNode-menuButton-off.gif')");
	} else {
		navNode.css("background-color", "#412C1b");
		navNode.css("color", "#FFFFFF");
	}
}

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

	$("#subnav-nodes div").hover(
            function() {
				id = $(this).attr("id");
				tabName = id.substring(id.indexOf("-") + 1, id.length);
				navigationElem = $("#subnavNode-" + tabName);
				dropDownElem = $("#subnav-dropdown-" + tabName);
				navigationElem.css("background-color", "#ACD867");
				navigationElem.css("color", "#412C1B");
				if (navigationElem.hasClass('menu') || navigationElem.hasClass('menu-active')) {
					navigationElem.css("background-image", "url('/images/subnavNode-menuButton-over.gif')");
				}
				if(activeTabName != tabName && activeTabName != '') {
					if(activeNode.hasClass('menu-active')) {
						activeNode.css("background-color", "#c8eb91");
						activeNode.css("color", "#412c1b");
						activeNode.css("background-image", "url('/images/subnavNode-menuButton-on.gif')");
					} else {
						activeNode.css("background-color", "#412C1b");
						activeNode.css("color", "#FFFFFF");
						activeNode.css("background-image", "url('/images/subnavNode-menuButton-off.gif')");
					}
				}
				
				if(activeTab != dropDownElem) {
					if (dropdownTimer) { clearTimeout(dropdownTimer); }
					$("div.subnav-dropdown").css("display", "none");
					dropDownElem.slideDown("normal");
					activeTabName = tabName;
					activeNode = navigationElem;
					activeTab = dropDownElem;
				} else {
					if (dropdownTimer) { clearTimeout(dropdownTimer); }
				}
			}, function() {
				dropdownTimer = setTimeout("hideDropdown(activeNode,activeTab)",200);
			}
		);
		
		
		$("div.subnav-dropdown").hover(
            function() {
				if (dropdownTimer) { clearTimeout(dropdownTimer); }
			}, function() {
				dropdownTimer = setTimeout("hideDropdown(navigationElem,dropDownElem)",200);
			}
		);
		
		
		
		
		
    });
})(jQuery);