$(document).ready(function() {
	
	$('#subnav ul ul').hide().find('ul');
	$('#subnav ul ul ul').show();
	$('#subnav ul li.active ul').show();
	$('#subnav > ul > li:has(li)').not('#subnav ul ul li').addClass('acc-arrow').find('a').not('#subnav ul ul li a').wrapInner('<span></span>');
	

	/* ===== SubNav functions ============ */
	
	$('#subnav > ul > li.acc-arrow').bind( "hover", { speed:200, delay:200 }, function(){});
	$('#subnav > ul > li.acc-arrow').hover( hoverNavMain, outNavMain );
	
	// set mouseout timer to remove subnav if outside for more than 1 second
	var hideTimer = setTimeout(function() {  }, 1);//initialise so not undefined
	var open;
	
	function hoverNavMain() {
		clearTimeout(hideTimer );
		open = true;
		$(this).find('a').next().slideDown('normal');
		$(this).addClass("current");
		
	}	
	
	function outNavMain() {
		var target = this;
		$(this).addClass("current");
		clearTimeout(hideTimer);
		hideTimer = setTimeout(function() { 
			open = false;
			$('#subnav li.current').not('li.active, #subnav ul li li').find('a').next().slideUp('normal', function () {
				if(open == false){
					$('#subnav li.current').not('li.active, #subnav ul li li').removeClass("current");
				}else {
					$(target).addClass("current");
				}
				
		      });
		//$('#subnav li.current').not('li.active, #subnav ul li li').removeClass("current");
		 }, 1000);//end hideTimer
	}
	
	
});