//	<script src="/js/smartRollover.js" type="text/javascript"></script>
//
//	ファイル名の拡張子の前に _off という名前で設定すると、
//	_on に自動的にロールオーバーする。  
//
//	<a href="/"><img src="/img/menu_off.gif" alt="HOME" /></a>  
//	→ 自動的に menu_on.gif にロールオーバー！！！
//
//


if(window.addEventListener) {
	window.addEventListener('load', smartRollover, false);
} else if(window.attachEvent){
	window.attachEvent('onload', smartRollover);
} else {
	window.onload = smartRollover;
}

function smartRollover() {
	if(document.getElementsByTagName) {
		var images = document.getElementsByTagName("img");
		
		for(var i=0; i < images.length; i++) {
			if(images[i].getAttribute("src").match("_off\\."))
			{
				var nonRollCheck ;
				nonRollCheck = images[i].getAttribute('className');
				nonRollCheck = (nonRollCheck == null) ? images[i].getAttribute('class') : nonRollCheck;
				
				nonRollCheck = nonRollCheck ? nonRollCheck.match(/(^|\s)no_rollover(\s|$)/) : false;
				
				if (!nonRollCheck)
				{
					ImgSrc = images[i].getAttribute("src").replace("_off.", "_on.");
					new Image().src = ImgSrc;
					
					images[i].onmouseover = function() {
						this.setAttribute("src", this.getAttribute("src").replace("_off.", "_on."));
					}
					images[i].onmouseout = function() {
						this.setAttribute("src", this.getAttribute("src").replace("_on.", "_off."));
					}
				}				
			}
		}
	}
}