
var left_corner_x =1; // x-coordinate of top left corner of dropdown menu 
var left_corner_y = 113; // y-coordinate of top left corner of dropdown menu 
var back_color = '#cc0000'; // the background color of dropdown menu 
var border_color = 'white'; // the color of dropdown menu border
var border_size  = '1'; // the width of dropdown menu border
var menu_width   = '130'; // 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;  /////
/// ----------------------------

menu_content  = new Array ('<a href=profile.htm class=subMenu>Profile&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a> | <a href=achievement.htm class=subMenu>Achievements&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>| <a href=mktg.htm class=subMenu>Marketing Drive&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>',

'<a href=history.htm class=subMenu>History&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a> | <a href=chairman.htm class=subMenu>Chairman&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>| <a href=growth.htm class=subMenu>Growth Models&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a> | <a href=microsoft.htm class=subMenu>Microsoft&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>',

'<a href=alliance.htm class=subMenu>Alliances&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a> | <a href=export.htm class=subMenu>Export Markets&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>',

'<a href=national.htm class=subMenu>Social Works&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a> ',

'<a href=vision.htm class=subMenu>Vision&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a> | <a href=career.htm class=subMenu>Career&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a> | <a href=facilities.htm class=subMenu>Facilities&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>',

'<a href=motorcycle.htm class=subMenu>Motorcycles&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a> | <a href=bicycle.htm class=subMenu>Bicycles&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a> | <a href=moped.htm class=subMenu>Mopeds&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a> | <a href=health.htm class=subMenu>Health Equipment&nbsp;&nbsp;&nbsp;</a> | <a href=automotive.htm class=subMenu>Automotive Parts&nbsp;&nbsp;&nbsp;</a>');




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: ' + (left_corner_x + menu_width*i) +

				           '; top: ' + left_corner_y + ';">';

		else

			layer_header = '<layer id=' + i +

						   ' onMouseOver="layer_enter (' + i + ');" onMouseOut = "layer_exit (' + i + ');"' +

						   ' visibility=hide left=' + (left_corner_x + menu_width*i) +

						   ' 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=1 ' +

					    'cellspacing=' + border_size + ' border=0><td width=' + menu_width + ' bgcolor=' + back_color + '>';





		elements = menu_content[i].split (/\s*\|\s*/);

		layer_body = '';

		for (j = 0; 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 - 4) + ' 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 ();

function MM_goToURL() { //v3.0
  var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
  for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
