/**
 * クロスフェードするロールオーバー処理
 * on2.js
 * Copyright (c) 2007 KAZUMiX
 * http://d.hatena.ne.jp/KAZUMiX/20071017/on2
 * 
 * Licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * 更新履歴
 * 2009/06/02 ãƒ–ãƒ©ã‚¦ã‚¶ã®ã€Œæˆ»ã‚‹ã€ã§ãƒ•ã‚§ãƒ¼ãƒ‰çŠ¶æ…‹ãŒæ®‹ã£ã¦ã„ã‚‹å ´åˆã«å¯¾å‡¦
 * 2007/10/17 公開
 */


(function(){
   // ページ遷移時に透明にする用
   var onImages = [];
   
   function seton2(){
     if(!document.images){return;}
     var imgs = document.images;
     var insert = [];
     for(var i=0,len=imgs.length; i<len; i++){
       var splitname = imgs[i].src.split('_off.');
       if(splitname[1]){
         var onImg = document.createElement('img');
         onImages.push(onImg);
         onImg.src = splitname[0]+'_on.'+splitname[1];
         var alpha = 0;
         onImg.currentAlpha = alpha;
         onImg.style.opacity = alpha/100;
         onImg.style.filter = 'alpha(opacity='+alpha+')';
         onImg.style.position = 'absolute';

         //ロールオーバー・アウト処理それぞれを設定
         addEvent(onImg,'mouseover',function(){setFader(this,100);});
         addEvent(onImg,'mouseout',function(){setFader(this,0);});

         // å¾Œã§è¿½åŠ ã™ã‚‹ãŸã‚ã«è¿½åŠ å ´æ‰€ã¨å…±ã«ä¿å­˜ã—ã¦ãŠã
         // ã“ã®æ™‚ç‚¹ã§è¿½åŠ ã™ã‚‹ã¨document.imagesが書き換わって不都合
         insert[insert.length] = {position:imgs[i],element:onImg};
       }
     }
     // â†‘ã§ä½œã£ãŸãƒ­ãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ç”»åƒã‚’è¿½åŠ 
     for(i=0,len=insert.length; i<len ;i++){
       var parent = insert[i].position.parentNode;
       parent.insertBefore(insert[i].element,insert[i].position);
     }

     // ページ遷移時にはフェード状態をクリアする
     addEvent(window,'beforeunload', clearon);
   }

   // æŒ‡å®šè¦ç´ ã‚’æŒ‡å®šé€æ˜Žåº¦ã«ã™ã‚‹ãŸã‚ã®ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ãƒ‹ãƒ¡ã‚’è¨­å®šã™ã‚‹é–¢æ•°

   function setFader(targetObj,targetAlpha){
     targetObj.targetAlpha = targetAlpha;
     if(targetObj.currentAlpha==undefined){
       targetObj.currentAlpha = 100;
     }
     if(targetObj.currentAlpha==targetObj.targetAlpha){
       return;
     }
     if(!targetObj.fading){
       if(!targetObj.fader){
         targetObj.fader = fader;
       }
       targetObj.fading = true;
       targetObj.fader();
     }
   }

   // アルファ値をターゲット値に近づける関数
   // ターゲット値になったら終了

   function fader(){
     this.currentAlpha += (this.targetAlpha - this.currentAlpha)*0.2;
     if(Math.abs(this.currentAlpha-this.targetAlpha)<1){
       this.currentAlpha = this.targetAlpha;
       this.fading = false;
     }
     var alpha = parseInt(this.currentAlpha);
     this.style.opacity = alpha/100;
     this.style.filter = 'alpha(opacity='+alpha+')';
     if(this.fading){
       var scope = this;
       setTimeout(function(){fader.apply(scope)},30);
     }
   }
   
   // すべてのロールオーバー画像をを透明にする関数（遷移時用）

   function clearon(){
     for(var i=0,len=onImages.length; i<len; i++){
       var image = onImages[i];
       image.style.opacity = 0;
       image.style.filter = 'alpha(opacity=0)';
     }
   }

   // ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¿½åŠ ã™ã‚‹é–¢æ•°

   function addEvent(eventTarget, eventName, func){
     if(eventTarget.addEventListener){
       // モダンブラウザ
       eventTarget.addEventListener(eventName, func, false);
     }else if(window.attachEvent){
       // IE
       eventTarget.attachEvent('on'+eventName, function(){func.apply(eventTarget);});
     }
   }

   addEvent(window,'load',seton2);

 })();