// constants

var left_corner_x  = 05; // x-coordinate of top left corner of dropdown menu 

var left_corner_y  = 137; // y-coordinate of top left corner of dropdown menu 

var back_color     = '#f7f7f7'; // the background color of dropdown menu 

// var back_color     = 'black'; // the background color of dropdown menu 

var border_color   = 'black'; // the color of dropdown menu border

// var border_color   = 'white'; // the color of dropdown menu border

var border_size    = '1'; // the width of dropdown menu border

var menu_width     = '120'; // the width of dropdown menu 

//





// Don't change these parameters

var delay           = 500; /////

var active_layer_id = -1;  /////

var on_layer_id     = -1;  /////

var buff_id         = -1;  /////

/// ----------------------------







// Attention! You have to change the first number in Array line to change the width of the particular column! 

// menu content; the dropdown menus themselfs between '' and items of every dropdown menu are diveded by |; 

// 

menu_content     = new Array (

			      '62 | <small><a href="javascript:loadOpenRep()" class=topMenu>Open&nbsp;Repair&nbsp;Orders</a><br><small><a href="javascript:loadDespRep()" class=topMenu>Dispatched&nbsp;Repair&nbsp;Orders</a><font size=4>&nbsp;<br><small><a href="ots.repairs.ordno" class=topMenu>Order&nbsp;Number&nbsp;Enquiry</a><font size=4>&nbsp;<br><small><a href="ots.repairs.partno" class=topMenu>Part/Serial&nbsp;Number&nbsp;Enquiry</a><font size=4>&nbsp;',

			      '66 | <small><a href="javascript:loadOpenSpr()" class=topMenu>Open&nbsp;Spares&nbsp;Orders</a><br><small><a href="javascript:loadDespSpr()" class=topMenu>Dispatched&nbsp;Spares&nbsp;Orders</a><font size=4>&nbsp;<br><small><a href="ots.spares.ordno" class=topMenu>Order&nbsp;Number&nbsp;Enquiry</a><font size=4>&nbsp;<br><small><a href="ots.spares.partno" class=topMenu>Part&nbsp;Number&nbsp;Enquiry</a><font size=4>&nbsp;<br><small><a href="ots.spares.sppl" class=topMenu>Spare&nbsp;Parts&nbsp;Price&nbsp;List</a><font size=4>&nbsp;',

			      '62 | <small><a href="javascript:loadAccStat()" class=topMenu>Account&nbsp;Status</a><br>'

);



// 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++)

	{

		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 (!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=5 ' +

					    '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 ();