﻿// JScript File
var delay;

window.onload=function() {
    var elms = document.getElementsByTagName('map');
    var map = elms[0];
    var hotspot = map.getElementsByTagName('area');

    if(window.addEventListener) { // Mozilla, Netscape, Firefox
        for(i=0; i < hotspot.length; i++) {
            hotspot[i].addEventListener("onmouseover", showdiv, false);
            hotspot[i].addEventListener("onmouseout", hidediv, false);
        }
        
        var boxes = document.getElementsByTagName('div');
        for(i=0; i < boxes.length; i++) {
            if(boxes[i].id.substring(0,3) == 'box') {
                boxes[i].addEventListener("onmouseover", showdiv2, false);
                boxes[i].addEventListener("onmouseout", hidediv, false);
            }
        }
    } else { // IE
        for(i=0; i < hotspot.length; i++) {
            hotspot[i].attachEvent("onmouseover", showdiv, false);
            hotspot[i].attachEvent("onmouseout", hidediv, false);
        }
        
        var boxes = document.getElementsByTagName('div');
        for(i=0; i < boxes.length; i++) {
            if(boxes[i].id.substring(0,3) == 'box') {
                boxes[i].attachEvent("onmouseover", showdiv2, false);
                boxes[i].attachEvent("onmouseout", hidediv, false);
            }
        }
    }
    
}

function showdiv(event) {
    delayedHide();
    clearTimeout(delay);
    var target = event.target || event.srcElement;
    MM_showHideLayers('box' + target.href.split("=")[1], '', 'show');
}

function showdiv2(event) {
    clearTimeout(delay);
    var target = event.target || event.srcElement;
    MM_showHideLayers('box' + target.id.substring(3), '', 'show');
}

function hidediv(event) {
    delay = setTimeout("delayedHide()", 500);
}

function MM_showHideLayers() { //v9.0
    var i,p,v,obj,args=MM_showHideLayers.arguments;
    for (i=0; i<(args.length-2); i+=3) 
    with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
        if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
        obj.visibility=v; 
    }
}

function delayedHide() {
    var divs = document.getElementsByTagName('div');
    for(i=0; i<divs.length; i++) {
        if(divs[i].id.substring(0,3)=='box') {
            if(divs[i].style) { divs[i].style.visibility = 'hidden'; }
        }
    }
}
