var Navigation = {
	
	main : function() {
		var img = document.images;
		for (var i = 0; i <img.length; i++) {
			if ((img[i].src.match(/_off\./))||(img[i].style.filter)){
				img[i].onmouseover = Navigation.over;
				img[i].onmouseout  = Navigation.out;
			}
		}
	},

	over : function() {
		if((this.style.filter)&&(this.style.filter.match(/_off\.jpg/))){//(IE5.5-6 && jpg)
			this.style.filter = this.style.filter.replace('_off.jpg', '_on.jpg');
		}
		else{
			this.src = this.src.replace('_off.', '_on.');
		}
	},

	out : function(){
		if((this.style.filter)&&(this.style.filter.match(/_on\.jpg/))){//(IE5.5-6 && jpg)
			this.style.filter = this.style.filter.replace('_on.jpg', '_off.jpg');
		}
		else{
			this.src = this.src.replace('_on.', '_off.');
		}
	},

	addEvent : function(){
		try {
			window.addEventListener('load', Navigation.main, false);
		} catch (e) {
			window.attachEvent('onload', Navigation.main);
		}
	}
}

Navigation.addEvent();

function changeImg(url){
document.getElementById('imgarea').getElementsByTagName('IMG')[0].src = url;
}