var mLayer = [];
var delay1 = 100;
var delay2 = 100;
var parentObj = null;

function DOMmenu() {
	var xmenu = [];
	var title_action = [];
	var disabled_items = [];
	var isItemDisabled = false;
	var lObj;
	var k=0;
	
	if (typeof(sub_menu) == 'undefined') {
		return false;
	}
	
	// menu items
	items = sub_menu.length;

	if (items > 0) {
		for (i=0; i<items; i++) {
			xmenu = sub_menu[i];
			mID = xmenu[0];
			if(typeof(xmenu) != 'undefined') {
				title_action = xmenu[4];
				document.write("<div id=\"mItem"+mID+"\" style=\"position:absolute; top:"+xmenu[1]+"px; left:"+xmenu[2]+"px; width:"+xmenu[3]+"px; border:1px solid #D6D6D6; border-bottom:3px solid #d0d0d0; border-right:2px solid #d0d0d0; filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; visibility:hidden; background-color:#F5F5F5; z-index:10;\" onmouseover=\"layer_onmouseover("+mID+", parentObj);\" onmouseout=\"layer_onmouseout("+mID+",parentObj);\">");
				document.write("<table cellpadding='0' cellspacing='0' border='0' width='100%' height='100%'>");
				document.write("<tr><td height='2' width='26' background='img/mbg.gif'><img src='img/1x1.gif'></td><td><img src='img/1x1.gif'></td></tr>");
				k=0;
				for (j=0; j<title_action.length; j+=3) {
					k++;
					if (title_action[j+1] != null) {
						icon = (title_action[j+2] != null) ? title_action[j+2] : "&nbsp;";
						// check if the item disabled
						isItemDisabled = false;
						if (typeof(disabled_menu_items) != 'undefined') {
							disabled_items = disabled_menu_items[mID];
							if (typeof(disabled_items) != 'undefined') {
								if(disabled_items.keyExist(k)) {
									isItemDisabled = true;
								}
							}
						}
						if (!isItemDisabled) {
							document.write("<tr><td width='26' height='23' background='img/mbg.gif' align='center'>"+icon+"</td><td class='header_sub2' onmouseover='hl2(this, true);' onmouseout='hl2(this, false);' onclick=\"javascript: "+title_action[j+1]+"\"><a href=\"#\" class='header_sub2'>&nbsp;&nbsp;"+title_action[j]+"</a></td></tr>");
						} else {
							document.write("<tr><td width='26' height='23' background='img/mbg.gif' align='center'>"+icon+"</td><td class='header_sub2_disabled'><font class='header_sub2_disabled'>&nbsp;&nbsp;"+title_action[j]+"</font></td></tr>");
						}
					} else if (title_action[j] == '---') {
						document.write("<tr><td height='7' width='26' background='img/mbg.gif'><img src='img/1x1.gif'></td><td><img src='img/1x1.gif' style='background-color:#e0e0e0; width:95%;height:1px;'></td></tr>");
						k--;
					}
				}
				document.write("<tr><td height='2' width='26' background='img/mbg.gif'><img src='img/1x1.gif'></td><td><img src='img/1x1.gif'></td></tr>");
				document.write("</table>");
				document.write("</div>");
	
				lObj = new Object();
				lObj.mID = mID;
				lObj.obj = document.getElementById("mItem"+mID);
				lObj.timer = 0;
				lObj.enabled = false;
				lObj.expand = layer_expand;
				lObj.collapse = layer_collapse;
				lObj.onmouseover = layer_onmouseover;
				lObj.onmouseout = layer_onmouseout;
				mLayer[mID] = lObj;
				lObj = null;
			}
		}
	}

}

function layer_onmouseover(mID, parent) {
	window.clearTimeout(mLayer[mID].timer);
	mLayer[mID].timer = window.setTimeout("mLayer["+mID+"].expand("+mID+");", delay1);
	if (parent) {
		parentObj = parent;
		hl(parent, true);
	}
}

function layer_onmouseout(mID, parent) {
	window.clearTimeout(mLayer[mID].timer);
	mLayer[mID].timer = window.setTimeout("mLayer["+mID+"].collapse("+mID+");", delay2);
	if (parent) {
		hl(parent, false);
	}
}

function layer_expand(mID) {
	window.clearTimeout(mLayer[mID].timer);
	mLayer[mID].obj.style.visibility = 'visible';
	
}

function layer_collapse(mID) {
	window.clearTimeout(mLayer[mID].timer);
	mLayer[mID].obj.style.visibility = 'hidden';
}
// --------------------------------------------------------------------------------