// 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++) {
if (!NS4)
layer_header = '<div id=Menu' + i + ' onMouseOver="layer_enter (' + i + ');" onMouseOut = "layer_exit (' + i + ');"' + ' style="visibility: hidden; position: absolute; left: ' + left_corner_y + '; top: ' + (left_corner_x + menu_hight*i) + ';">';
//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_y + ' top = ' + (left_corner_x + menu_hight*i) + '>';
//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=3 ' + '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 - 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);
}
}

generate_layers ();