// JavaScript Document
$(document).ready(function() {
	//make sure all subs are hidden on load
	$("ul#ulNavMenu li .sub").hide();
	

	
	function menuHoverOver(obj){
		
		var ajaxManager = $.manageAjax.create('apm', {
			queue: false,
			abortOld: true,
			maxRequests: 1
			});
		
		
		var ID = $(obj).attr("id")
		
		$("#"+ID+" a:first").css("background-color","#151515 ")
		//$('#sub'+ID).html('<img src="/images/loading-white.gif" align="absmiddle"> Loading Menu...')
		
		//set the loading
		$('#sub'+ID).html('<img src="/assets/images/loading.gif" align="absmiddle" /> Loading...')
		
		ajaxManager.add({
				url: '/includes/AJAX_navMenuContent.aspx',
				type: 'POST',
				ifModified: true,
				data: {menuID: ID},
				success: function(returnData) {
					$('#sub'+ID).html(returnData)
					return false;
				}
			})
		
		$('#sub'+ID).stop().fadeTo('fast', 1).show();
		
	}
	
	function menuHoverOverDOM(obj){
		
		var ID = $(obj).attr("id")
		
		$("#"+ID+" a:first").css("background-color","#151515")
		//$('#sub'+ID).html('<img src="/images/loading-white.gif" align="absmiddle"> Loading Menu...')
	
		$('#sub'+ID).stop().fadeTo('fast', 1).show();
		
	}
	
	
	
	function menuHoverOut(obj){ 
	  var ID = $(obj).attr("id")
	  if ($("#"+ID+" a:first").hasClass('current') == false)  {
	  $("#"+ID+" a:first").css("background-color","transparent")
	  }
	  $('#sub'+ID).stop().fadeTo('fast', 0, function() {
		  $('#sub'+ID).hide(); 
	  });
	}


	

	$("ul#ulNavMenu li .sub").css({'opacity':'0'});
	$("ul#ulNavMenu li.AJAXMenu").mouseenter(function() {menuHoverOver(this)}).mouseleave(function() {menuHoverOut(this)})
	$("ul#ulNavMenu li.DOMMenu").mouseenter(function() {menuHoverOverDOM(this)}).mouseleave(function() {menuHoverOut(this)})
	$("ul#ulNavMenu li a.dropDownMenu").click(function() {menuHoverOver($(this).parent())})

	
})