function keydownMenu(ev, ob, backwId, forwId){

	var e = ev || window.event;
	var code = e.keyCode;
	
	//if tab
	if(code == 9){
	
		if(ev.shiftKey){
			document.getElementById(backwId).focus();
		}else{
			document.getElementById(forwId).focus();
		}

	//if arrowdown
	}else if(code == 40){
		var sublist = $(ob).next();
		$(sublist).find("a:first").focus();
	}else {
		return;
	
	}
	
	//prevent default tab and arrow action
	if(ev.preventDefault){
		ev.preventDefault();
	}

	ev.returnValue = false;
}



function keydownMenuSearch(ev, backwId){

	var e = ev || window.event;
	var code = e.keyCode;
	
	//if shift tab
	if(code == 9 && ev.shiftKey){
		document.getElementById(backwId).focus();
		//prevent default tab action
		if(ev.preventDefault){
			ev.preventDefault();
		}
	
		ev.returnValue = false;
	}
}



function mouseMenuShow(submenu,mainmenuitem){
	document.getElementById(submenu).style.left='0px';
	document.getElementById(mainmenuitem).style.backgroundPosition = '0px -49px';
}




function MouseMenuHide(submenu,mainmenuitem){

	var sbm = document.getElementById(submenu);
	var pa = sbm.parentNode;
	while (pa){
		if(pa.id == sbm.id)return;
		pa = pa.parentNode;
	}
	
	sbm.style.left='-9999px';
	document.getElementById(mainmenuitem).style.backgroundPosition = '0px 0px';
}





function addMenuEventListeners(){

	//sub menu 1
	document.getElementById('menuitem1').onmouseover = function(){mouseMenuShow('sublist1','menuitem1')};
	document.getElementById('menuitem1').onmouseout = function(){MouseMenuHide('sublist1','menuitem1')};
	
	document.getElementById('sublist1').onmouseover = function(){mouseMenuShow('sublist1','menuitem1')};
	document.getElementById('sublist1').onmouseout = function(){MouseMenuHide('sublist1','menuitem1')};
	
	document.getElementById('menuitem1').onfocus = function(){mouseMenuShow('sublist1','menuitem1')};
	document.getElementById('menuitem1').onblur = function(){MouseMenuHide('sublist1','menuitem1')};
	
	var links = document.getElementById('sublist1').getElementsByTagName('a');
	for(var el, i=0;el=links[i];i++){
		el.onfocus = function(){mouseMenuShow('sublist1','menuitem1')};
		el.onblur = function(){MouseMenuHide('sublist1','menuitem1')};
	}
	
	
	//sub menu 2
	document.getElementById('menuitem2').onmouseover = function(){mouseMenuShow('sublist2','menuitem2')};
	document.getElementById('menuitem2').onmouseout = function(){MouseMenuHide('sublist2','menuitem2')};
	
	document.getElementById('sublist2').onmouseover = function(){mouseMenuShow('sublist2','menuitem2')};
	document.getElementById('sublist2').onmouseout = function(){MouseMenuHide('sublist2','menuitem2')};
	
	document.getElementById('menuitem2').onfocus = function(){mouseMenuShow('sublist2','menuitem2')};
	document.getElementById('menuitem2').onblur = function(){MouseMenuHide('sublist2','menuitem2')};
	
	var links = document.getElementById('sublist2').getElementsByTagName('a');
	for(var el, i=0;el=links[i];i++){
		el.onfocus = function(){mouseMenuShow('sublist2','menuitem2')};
		el.onblur = function(){MouseMenuHide('sublist2','menuitem2')};
	}
	
	//sub menu 3
	document.getElementById('menuitem3').onmouseover = function(){mouseMenuShow('sublist3','menuitem3')};
	document.getElementById('menuitem3').onmouseout = function(){MouseMenuHide('sublist3','menuitem3')};
	
	document.getElementById('sublist3').onmouseover = function(){mouseMenuShow('sublist3','menuitem3')};
	document.getElementById('sublist3').onmouseout = function(){MouseMenuHide('sublist3','menuitem3')};
	
	document.getElementById('menuitem3').onfocus = function(){mouseMenuShow('sublist3','menuitem3')};
	document.getElementById('menuitem3').onblur = function(){MouseMenuHide('sublist3','menuitem3')};
	
	var links = document.getElementById('sublist3').getElementsByTagName('a');
	for(var el, i=0;el=links[i];i++){
		el.onfocus = function(){mouseMenuShow('sublist3','menuitem3')};
		el.onblur = function(){MouseMenuHide('sublist3','menuitem3')};
	}
	
	//sub menu 4
	document.getElementById('menuitem4').onmouseover = function(){mouseMenuShow('sublist4','menuitem4')};
	document.getElementById('menuitem4').onmouseout = function(){MouseMenuHide('sublist4','menuitem4')};
	
	document.getElementById('sublist4').onmouseover = function(){mouseMenuShow('sublist4','menuitem4')};
	document.getElementById('sublist4').onmouseout = function(){MouseMenuHide('sublist4','menuitem4')};
	
	document.getElementById('menuitem4').onfocus = function(){mouseMenuShow('sublist4','menuitem4')};
	document.getElementById('menuitem4').onblur = function(){MouseMenuHide('sublist4','menuitem4')};
	
	var links = document.getElementById('sublist4').getElementsByTagName('a');
	for(var el, i=0;el=links[i];i++){
		el.onfocus = function(){mouseMenuShow('sublist4','menuitem4')};
		el.onblur = function(){MouseMenuHide('sublist4','menuitem4')};
	}
	
	//sub menu 5
	document.getElementById('menuitem5').onmouseover = function(){mouseMenuShow('sublist5','menuitem5')};
	document.getElementById('menuitem5').onmouseout = function(){MouseMenuHide('sublist5','menuitem5')};
	
	document.getElementById('sublist5').onmouseover = function(){mouseMenuShow('sublist5','menuitem5')};
	document.getElementById('sublist5').onmouseout = function(){MouseMenuHide('sublist5','menuitem5')};
	
	document.getElementById('menuitem5').onfocus = function(){mouseMenuShow('sublist5','menuitem5')};
	document.getElementById('menuitem5').onblur = function(){MouseMenuHide('sublist5','menuitem5')};
	
	var links = document.getElementById('sublist5').getElementsByTagName('a');
	for(var el, i=0;el=links[i];i++){
		el.onfocus = function(){mouseMenuShow('sublist5','menuitem5')};
		el.onblur = function(){MouseMenuHide('sublist5','menuitem5')};
	}
}