var left_corner_x =220; // x-coordinate of top left corner of dropdown menu 
var left_corner_y = 160; // y-coordinate of top left corner of dropdown menu 
var back_color = '#FFA54A'; // the background color of dropdown menu 
var border_color = '#FFFFFF'; // the color of dropdown menu border
var border_size  = ''; // the width of dropdown menu border
var menu_width   = '160'; // the width of dropdown menu
var menu_height = '25'; 
var k = 0;
var l = 0;
//// 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=dw.htm class=submenu>&nbsp;&nbsp;&nbsp;Datawarehouse</a> | <a href=informix.htm class=submenu>&nbsp;&nbsp;&nbsp;Informix RDBMS</a> | <a href=content.htm class=submenu>&nbsp;&nbsp;&nbsp;Baltimore Technologies</a>',

'<a href=web.htm class=submenu>&nbsp;&nbsp;&nbsp;Web Services</a> | <a href=dwservices.htm class=submenu>&nbsp;&nbsp;&nbsp;DataWarehousing &amp; BI </a> | <a href=biservices.htm class=submenu>&nbsp;&nbsp;&nbsp;BI Solutions </a>',

'<a href=profile.htm class=submenu > Infodata Profile</a> | <a href=jobs.htm class=submenu> Jobs</a>');

// The Menu Function

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 - k) + '; top: ' + (left_corner_y + l) + ';">';

		else

			layer_header = '<layer id=' + i + ' onMouseOver="layer_enter (' + i + ');" onMouseOut = "layer_exit (' + i + ');"' + ' visibility=hide left=' + (left_corner_x - k) + ' top = ' + (left_corner_y + l) + '>'; 
			layer_header += '<table width=' + menu_width + ' cellpadding=1 cellspacing=0 border=0>' + '<td bgcolor=' + border_color + '><table width=' + menu_width + ' cellpadding=2 ' + 'cellspacing=' + border_size + ' border=0><td width=' + menu_width + ' bgcolor=' + back_color + ' valign=center >';	
			elements = menu_content[i].split (/\s*\|\s*/); 
			layer_body = ''; 
			k= k+15; 
			l= l+25; 
			
			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 - 8) + ' size=0 color=white '+ '>';
		}

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