/* -----------------------------------------------------------------------*/
function AddEvent(targetObj, eventName, eventHandler) {
    if (document.addEventListener){
        targetObj.addEventListener(eventName, eventHandler, false);
        return;
    }
    if (document.attachEvent){
        targetObj.attachEvent("on"+eventName, eventHandler);
    }
}


/* -----------------------------------------------------------------------*/
// mouse_over
/* -----------------------------------------------------------------------*/
AddEvent(window, "load", function() {
    var targetObj = document.getElementById('mainVisual');
    var imageObj = targetObj.getElementsByTagName('IMG');

    for (var i=0; i<imageObj.length; i++) {
        if (imageObj[i].src.indexOf("_menu.",0) >= 0){
            AddEvent(imageObj[i], "mouseover", function(){
                if (window.createPopup){
                    var ActiveObj = event.srcElement;
                }else{
                    var ActiveObj = this;
                }
                var MenuSrc = ActiveObj.src;
                MenuSrc = MenuSrc.replace(/_over.(jpg|gif)/, ".$1");
                MenuSrc = MenuSrc.replace(/_menu.(jpg|gif)/, "_banner\.$1");;
                var MenuSrc = MenuSrc.replace(/^.*[\\\/]/, "");
                var targetObj = document.getElementById('mainVisual');
                var imageObj = targetObj.getElementsByTagName('IMG');
                for (var i=0; i<imageObj.length; i++) {
                    if (imageObj[i].src.indexOf("_banner.",0) >= 0){
                        var BannerSrc = imageObj[i].src.replace(/^.*[\\\/]/, "");
                        if (BannerSrc == MenuSrc){
                            imageObj[i].parentNode.style.display = "block";
                        }else{
                            imageObj[i].parentNode.style.display = 'none';
                        }
                    }
                }
                return false
            });
        }
      
    }
});