// JavaScript Document

var maxlength = 5;
var cname;

if(document.images){
	var path = location.protocol + '//' + location.host + '/';
	var roll = new Object();
	roll['rollover0'] = new Image(88,40);
	roll['rollover0'].src = path + 'common/images/gnavi_home.jpg';
	
	roll['rollover1'] = new Image(147,40);
	roll['rollover1'].src = path + 'common/images/gnavi_lymph.jpg';
	
	roll['rollover2'] = new Image(122,40);
	roll['rollover2'].src = path + 'common/images/gnavi_body.jpg';

	roll['rollover3'] = new Image(160,40);
	roll['rollover3'].src = path + 'common/images/gnavi_facial.jpg';

	roll['rollover4'] = new Image(109,40);
	roll['rollover4'].src = path + 'common/images/gnavi_voice.jpg';

	roll['rollover5'] = new Image(146,40);
	roll['rollover5'].src = path + 'common/images/gnavi_salon.jpg';


	var over = new Object();
	over['rollover0'] = new Image(88,40);
	over['rollover0'].src = path + 'common/images/gnavi_home_on.jpg';
	
	over['rollover1'] = new Image(147,40);
	over['rollover1'].src = path + 'common/images/gnavi_lymph_on.jpg';
	
	over['rollover2'] = new Image(122,40);
	over['rollover2'].src = path + 'common/images/gnavi_body_on.jpg';

	over['rollover3'] = new Image(160,40);
	over['rollover3'].src = path + 'common/images/gnavi_facial_on.jpg';
	
	over['rollover4'] = new Image(109,40);
	over['rollover4'].src = path + 'common/images/gnavi_voice_on.jpg';
	
	over['rollover5'] = new Image(146,40);
	over['rollover5'].src = path + 'common/images/gnavi_salon_on.jpg';
		
}

function globalnavi(){
	if(document.getElementById('naviMenu')){
		for(i = 0; i <= maxlength; i++){
			if(cname == i){
				document.getElementById('rollover' + i).src = over['rollover' + i].src;
			}
		}
	}
}


function rollover(evt){
	if(document.images){
		evt = (evt) ? evt : ((window.event) ? window.event : null);
		if(evt){
			var elem = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
			if(elem && elem.className == 'rollover'){
				if(cname == (elem.id).slice(8)){
					switch(evt.type){
						case 'mouseover':
							elem.src = over[elem.id].src;
							break;
						case 'mouseout':
							elem.src = over[elem.id].src;
							break;
					}
				}
				else{
					switch(evt.type){
						case 'mouseover':
							elem.src = over[elem.id].src;
							break;
						case 'mouseout':
							elem.src = roll[elem.id].src;
							break;
					}
				}
			}
		}
	}
}

document.onmouseover = rollover;
document.onmouseout = rollover;