// constants
var left_corner_x  = 239;       // x-coordinate of top left corner of dropdown menu 
var left_corner_y  = 14;        // y-coordinate of top left corner of dropdown menu 
var back_color     = '#FFFFFF'; // the background color of dropdown menu 
var border_color   = '#336633'; // the color of dropdown menu border
var border_size    = '1';       // the width of dropdown menu border


// Don't change these parameters
var delay           = 500; /////
var active_layer_id = -1;  /////
var on_layer_id     = -1;  /////
var buff_id         = -1;  /////
/// ----------------------------

// 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 () {
  var max_width = 1*left_corner_x;
	for (i = 0; i < menu_content.length; i++)
	{
		elements = menu_content[i].split (/\s*\|\s*/);
		max_width = 1*max_width + 1*elements[0];
  }

	for (i = 0; i < menu_content.length; i++)
	{
		elements = menu_content[i].split (/\s*\|\s*/);
		layer_body = '';
		column_width = elements[0]*1;
		menu_width = elements[1]*1;
		
		for (j = 2; j < elements.length; j++)
		{
			layer_body += elements[j];	
			if ((NS4 && j < elements.length - 1) || (!NS4 && j < elements.length - 1))
				layer_body += '';
		}

  right_corner_x = left_corner_x*1 + menu_width*1
  if (right_corner_x > max_width) {
    left_corner_x = max_width*1 - menu_width*1;
  }

		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);
		
		left_corner_x = left_corner_x*1 + column_width*1;

	}
}
generate_layers ();