var left_corner_x = 50; // x-coordinate of top left corner of dropdown menu 
var left_corner_y = 99; // y-coordinate of top left corner of dropdown menu 
var back_color = '#C0C0C0'; // the background color of dropdown menu 
var border_color = '#555555'; // 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;  /////
var linkImg = '<img src=/images/arrow.gif border=0> ';

menu_content     = new Array (
'<a href=/targeted-internet-advertising.php class=subMenu>'+linkImg+'Introduction</a> | '+
'<a href=/adsspec.php class=subMenu>'+linkImg+'Specifications</a> | '+
'<a href=/packages.php class=subMenu>'+linkImg+'Packages Order</a> | '+
'<a href=/ratecard.php class=subMenu>'+linkImg+'Rate Card</a> | '+
'<a href=/adslogin.php class=subMenu>'+linkImg+'Stats Reports</a> | '+
'<a href=/resellerinfo.php class=subMenu>'+linkImg+'Resellers Program</a>',

'<a href=/pubintro.php class=subMenu>'+linkImg+'Introduction</a> | '+
'<a href=/pubspec.php class=subMenu>'+linkImg+'Specifications</a> | '+
'<a href=/pubsignup.php class=subMenu>'+linkImg+'Join Now</a> | '+
'<a href=/pubportfolio.php target=_blank class=subMenu>'+linkImg+'Publisher Portfolio</a> | '+
'<a href=/publisher/login.php class=subMenu>'+linkImg+'Stats Reports</a>',

'<a href=/faq.php class=subMenu>'+linkImg+'FAQ</a> | '+
'<a href=/opt-out.php class=subMenu>'+linkImg+'Opt Out</a> | '+
'<a href=/contactus.php class=subMenu>'+linkImg+'Contact Us</a>',

'<a href=http://www.yesup.net/about_us.php class=subMenu>'+linkImg+'About Us</a> | '+
'<a href=http://www.yesup.net/news.php class=subMenu>'+linkImg+'Press & Events</a> | '+
'<a href=/privacy.php class=subMenu>'+linkImg+'Privacy</a> | '+
'<a href=http://www.yesup.net/careers.php class=subMenu>'+linkImg+'Employment</a>');
menu_pos = new Array(280, 360, 440, 519);

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: ' + menu_pos[i] +
				           '; top: ' + left_corner_y + ';">';
		else
			layer_header = '<layer id=' + i +
						   ' onMouseOver="layer_enter (' + i + ');" onMouseOut = "layer_exit (' + i + ');"' +
						   ' visibility=hide left=' + menu_pos[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=0 ' +
					    '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];	
			layer_body += '<br>';	
		//	if ((NS4 && j < elements.length - 1) || (!NS4 && j < elements.length - 1))
		//		layer_body += '<hr width=' + (menu_width - 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);
	}
}