// check browser version

<!-- Hide from old browsers
// For Left Menu
var menux = 150;
var left_corner_x  = menux;// + window.screen.height; // x-coordinate of top left corner of dropdown menu
var change         = 33; // next menu item
var left_corner_y  = 205; // y-coordinate of top left corner of dropdown menu
// For Location Map
var left_map_x = 268; // x-coordinate of top left corner of location layer
var left_map_y = 187; // y-coordinate of top left corner of location layer

var border_size    = '0'; // the width of dropdown menu border
var menu_width     = '50'; // the width of dropdown menu
//

// Don't change these parameters
NS4 = (document.layers) ? 1 : 0;
var delay           = 300; /////
var active_layer_id = -1;  /////
var on_layer_id     = -1;  /////
var buff_id         = -1;  /////
/// ----------------------------

// Attention! You have to change the first number in Array line to change the width of the particular column!
// menu content; the dropdown menus themselves between '' and items of every dropdown menu are divided by |;

//-->



NS4 = (document.layers) ? 1 : 0;
var delay           = 500; /////
var active_layer_id = -1;  /////
var on_layer_id     = -1;  /////
var buff_id         = -1;  /////

function layer_enter (id)
{
//        alert ("Enter Layer");
	on_layer_id = id;
}
function layer_exit (id)
{
	on_layer_id = - 1;
	setTimeout ('hide('+ id +')', delay);
}

function menu_enter (id)
{
//    alert ("Enter Menu");
    id = id + 1;
    on('image' + id);
    id = id - 1;
    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;
    id = id + 1;
    off('image' + id);
}

function menu_enter_1 (id)
{
//    alert ("Enter Menu");
    id = id + 1;
    on('image' + id);
    id = id - 1;
}

function menu_exit_1 (id)
{
    id = id + 1;
    off('image' + id);
}

function on3(name)   {
//alert ("On3 " + name + "on.src");
        document[name].src = eval(name + "on.src");
//alert ("On3 " + document[name].src);
}

function off3(name)  {
        document[name].src = eval(name + ".src");
}

NN3 = true;

function on(name)  {
//alert ("On " + name);
        if (NN3) on3(name);
}

function off(name)  {
        if (NN3) off3(name);
}

function map_enter (id)
{
//alert ("Enter = " + id);
    if (buff_id >= 0)
        hide (buff_id);
    show_map (id);
    active_layer_id = id;
}

function map_exit (id)
{
    setTimeout ('hide('+ id +')', delay);
    buff_id = active_layer_id;
    active_layer_id = -1;
    hide_map (id);
}

function show (id)
{
    if (!NS4){
        if(document.all['Menu' + id]){
            document.all['Menu' + id].style.visibility = "visible";
        }
    }
    else{
        if (document.layers[id]){
            document.layers[id].visibility = "visible";
        }
    }
}
function hide (id)
{
    if (active_layer_id != id && on_layer_id != id){
        if (!NS4){
            if(document.all['Menu' + id]){
                document.all['Menu' + id].style.visibility = "hidden";
            }
        }
        else{
            if (document.layers[id]){
	            document.layers[id].visibility = "hide";
            }
        }
    }
}

function show_map (id)
{
    id = "Map" + id;
    if (!NS4){
        if(document.all[id]){
            document.all[id].style.visibility = "visible";
        }
    }
    else{
        if (document.layers[id]){
            document.layers[id].visibility = "visible";
        }
    }
}
function hide_map (id)
{
    id = "Map" + id;
    if (active_layer_id != id && on_layer_id != id){
        if (!NS4){
            if(document.all[id]){
                document.all[id].style.visibility = "hidden";
            }
        }
        else{
            if (document.layers[id]){
	            document.layers[id].visibility = "hide";
            }
        }
    }
}

function generate_layers ()
{
    for (i = 0; i < menu_content.length; i++)
    {
        elements = menu_content[i].split (/\s*\|\s*/);
        layer_body = '';
        menu_width = elements[0]*1;
            for (j = 1; j < elements.length; j++) {
                layer_body += elements[j];
                layer_body += '<br>';
            }

            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>' +
                            '<tr><td bgcolor=' + border_color + '><table width=' + menu_width + ' cellpadding=3 ' +
                            'cellspacing=' + border_size + ' border=0><tr><td height = 20 width=' + menu_width + ' bgcolor=' + back_color + '>';
            layer_footer = '</td></tr></table></td></tr></table>';
            if (!NS4)
                layer_footer += '</div>';
            else
                layer_footer += '</layer>';
            document.writeln (layer_header + layer_body + layer_footer);
//alert ("Line = " + layer_header + layer_body + layer_footer);

        left_corner_y = left_corner_y*1 + change;
        }
}
function generate_loc_layers ()
{
    for (i = 0; i < map_content.length; i++)
    {
        elements = map_content[i].split (/\s*\|\s*/);
        map_layer_body = '';
        map_width = 180;
            for (j = 0; j < elements.length; j++) {
                map_layer_body += elements[j];
                map_layer_body += '<br>';
            }

            if (!NS4)
                map_layer_header = '<div id=Map' + i +
                               ' style="visibility: hidden; position: absolute; left: ' + (left_map_x) +
                               '; top: ' + left_map_y + ';">';
            else
                map_layer_header = '<layer id=Map' + i +
                               ' visibility=hide left=' + (left_map_x) +
                               ' top = ' + left_map_y + '>';

            map_layer_header += '<table width=' + map_width + ' cellpadding = 2 cellspacing = 0 border = 0>' +
                            '<td bgcolor = #105D4A><table width=' + map_width + ' cellpadding = 3 ' +
                            'cellspacing=' + border_size + ' border=0><td height = 20 bgcolor=#FFFFFF><font family = ComicSansMF size = -1 color = #105D4A><b>';

            map_layer_footer = '</b></font></td></table></td></table>';
            if (!NS4)
                map_layer_footer += '</div>';
            else
                map_layer_footer += '</layer>';
            document.writeln (map_layer_header + map_layer_body + map_layer_footer);
        }
}

generate_layers ();
generate_loc_layers ();