// 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)
		document.all['Menu' + id].style.visibility = "visible";
	else
		document.layers[id].visibility = "visible";
}

function hide (id)
{
	if (active_layer_id != id && on_layer_id != id)
	{
		if (!NS4)
			document.all['Menu' + id].style.visibility = "hidden";
		else
			document.layers[id].visibility = "hide";
	}
}

function generate_layers ()
{
	for (i = 0; i < menu_content.length; i++)
	{
		if (!NS4)
			layer_header = '<div id=Menu' + i +
					   	   ' onMouseOver="layer_enter (' + i + ');" onMouseOut = "layer_exit (' + i + ');"' +
				           ' style="visibility: hidden; position: absolute; left: ' + (jleft + jwid*i + 10 ) +
				           '; top: ' + (jtop+10) + ';">';
		else
			layer_header = '<layer id=' + i +
						   ' onMouseOver="layer_enter (' + i + ');" onMouseOut = "layer_exit (' + i + ');"' +
						   ' visibility=hide left=' + (jleft + jwid*i + 10 ) +
						   ' top = ' + (jtop+10) + '>';

                layer_header += '<table width=' + jwid200 + ' cellpadding=0 cellspacing=0 border=1>' +
                                            '<td align=left valign=top bgcolor=' + border_color + '><table width=' + jwid200 + ' cellpadding=1 ' +
                                            'cellspacing=' + border_size + ' border=0><td align=left valign=top width=' + jwid200 + ' bgcolor=' + back_color + '>';

		elements = menu_content[i].split (/\s*\|\s*/);
		layer_body = '';
		   for (j = 0; j < elements.length; j++)
		     {
			layer_body += elements[j];	
                        if ( j < elements.length - 1 ) layer_body += '<br>';
                          //  if ((NS4 && j < elements.length - 1) || (!NS4 && j < elements.length - 1))
                          //      layer_body += '<hr width=' + (jwid - 8) + ' size=1 color='+ border_color + '>';
		     }

		layer_footer = '</td></table></td></table>';

		   if (!NS4)
			layer_footer += '</div>';
		   else
			layer_footer += '</layer>';

		document.writeln (layer_header + layer_body + layer_footer);
	}
}

generate_layers ();