// VARIABLES
var _windowHeight;
var _pageHeight;
var _pageWidth;
var _menuExpanded = false;
var _expanded = false;


// PROGRAM STARTS -----------------------------------------------------------------------------//
var $j = jQuery.noConflict();
$j(document).ready(function() {

	var configMenu1 = {
		over: function() { OpenMenu('DropdownContainer1'); }, // function = onMouseOver callback (REQUIRED)    
		timeout: 500, // number = milliseconds delay before onMouseOut
		out: function() { CloseMenu('DropdownContainer1'); } // function = onMouseOut callback (REQUIRED)
	};

	var configMenu2 = {
		over: function() { OpenMenu('DropdownContainer2'); }, // function = onMouseOver callback (REQUIRED)    
		timeout: 500, // number = milliseconds delay before onMouseOut
		out: function() { CloseMenu('DropdownContainer2'); } // function = onMouseOut callback (REQUIRED)    
	};
	
	var configMenu3 = {
		over: function() { OpenMenu('DropdownContainer3'); }, // function = onMouseOver callback (REQUIRED)    
		timeout: 500, // number = milliseconds delay before onMouseOut
		out: function() { CloseMenu('DropdownContainer3'); } // function = onMouseOut callback (REQUIRED)    
	};

	/* click events */
	$j('#CloseButton1').click(function() { CloseMenu('DropdownContainer1'); });
	$j('#CloseButton2').click(function() { CloseMenu('DropdownContainer2'); });
	$j('#CloseButton3').click(function() { CloseMenu('DropdownContainer3'); });

	/* mouse move events */
	$j("li.CrumbLevel0").hoverIntent(configMenu1);
	$j("li.CrumbLevel1").hoverIntent(configMenu2);
	$j("li.CrumbLevel2").hoverIntent(configMenu3);
	//$j("li.CrumbLevel0").hoverIntent(function() { OpenMenu('DropdownContainer1'); }, function() { CloseMenu('DropdownContainer1'); });
	/*$j("li.CrumbLevel0").mouseenter(function() { OpenMenu('DropdownContainer1'); }).mouseleave(function() { CloseMenu('DropdownContainer1'); });	*/
	//$j("li.CrumbLevel1").mouseenter(function() { OpenMenu('DropdownContainer2'); }).mouseleave(function() { CloseMenu('DropdownContainer2'); });
});


// METHODS ----------------------------------------------------------------------------------//


function OpenMenu(dropdownId) {
	var dropdown = $j('#' + dropdownId);
	var location = 0;
	var height = 386;
	var displayType = "none";

	
	// Wait a few seconds before doing anything	
	pausecomp(0);

	if (!_expanded) {

		if (dropdown != null) {
			dropdown.animate({ "height": height + "px" }, 400, "swing");
		}

		// Set the current menu state
		_menuExpanded = !_menuExpanded;

		// Mark the menu as 'Expanded' to prevent any strange behaviour
		//setTimeout(SetMenuState(true), 1000);
		SetMenuState(true)
	}
}

function CloseMenu(dropdownId) {
	var dropdown = $j('#' + dropdownId);
	var location = 0;
	var height = 0;
	var displayType = "none";

	if (_expanded) {
		height = 0;

		if (dropdown != null) {
			dropdown.animate({ "height": height + "px" }, 400, "swing");
		}
		// Set the current menu state
		_menuExpanded = !_menuExpanded;

		// Mark the menu as 'Expanded' to prevent any strange behaviour
		//setTimeout(SetMenuState(false), 1000);
		SetMenuState(false)
	}	
}

function SetMenuState(expanded) {
	_expanded = expanded;
}

function pausecomp(millis) {
	var date = new Date();
	var curDate = null;

	do { curDate = new Date(); } 
	while(curDate-date < millis);
}