var cancelHide = false;
var openn = null;
var menuItems = new Array();
var DURATION = 150;
var navElem = null;

function setCancelHide(val)
{		
	cancelHide = val;
}

function hide()
{
	navElem = $(openn);

	if (!$(openn + '_dd')) {
		return;
	}
	if (parseInt($(openn+'_dd').style.height) == parseInt($(openn+'_dd').getAttribute("data-height")) && !cancelHide && openn) {
		
		
		var t=setTimeout("onMouseLeave();",DURATION);
		
		var myFx = new Fx.Tween($(openn + '_dd'), {duration: DURATION });
			myFx.start('height', '140','1');
	
		openn = null;				
	}
}
function onMouseLeave() {

	if (navElem && navElem.getAttribute('data-mouseleave'))
	{
		navElem.src = navElem.getAttribute('data-mouseleave');
		navElem=null;
	}	
}

function hideNow(id){

	navElem = $(id);	
	var t=setTimeout("onMouseLeave();",DURATION);
	
	var elem = $(id+'_dd');
		
	var myFx = new Fx.Tween(elem, {duration: DURATION});
		myFx.start('height', elem.getAttribute("data-height"),'1');
	
	
}
window.addEvent('domready', function () {
	
	$('menuWrapper').getElements('img').each(function(el){
		
		menuItems[menuItems.length++] = el.id;		
		var dd = $(el.id+'_dd');
		if (dd != null) 
		{
			el.addEvent('mouseleave',function(e){
				//el.src = el.getAttribute('data-mouseleave');
				openn = el.id;
				var t=setTimeout("hide();",150);
				
			});
			
			dd.addEvent('mouseenter', function (e) {
				cancelHide = true;
				var t=setTimeout("setCancelHide(false);",200);
			});
			/* hide */
			dd.addEvent('mouseleave', function (e) {		
				e.stop();
				openn = el.id.replace("_dd","");
				var t=setTimeout("hide();",150);   
			});
			
			el.addEvent('mouseenter',function(e){
				
				el.src = el.getAttribute('data-mouseover');
				
				dd.openn = true;
				cancelHide = true;
				var t=setTimeout("setCancelHide(false);", 200);
				e.stop();
								
				for (var i=0; i < menuItems.length; i++) {
			
					if (el.id != menuItems[i])
					{
						navElem = $(menuItems[i]);
						onMouseLeave();						
					}
						
					var height = ($(menuItems[i]+"_dd").style.height == "" ? "1" : parseInt($(menuItems[i]+"_dd").style.height));				
										
					if (height != 1)
					{						
						hideNow(menuItems[i]);
					}				
				}
				if (dd.style.height == "1px" || dd.style.height == "") {				
					
					var myFx = new Fx.Tween(dd, {duration: DURATION});
						myFx.start('height', '1', dd.getAttribute("data-height"));
						
					openn = el.id+'_dd';
				}
			});	
		}
	});		
		
	$("menuWrapper").getElements("img").each(function(menuItem){
		
			
	});
	
	var submenu = $('btnBrowseProducts_dd');
		submenu.openn = false;
	
	/* on MouseOver change image  */	  	
	/*
	$('menuWrapper').getElements('img').each(function(el){
		el.addEvent('mouseenter',function(e){
			el.src = el.getAttribute('data-mouseover');
		});			
	});		
	$('menuWrapper').getElements('img').each(function(el){
		el.addEvent('mouseleave',function(e){
			el.src = el.getAttribute('data-mouseleave');
		});			
	});
	*/
	/* show */
	/*
	$('btnBrowseProducts').addEvent('mouseenter', function (e) {		
		$('submenuWrapper').openn = true;
		cancelHide = true;
		var t=setTimeout("setCancelHide(false);",600);
		e.stop();
		if ($('submenuWrapper').style.height == "1px" || $('submenuWrapper').style.height == "") {
			
			$('submenuWrapper').tween('height', 1, 140);
		}
	});	
	$('btnBrowseProducts').addEvent('mouseleave', function (e) {				
		e.stop();
		var t=setTimeout("hide();",50);
	});
	*/
	
	
	
	/*			
	document.addEvent('mouseenter', function (e) {
		$('submenuWrapper').openn = false;
	    e.stop();
	    if ($('submenuWrapper').style.height == "140px") {
	        $('submenuWrapper').tween('height', 140, 1);
	    }
	});
	*/			           
	/* Input search box */
	var searchOverText = new OverText('txtSearch', {
	    positionOptions: {
	        offset: {
	            x: 3,
	            y: 3
	        }
	    }
	});
});

    

function displayMenu( id, type, linkid, linktype )
{
	obj = document.getElementById( id );
	obj.style.display = type;
		
	obj = document.getElementById( linkid );
	obj.style.display = linktype;
}