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

function layer_enter (id)
{
	menulite_on_layer_id = id;
}

function layer_exit (id)
{
	menulite_on_layer_id = - 1;
	setTimeout ('hide('+ id +')', menulite_delay/5);
}

function menu_enter (id, level, curX, curY)
{
	menulite_level = 0;
	if (level >= 0) {menulite_level = level;}
	
	if (menulite_buff_id >= 0)
		hide (menulite_buff_id);
	show (id, curX, curY);
	menulite_active_layer_id = id;
}

function menu_exit (id)
{
	menulite_level = 0;
	setTimeout ('hide('+ id +')', menulite_delay);
	menulite_buff_id = menulite_active_layer_id;
	menulite_active_layer_id = -1;
}

function show (id, curX, curY)
{
	document.getElementById('MenuLite' + id).style.visibility = "visible";
	document.getElementById('MenuLite' + id).style.left = curX + menulite_posLeft_Offset;
	document.getElementById('MenuLite' + id).style.top = curY + menulite_posTop_Offset;
}

function hide (id)
{
	if (menulite_active_layer_id != id && menulite_on_layer_id != id)
	{
		document.getElementById('MenuLite' + id).style.visibility = "hidden";
	}
}

function generate_layers ()
{
	for (i = 0; i < menulite_content.length; i++)
	{
		elements = menulite_content[i].split (/\s*\|\s*/);
		layer_body = '';
		menulite_menu_width = elements[0]*1;
		menulite_left_corner_x = elements[1]*1;
		menulite_left_corner_y = elements[2]*1;
    if (NS4) {
    	menulite_left_corner_x += 10
    }
		
		for (j = 3; j < elements.length; j++)
		{
			layer_body += menulite_lineheader  + elements[j] + menulite_linefooter;	
			if ((NS4 && j < elements.length - 1) || (!NS4 && j < elements.length - 1))
				layer_body += menulite_sepheader + menulite_seperator + menulite_sepfooter;
		}

		layer_header = '<div id=MenuLite' + i +
					   	   ' onMouseOver="layer_enter (' + i + ');" onMouseOut = "layer_exit (' + i + ');"' +
				           ' style="visibility: hidden; position: absolute; left: ' + (menulite_left_corner_x) +
				           '; top: ' + menulite_left_corner_y + ';">';

		layer_header += '<table width=' + menulite_menu_width + ' class="menutable0">' +
			              '<tr><td><table width="100%" class="menutable1">';

		layer_footer = '</table></td></tr></table>';
		layer_footer += '</div>';
		document.writeln (layer_header + layer_body + layer_footer);
		
	}
}

generate_layers ();