// JavaScript Document

function initRollovers() {
	if (!document.getElementById) return
	var aPreLoad     = new Array();
	var inputPreLoad = new Array();
	var sTempSrc;
	var sTempSrcIp;
	var aImages     = document.getElementsByTagName('img'  );
	var inputImages = document.getElementsByTagName('input');

	var bodyId      = document.body.id;
	switch(bodyId){
		case 'home':
			break;
		case 'profile':
			document.getElementById('gnaviProfile').className = '';
			document.getElementById('gnaviProfile').src       = '/common/images/gnaviProfile_o.gif';
			break;
		case 'about':
			document.getElementById('gnaviAbout').className = '';
			document.getElementById('gnaviAbout').src       = '/common/images/gnaviAbout_o.gif';
			break;
		case 'gallery':
			document.getElementById('gnaviGallery').className = '';
			document.getElementById('gnaviGallery').src       = '/common/images/gnaviGallery_o.gif';
			break;
		case 'blog':
			document.getElementById('gnaviBlog').className = '';
			document.getElementById('gnaviBlog').src       = '/common/images/gnaviBlog_o.gif';
			break;
		case 'contact':
			document.getElementById('gnaviContact').className = '';
			document.getElementById('gnaviContact').src       = '/common/images/gnaviContact_o.gif';
			break;
	}

	for (var i = 0; i < aImages.length; i++) {		
		if (aImages[i].className == 'rollover') {
			var src   = aImages[i].getAttribute('src');
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			var hsrc  = src.replace(ftype, '_o'+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('_o'+ftype, ftype);
				this.setAttribute('src', sTempSrc);
			}
		}
	}
	for (var i = 0; i < inputImages.length; i++) {		
		if (inputImages[i].className == 'rollover') {
			var src   = inputImages[i].getAttribute('src');
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			var hsrc  = src.replace(ftype, '_o'+ftype);

			inputImages[i].setAttribute('hsrc', hsrc);
			
			inputPreLoad[i]     = new Image();
			inputPreLoad[i].src = hsrc;
			
			inputImages[i].onmouseover = function() {
				sTempSrcIp = this.getAttribute('src');
				this.setAttribute('src', this.getAttribute('hsrc'));
			}	
			
			inputImages[i].onmouseout = function() {
				if (!sTempSrcIp) sTempSrcIp = this.getAttribute('src').replace('_o'+ftype, ftype);
				this.setAttribute('src', sTempSrcIp);
			}
		}
	}
}
try{
	window.addEventListener('load', initRollovers, false);
} catch(e){
	window.attachEvent('onload', initRollovers);
}


