/*
	共通画像ロールオーバー
	共通ドロップダウンメニュー:各ページグローバルナビゲーション
	Author : 
*/

var menuLength = 7;
var menuIsVisible = false;
var visibleItem = null;
var submenuTimer;

window.onload = init;

function init() {
	
	for( var i = 1; i <= menuLength; i++ ) {
		var naviItem = document.getElementById( "navi0" + i );
		var subItem = document.getElementById( "sub0" + i );
		setEvent( naviItem, subItem );
	}
	
	
    if (!document.getElementById) return
   
    var aPreLoad = new Array();
    var sTempSrc;
    var aImages = document.getElementsByTagName('img');

    for (var i = 0; i < aImages.length; i++) {       
        if (aImages[i].className == 'on') {
            var src = aImages[i].getAttribute('src');
            var ftype = src.substring(src.lastIndexOf('.'), src.length);
            var hsrc = src.replace(ftype, '_on'+ftype);

            aImages[i].setAttribute('hsrc', hsrc);
           
            aPreLoad[i] = new Image();
            aPreLoad[i].src = hsrc;
           
            aImages[i].onmouseover = function() {
                sTempSrc = this.getAttribute('src');
                this.setAttribute('src', this.getAttribute('hsrc'));
            }   
           
            aImages[i].onmouseout = function() {
                if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_on'+ftype, ftype);
                this.setAttribute('src', sTempSrc);
            }
        }
    }
}

function setEvent( menu, submenu ) {
	
	menu.onmouseover = function() { showMenu( submenu ) };
	menu.onmouseout = function() { startCount( submenu ) };
	submenu.onmouseover = function() { clearCount() };
	submenu.onmouseout = function() { startCount( submenu ) };
	
}

function showMenu( submenu ) {
	
	if( visibleItem == submenu ) {
		return;
	}
	else if( visibleItem != null ) {
		hideMenu( visibleItem );
	}
	
	visibleItem = submenu;
	menuIsVisible = true;
	
	submenu.style.visibility = "visible";
	
	clearTimeout( submenuTimer );
	
}

function startCount( submenu ) {
	
	clearTimeout( submenuTimer );
	
	submenuTimer = setTimeout( function() { hideMenu( submenu ) }, 700 );
	
}

function hideMenu( submenu ) {
	
	if( menuIsVisible == false ) {
		return;
	}
	
	visibleItem = null;
	menuIsVisible = false;
	
	submenu.style.visibility = "hidden";
	
}

function clearCount() {
	
	clearTimeout( submenuTimer );
	
}