window.addEventListener ?
window.addEventListener("load",menu_initialize,false) :
window.attachEvent && window.attachEvent("onload",menu_initialize);



function isOutside(evt, parent) {
  var elem = evt.relatedTarget || evt.toElement || evt.fromElement
 
  while ( elem && elem !== parent) {
    elem = elem.parentNode;
  }
 
  if ( elem !== parent) {
    return true
  }
}


function menu_initialize() {
	document.getElementById('habm1').onmouseout = function(e) {
			
			e = e || window.event;   
			if (isOutside(e, this)) {
				menu_hover_update(0, 'hide');
			} 
		}
	document.getElementById('habm2').onmouseout = function(e) {
			
			e = e || window.event;   
			if (isOutside(e, this)) {
				menu_hover_update(1, 'hide');
			} 
		}
	
}

var dropdivs = new Array();

dropdivs[0] = new Array();
dropdivs[0]['id'] = 'habm1';
dropdivs[0]['clicked'] = 0;


dropdivs[1] = new Array();
dropdivs[1]['id'] = 'habm2';
dropdivs[1]['clicked'] = 0;




function menu_toggle_click(mid) {
	//hide all menus
	
	//toggle menu clicked status and if it is now on, display menu
	if (dropdivs[mid]['clicked'] == 0) {
		hide_all_menus();
		dropdivs[mid]['clicked'] = 1;
		//display menu
		document.getElementById(dropdivs[mid]['id']).style.display = 'block';
	}
	else {
		hide_all_menus();
		dropdivs[mid]['clicked'] = 0;
	}
	
	
	return false;
}

function menu_hover_update(mid, dorh) {
	if (dropdivs[mid]['clicked']) {
	}
	else {
		//only use this function if clicking wasn't used
		if (dorh == 'hide') {
			
			
			//hide  all menusmenu
			hide_all_menus();
			
		}
		else {
			//hide all menus and then display a menu
			hide_all_menus()
			//display menu
			document.getElementById(dropdivs[mid]['id']).style.display = 'block';
			
		}
	}
	
}

function hide_menus_if_none_clicked() {
	var donthide = false;
	var len = dropdivs.length;
	for (var i=0; i<len; i++) {
		if (dropdivs[i]['clicked'] == 1) {
			donthide=true;
		}
	}
	if (!donthide) {
		hide_all_menus();
	}
	
}

function hide_all_menus() {
	var len = dropdivs.length;
	for (var i=0; i<len; i++) {
		document.getElementById(dropdivs[i]['id']).style.display = 'none';
		dropdivs[i]['clicked'] = 0;
	}
}