var selitem = '';
var curpopup = '';
var curmenu = '';
var old_css = '';

function DNmenu(css_menu, css_item, css_itemSel, css_itemOn)
{
	this.css_menu = css_menu;
	this.css_item = css_item;
	this.css_itemOn = css_itemOn;
	this.css_itemSel = css_itemSel;
	this.items = new Array();
}

function Item(id, name, url, popup)
{
	this.id = id;
	this.name = name;
	this.url = url;
	this.popup = popup;
}

function separator(septxt)
{
	this.id = 'sep';
	this.septxt = septxt;
}

function create_menu(menu_id)
{
	cur_url = location.href.replace(/\?.*/, "");
	menuname = "menus_" + menu_id;
	dta = eval(menuname);
	str="\n<table border='0' cellpadding='0' cellspacing='0' id='" + menuname + "' class='" + dta.css_menu + "'><tr>\n";
	len = dta.items.length;
	for(i=0; i<len; i++)
	{
		if(dta.items[i].id!='sep')
		{
			url = (dta.items[i].url.length) ? " onclick=\"location.href='" + dta.items[i].url + "';\"" : "";
			popup = (dta.items[i].popup!='NULL') ? "'" + dta.items[i].popup + "'" : false;
			item_style = (cur_url==dta.items[i].url) ? dta.css_itemOn : dta.css_item;
			str+="<td id='" + menu_id + "_m" + dta.items[i].id + "'" + url + " onmouseover=\"selMenu(this, '" + menuname + "', " + popup + ")\" onmouseout=\"selMenu(this, false, " + popup + ")\" class='" + item_style + "'>" + dta.items[i].name + "</td>\n";		
		}
		else
			if(i<len-1) str+="<td width=\"30\" align=\"center\">" + dta.items[i].septxt + "</td>\n";
	}
	str+="</tr></table>\n";

	document.write(str);
}

function show_popup(menu, item_id, popup)
{
	var mm = document.getElementById('popupmenu');
	var mainmenu = document.getElementById(menu);
	var item = document.getElementById(item_id);
	if(selitem!=item_id)
	{
		mm.innerHTML = "";
		hide_popup();
		curmenu = menu;
		selitem = item_id;
		curpopup = popup;
	}	

	if (mm.style.visibility != "visible"){
		mm.style.visibility = "visible";
		mm.style.left = mainmenu.offsetLeft + item.offsetLeft;
		mm.style.top = mainmenu.offsetTop + mainmenu.offsetHeight - 1;
		menuname = "popups_" + popup;
		dta = eval(menuname);
		emenu="<table border='0' id='" + menuname + "' class='" + dta.css_menu + "'>";
		for(i=0; i < dta.items.length; i++)
		{
			url = (dta.items[i].url!=false) ? " onclick=\"location.href='" + dta.items[i].url + "';\"" : "";
			popup = (dta.items[i].popup!=false) ? "'" + dta.items[i].popup + "'" : false;
			emenu += "<tr class='qwe'><td valign='middle' id='" + item_id + "_m" + dta.items[i].id + "'" + url + " onmouseover=\"selMenu(this, '" + menuname + "', " + popup + ")\" onmouseout=\"selMenu(this, false, " + popup + ")\" class='" + dta.css_item + "' NOWRAP>" + dta.items[i].name + "</td></tr>\n";
		}
		emenu += "</table>";
		mm.innerHTML=emenu;
	}
	var tbl_pmenu = document.getElementById(menuname);
	if (tbl_pmenu.offsetWidth < item.offsetWidth)
	{
		mm.style.width = item.offsetWidth;
		tbl_pmenu.style.width = item.offsetWidth;
	}
	else
		mm.style.width = tbl_pmenu.offsetWidth;
}


function hide_popup()
{
	document.getElementById('popupmenu').style.visibility="hidden";
}

//показывает скрывает пункт меню
function selMenu(item, menuname, popup)
{
	if(menuname)
	{
		if(popup) show_popup(menuname, item.id, popup);
		old_css = item.className;
		item.className = eval(menuname).css_itemSel;
	}
	else
	{
		if(popup) hide_popup();
		item.className = old_css;
	}
}

// создаем popup слой
document.write("<div id='popupmenu' onmouseover='show_popup(curmenu, selitem, curpopup);' onmouseout='hide_popup();' style='z-index: 10; visibility: visible; position:absolute;padding-left:10px'>None</div>");