/*
拡張子の前に-on -off の付いた画像をMouseOverで自動入換。
プリロードは-on画像を空読み込みでCSSによる非表示。
<div id=#preload><img src="Images/image1-on.gif" alt="" width="1" height="1"></div>
をCSS処理
#preload{display:none;}
*/
(function(onLoad) {
  if(window.addEventListener) {
    window.addEventListener('load', onLoad, false);
  } else if(window.attachEvent){
    window.attachEvent('onload',  onLoad);
  } else {
    window.onload = onLoad;
  }
})(function() {
  var over = function() { this.src = this.src.replace('-off.', '-on.'); };
  var out  = function() { this.src = this.src.replace('-on.', '-off.'); };
  var img = document.getElementsByTagName('img');
  for(var vi = img.length - 1; vi >= 0; vi--) {
    if(!img[vi].src.match(/-off\./)) continue;
    img[vi].onmouseover = over;
    img[vi].onmouseout  = out;
  }
});