var Speed = 10;var Space = 5;var PageWidth = 174;var fill = 0;var MoveLock = false;
var MoveTimeObj;
var Comp = 0;
var AutoPlayObj = null;
GetObj("List2").innerHTML = GetObj("List1").innerHTML;
GetObj('ISL_Cont').scrollLeft = fill;
GetObj("ISL_Cont").onmouseover = function(){clearInterval(AutoPlayObj);}
GetObj("ISL_Cont").onmouseout = function(){AutoPlay();}
AutoPlay();
function GetObj(objName){if(document.getElementById){return eval('document.getElementById("'+objName+'")')}else{return eval('document.all.'+objName)}}
function AutoPlay(){ clearInterval(AutoPlayObj);
 AutoPlayObj = setInterval('ISL_GoDown();ISL_StopDown();',5000);}
function ISL_GoUp(){ if(MoveLock) return;
 clearInterval(AutoPlayObj);
 MoveLock = true;
 MoveTimeObj = setInterval('ISL_ScrUp();',Speed);
}
function ISL_StopUp(){ clearInterval(MoveTimeObj);
 if(GetObj('ISL_Cont').scrollLeft % PageWidth - fill != 0){
  Comp = fill - (GetObj('ISL_Cont').scrollLeft % PageWidth);
  CompScr();
 }else{
  MoveLock = false;
 }
 AutoPlay();
}
function ISL_ScrUp(){ if(GetObj('ISL_Cont').scrollLeft <= 0){GetObj('ISL_Cont').scrollLeft = GetObj('ISL_Cont').scrollLeft + GetObj('List1').offsetWidth}
 GetObj('ISL_Cont').scrollLeft -= Space ;
}
function ISL_GoDown(){ clearInterval(MoveTimeObj);
 if(MoveLock) return;
 clearInterval(AutoPlayObj);
 MoveLock = true;
 ISL_ScrDown();
 MoveTimeObj = setInterval('ISL_ScrDown()',Speed);
}
function ISL_StopDown(){ clearInterval(MoveTimeObj);
 if(GetObj('ISL_Cont').scrollLeft % PageWidth - fill != 0 ){
  Comp = PageWidth - GetObj('ISL_Cont').scrollLeft % PageWidth + fill;
  CompScr();
 }else{
  MoveLock = false;
 }
 AutoPlay();
}
function ISL_ScrDown(){ if(GetObj('ISL_Cont').scrollLeft >= GetObj('List1').scrollWidth){GetObj('ISL_Cont').scrollLeft = GetObj('ISL_Cont').scrollLeft - GetObj('List1').scrollWidth;}
 GetObj('ISL_Cont').scrollLeft += Space ;
}
function CompScr(){
 var num;
 if(Comp == 0){MoveLock = false;return;}
 if(Comp < 0){  if(Comp < -Space){
   Comp += Space;
   num = Space;
  }else{
   num = -Comp;
   Comp = 0;
  }
  GetObj('ISL_Cont').scrollLeft -= num;
  setTimeout('CompScr()',Speed);
 }else{  if(Comp > Space){
   Comp -= Space;
   num = Space;
  }else{
   num = Comp;
   Comp = 0;
  }
  GetObj('ISL_Cont').scrollLeft += num;
  setTimeout('CompScr()',Speed);
 }
}
$(function(){
    //焦点图切换
    (function(){		var imgbox = document.getElementById("imgbox");
var pic_list = document.getElementById("pic_list");
var pics = pic_list.getElementsByTagName("li");
var button = document.getElementById("button").getElementsByTagName("li");
var p;
var start;
function autoplay(start){for(i=start;i<button.length;i++){  //设置起始值为start参数.
 (function(){
  var p=i;               // 为p赋值i. i等于0,1,2,3,4;
  button[i].onmouseover=function change(){        //button[0],button[1],button[2],button[3],button[4]  onmouseover可以触发函数;
   for(j=0;j<this.parentNode.childNodes.length;j++){   //以this(当前触发事件的元素)为起点,的父节点的所有子节点的length值为最高值,开始遍历. ;
    this.parentNode.childNodes[j].className="";       //以this(当前触发事件的元素)为起点,的父节点的所有子节点的className为空. 危险慎用.;
     }
   this.className="current";        //this. 即当前触发onmouseover的元素的className为"current";
   for(m=0;m<pics.length;m++){        //以pics.length为最高值进行遍历.遍历pics.;
    pics[m].className="";        //清空所有pics数组中所有元素的className;
    if (m==p){           //当m==p (p==i) 所以m=i时,触发下列函数
     pics[m].className="show";      //pics的第m个元素的className值为show; m在这里等于i;
     }
    }
   }
  })();
 }
}
autoplay(0);
})();
//焦点图切换02
//
(function(){
		var imgbox = document.getElementById("imgbox01");
var pic_list = document.getElementById("pic_list01");
var pics = pic_list.getElementsByTagName("li");
var button = document.getElementById("button01").getElementsByTagName("li");
var p;
var start;
function autoplay(start){for(i=start;i<button.length;i++){  //设置起始值为start参数.
 (function(){		  var p=i;               // 为p赋值i. i等于0,1,2,3,4;
  button[i].onmouseover=function change(){        //button[0],button[1],button[2],button[3],button[4]  onmouseover可以触发函数;
   for(j=0;j<this.parentNode.childNodes.length;j++){   //以this(当前触发事件的元素)为起点,的父节点的所有子节点的length值为最高值,开始遍历. ;
    this.parentNode.childNodes[j].className="";       //以this(当前触发事件的元素)为起点,的父节点的所有子节点的className为空. 危险慎用.;
     }
   this.className="current01";        //this. 即当前触发onmouseover的元素的className为"current";
   for(m=0;m<pics.length;m++){        //以pics.length为最高值进行遍历.遍历pics.;
    pics[m].className="";        //清空所有pics数组中所有元素的className;
    if (m==p){           //当m==p (p==i) 所以m=i时,触发下列函数
     pics[m].className="show01";      //pics的第m个元素的className值为show; m在这里等于i;
     }
    }
   }
  })();
 }
}
autoplay(0);
})();
})