// check browser version
NS4 = (document.layers) ? 1 : 0;

function layer_enter (id)
{
	on_layer_id = id;
}
function layer_exit (id)
{
	on_layer_id = - 1;
	setTimeout ('hide('+ id +')', delay/5);
}
function menu_enter (id)
{
	if (buff_id >= 0)
		hide (buff_id);

	show (id);
	active_layer_id = id;
}
function menu_exit (id)
{
	setTimeout ('hide('+ id +')', delay);
	buff_id = active_layer_id;
	active_layer_id = -1;
}
function show (id)
{
    if (!NS4) {
        var objList = document.getElementsByTagName("div");
        var objElement;
        for (var intIndex = 0; intIndex < objList.length; intIndex++) {
            objElement = objList[intIndex];
            if (objElement.getAttribute("id") == "Menu" + id)
                break;
            objElement = null;
        }
        objElement.style.visibility = "visible";
    }
    else
        document.layers[id].visibility = "visible";
}
function hide (id)
{
	if (active_layer_id != id && on_layer_id != id)
	{
	    if (!NS4) {
	        var objList = document.getElementsByTagName("div");
	        var objElement;
	        for (var intIndex = 0; intIndex < objList.length; intIndex++) {
	            objElement = objList[intIndex];
	            if (objElement.getAttribute("id") == "Menu" + id)
	                break;
	            objElement = null;
	        }
	        objElement.style.visibility = "hidden";
	    }
	    else
	        document.layers[id].visibility = "hide";
	}
}

function generate_layers ()
{

	for (i = 0; i < menu_content.length ; i++)
	{
		elements = menu_content[i].split (/\s*\|\s*/);
		layer_body = '';
		menu_width = elements[0]*1;
		
		for (j = 1; j < elements.length; j++)
		{
			layer_body += elements[j];	
			if ((NS4 && j < elements.length - 1) || (!NS4 && j < elements.length - 1))
			    layer_body += '<hr width="' + (menu_width - 8) + 'px" style="border: solid 0px; border-bottom: solid 1px ' + border_color + '; color: ' + back_color + '" />';
		}

		if (!NS4)
			layer_header = '<div id="Menu' + i +
					   	   '" onMouseOver="layer_enter (' + i + ');" onMouseOut="layer_exit (' + i + ');"' +
				           ' style="visibility: hidden; position: absolute; left: ' + (left_corner_x) +
				           'px; top: ' + left_corner_y + 'px;">';
		else
			layer_header = '<layer id="' + i +
						   '" onMouseOver="layer_enter (' + i + ');" onMouseOut="layer_exit (' + i + ');"' +
						   ' visibility="hide" left="' + (left_corner_x) +
						   '" top="' + left_corner_y + '">';

		layer_header += '<table width="' + menu_width + '" cellpadding="0" cellspacing="0" border="0">' +
					    '<td bgcolor="' + border_color + '"><table width="' + menu_width + '" cellpadding="3" ' +
					    'cellspacing="' + border_size + '" border="0"><td width="' + menu_width + '" bgcolor="' + back_color + '">';


		layer_footer = '</td></table></td></table>';
		if (!NS4)
			layer_footer += '</div>';
		else
			layer_footer += '</layer>';
		document.writeln (layer_header + layer_body + layer_footer);
		
		left_corner_x = left_corner_x*1 + menu_width*1;

	}
}
generate_layers ();