// JavaScript Document

if(document.images){
	var roll = new Object();
	roll['rollover0'] = new Image(210,54);
	roll['rollover0'].src = 'images/sideNavi_home.gif';
	
	roll['rollover1'] = new Image(210,54);
	roll['rollover1'].src = 'images/sideNavi_service.gif';
	
	roll['rollover2'] = new Image(210,54);
	roll['rollover2'].src = 'images/sideNavi_profile.gif';

	roll['rollover3'] = new Image(210,54);
	roll['rollover3'].src = 'images/sideNavi_contact.gif';


	var over = new Object();
	over['rollover0'] = new Image(210,54);
	over['rollover0'].src = 'images/sideNavi_home_on.gif';
	
	over['rollover1'] = new Image(210,54);
	over['rollover1'].src = 'images/sideNavi_service_on.gif';
	
	over['rollover2'] = new Image(210,54);
	over['rollover2'].src = 'images/sideNavi_profile_on.gif';

	over['rollover3'] = new Image(210,54);
	over['rollover3'].src = 'images/sideNavi_contact_on.gif';
	
	
}


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'){
				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;