/**
 *ページ内リンクの背景色を変更するスクリプト
*/

(function(){
   var easing = 0.25;
   var interval = 20;
   var d = document;
   var targetX = 0;
   var targetY = 0;
   var targetHash = '';
   var scrolling = false;
   var splitHref = location.href.split('#');
   var currentHref_WOHash = splitHref[0];
   var incomingHash = splitHref[1];
   var prevX = null;
   var prevY = null;

   // ドキュメント読み込み完了時にinit()を実行する
   addEvent(window, 'load', init);

   // ドキュメント読み込み完了時の処理
   function init(){
     // ページ内リンクにイベントを設定する
     setOnClickHandler();
     // 外部からページ内リンク付きで呼び出された場合
     if(incomingHash){
       if(window.attachEvent && !window.opera){
         // IEの場合はちょっと待つ
         setTimeout(function(){setScroll('#'+incomingHash);},50);
       }else{
         // IE以外はそのままGO
         setScroll('#'+incomingHash);
       }
     }
   }

   // イベントを追加する関数
   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);});
     }
   }
   
   function setOnClickHandler(){
     var links = d.links;
     for(var i=0; i<links.length; i++){
       // ページ内リンクのみイベント設定
       var link = links[i];
       var splitLinkHref = link.href.split('#');
       if(currentHref_WOHash == splitLinkHref[0] && d.getElementById(splitLinkHref[1])){
         addEvent(link, 'click', startScroll);
       }
     }
   }

   function startScroll(event){

     setScroll(this.hash);
   }

   function setScroll(hash){

     var targetEle = d.getElementById(hash.substr(1));
     if(!targetEle)return;

     var links = d.links;
     for(var i=0; i<links.length; i++){
       // 変更した背景色と見出し画像を元にもどす
       var link = links[i];
       var splitLinkHref = link.href.split('#');
       var ul_ele;
       if(currentHref_WOHash == splitLinkHref[0] && d.getElementById(splitLinkHref[1])){
         ul_ele= d.getElementById("ul_"+splitLinkHref[1]);
         if(ul_ele){ ul_ele.style.backgroundColor="white"; }
         ul_ele= d.getElementById("img_"+splitLinkHref[1]);
         if(ul_ele){ ul_ele.src="img/2_main_hs_"+splitLinkHref[1]+".gif"; }
      }
     }

     //リンク先カテゴリーの背景色を変える
     var changeEle = d.getElementById("ul_"+hash.substr(1));
     if(changeEle){changeEle.style.backgroundColor="#ffe4e1";}

     //リンク先見出しの画像を変える
     var changeEle2 = d.getElementById("img_"+hash.substr(1));
     if(changeEle2){changeEle2.src="img/3_main_hs_"+hash.substr(1)+".gif";}

   }

 }());