function initNavigations(){
	if (!document.getElementById) return
	var nvPreLoad=new Array();
	var sTempSrc;
	var nvImages=document.getElementsByTagName('img');
	var bodyId=document.body.id;
	var bodyClass=document.body.className;
	var stayIdNum;
	var stayNum;


	switch(bodyClass){
		//index ids
		case "index":
			stayNum="1";
		break;
		case "action":
			stayNum="2";
		break;
		case "usage":
			stayNum="3";
		break;
		case "agent":
			stayNum="4";
		break;
		case "qa":
			stayNum="5";
		break;
		//
	}

	var gNaviStaySrc="navi_0" + stayNum + ".gif";
	for (var i=0; i < nvImages.length; i++) {	
			
			if (nvImages[i].className == 'gnaviover'){
				var src=nvImages[i].getAttribute('src');
				var ftype=src.substring(src.lastIndexOf('.'), src.length);
				srcStr=src.substring(src.lastIndexOf('/') + 1, src.length);
				
				if(srcStr == gNaviStaySrc) {
					var hsrc=src.replace(ftype, '_s' + ftype);
					nvImages[i].setAttribute('hsrc', hsrc);
					nvImages[i].setAttribute('src', nvImages[i].getAttribute('hsrc'));
			} else {
					var hsrc=src.replace(ftype, '_o' + ftype);
					nvImages[i].setAttribute('hsrc', hsrc);
					nvPreLoad[i]=new Image();
					nvPreLoad[i].src=hsrc;
					nvImages[i].onmouseover=function() {
						sTempSrc=this.getAttribute('src');
						this.setAttribute('src', this.getAttribute('hsrc'));
					}
					nvImages[i].onmouseout=function() {
						if (!sTempSrc) sTempSrc=this.getAttribute('src').replace('_o' + ftype, ftype);
						this.setAttribute('src', sTempSrc);
					}
				}
			}
	}
}
try {
	window.addEventListener('load',initNavigations , false);
} catch(e){
	window.attachEvent('onload',initNavigations);
}