// check browser version
NS4 = (document.layers) ? 1 : 0;

var cnt1=0, cnt2=0, cnt3=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 < 17; 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) + ' size=1 color='+ border_color + '>';
		}

		if (i>0 && i<7 && cnt1==0) {
			left_corner_y = left_corner_y2
			cnt1=1
			}
		if (i>6 && i<10 && cnt2 ==0) {
			left_corner_y = left_corner_y3
			cnt2=1
			}
		if (i==10 && cnt3 ==0) {
			left_corner_y = left_corner_y4
			cnt3=1
			}
		if (i>=11 && i<17) {

			left_corner_y = left_corner_y1

			if (i==11)

				left_corner_x = left_corner_x1*1 

			else if (i==12)

				left_corner_x = left_corner_x1*1 + 88

			else if (i==13)

				left_corner_x = left_corner_x1*1 + 88 + 89

			else if (i==14)

				left_corner_x = left_corner_x1*1 + 88 + 89 + 87

			else if (i==15)

				left_corner_x = left_corner_x1*1 + 88 + 89 + 87 + 89

			else if (i==16)

				left_corner_x = left_corner_x1*1 + 88 + 89 + 87 + 89 + 87

			}


		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) +


				           '; top: ' + left_corner_y + ';">';


		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);


		if (i>=0 && i<11)


			left_corner_y = left_corner_y*1 + menu_height*1;


		


 


	}





}


generate_layers ();
