var mid, mitems, mval;

mid=0;

mitems=3;

mval="";

cln1="hover";

cln2="";

bgclr1="#CADFEE";

bgclr2="#de0000";

function ShowMenu(menu_ID, menu_ITEMS, menu_VAL){

	

	mid=menu_ID;

	mitems=menu_ITEMS;

	mval=menu_VAL;

	menu_VAL.className=cln1;

	var xHTML="";

	xHTML+="<table style='' border=0 onMouseOver='ShowMenu("+mid+", "+mitems+", "+mval+"); ObjClassName("+mid+", "+cln1+")' onMouseOut='HideMenu("+mid+"); ObjClassName("+mid+", "+cln2+")'>";

	for (i=0; i<ArrMenu[menu_ID].length; i++){

		xHTML+="<tr><td style='padding:2px' align=center onMouseOver='SetBGColor(this,"+bgclr2+")' onMouseOut='SetBGColor(this,"+bgclr1+")'>";

		xHTML+=ArrMenu[menu_ID][i];

		xHTML+="</td></tr>"	;

	}

	xHTML+="</table>";

	document.getElementById("div_menu").style.left=menu_VAL.offsetLeft;

	document.getElementById("div_menu").style.width=menu_VAL.clientWidth;

	document.getElementById("div_menu").innerHTML=xHTML;//+"<br>"+event.clientX+"<br>"+event.clientY+"<br>"+menu_VAL.offsetLeft;

	document.getElementById("div_menu").style.display="block";	

}



function HideMenu(mid){

  //document.getElementById("div_menu").innerHTML="";

  document.getElementById("div_menu").style.display="none";	

  document.getElementById('menu_id'+(mid+1)).className=cln2;

}



function ObjClassName(xmid, class_name){

	document.getElementById('menu_id'+(xmid+1)).className=class_name;

}

function SetBGColor(ObjID,bgclr){

	ObjID.style.backgroundColor=bgclr;

}

//--------------------------------------------------------------------------------------------

function ShowMenu2(div_ID, menu_VAL){

	/*var xHTML="";// onMouseOver='ShowMenu2("+div_ID+", "+menu_ID+", "+menu_VAL+"); ' onMouseOut='HideMenu2("+div_ID+");'

	xHTML+="<table width="+menu_VAL.clientWidth+" style='background-color:#CADFEE;'>"

	for (i=0; i<3; i++){

		xHTML+="<tr><td style='padding:2px' align=center onMouseOver=SetBGColor(this,"+bgclr2+")>";

		xHTML+=ArrMenu[menu_ID][i];

		xHTML+="</td></tr>"	;

	}

	xHTML+="</table>";

	document.getElementById(div_ID).innerHTML=xHTML;*/

	document.getElementById(div_ID).style.width=menu_VAL.clientWidth;

	document.getElementById(div_ID).style.display="block";	

}



function HideMenu2(div_ID){

  document.getElementById(div_ID).style.display="none";	

}



function CreateMenu(menuID){

	var xHTML="";

	xHTML+="<table cellpadding='3' cellspacing='0' bgcolor='#CADFEE'>";

	for (i=0; i<ArrMenu[menuID].length; i++){

		xHTML+="<tr><td style='padding:2px' align=center onMouseOver=SetBGColor(this,'#FF1919') onMouseOut=SetBGColor(this,'#CADFEE')>";

		xHTML+=ArrMenu[menuID][i];

		xHTML+="</td></tr>"	;

	}

	xHTML+="</table>";

	//document.getElementById("div_menu"+menuID).innerHTML=xHTML;

	document.write(xHTML)

}