//メニューエリア読み込み用のグローバル変数
var container=Array('menu'); //メニューボタンを格納するタグのID。中の画像全てが対象。最初からロールオーバー画像なら対象外
var idarray=Array('customer-portal'); //単独のID。存在チェック有り
var rollname="_c"; //ロールオーバー画像の語尾
var kaku="\.gif";   //メニューボタンの拡張子
//メニューエリアの高さ id:ピクセル　の連想配列で指定

function addListener(elem,eventType,func,cap){ //対象オブジェクト、イベント名、関数括弧抜き、イベントキャプチャ
	if(elem.addEventListener){
		elem.addEventListener(eventType,func,cap);
	} else if (elem.attachEvent){ // IE対策
		elem.attachEvent('on'+eventType,func);
	} else {
		alert('can not set event listener'+eventType);
		return false;
	}
}

function rollover(e){
	var target_node;
	if(e.target){
	target_node=e.target;
	} else{ //IE対策
	target_node=e.srcElement;
	}
	
	tname=target_node.src;
	tname=tname.replace(rollname+kaku,'');
	tname=tname.replace(kaku,'');
	target_node.src=tname+rollname+kaku;
}

function rolloff(e){
	var target_node;
	if(e.target){
	target_node=e.target;
	} else{ //IE対策
	target_node=e.srcElement;
	}
	menuname=target_node.id.valueOf();
	target_node.src=target_node.src.replace(rollname+kaku,kaku);
}



function setListeners(){
var navi;
var naviimg = new Array;
	for (j in container){
	navi=document.getElementById(container[j]);
	if(navi){
		naviimg=navi.getElementsByTagName('img');
			for (i=0;i<naviimg.length;i++){
				if(naviimg[i].src.indexOf(rollname+kaku)==-1){		
					addListener(naviimg[i],'mouseover',rollover,false);
					addListener(naviimg[i],'mouseout',rolloff,false);
				}
			}
		}
	}
}
function setListeners_2(){
	for (j in idarray){
		if(document.getElementById(idarray[j])){
			addListener(document.getElementById(idarray[j]),'mouseover',rollover,false);
			addListener(document.getElementById(idarray[j]),'mouseout',rolloff,false);
		}
	}
}

addListener(window,'load',setListeners,false);
addListener(window,'load',setListeners_2,false);