/**
 *glide.layerglide((oeventcont,oslider,ssinglesize,sec,fspeed,point);
 *@param auto type:bolean 是否自动滑动 当值是true的时候 为自动滑动
 *@param oeventcont type:object 包含事件点击对象的容器
 *@param oslider type:object 滑动对象
 *@param ssinglesize type:number 滑动对象里单个元素的尺寸（width或者height）  尺寸是有point 决定
 *@param second type:number 自动滑动的延迟时间  单位/秒
 *@param fspeed type:float   速率 取值在0.05--1之间 当取值是1时  没有滑动效果
 *@param point type:string   left or top
 */

var glide =new function(){
 function $id(id){return document.getelementbyid(id);};
 this.layerglide=function(auto,oeventcont,oslider,ssinglesize,second,fspeed,point){
  var osubli = $id(oeventcont).getelementsbytagname('li');
  var interval,timeout,osliderange;
  var time=1; 
  var speed = fspeed 
  var sum = osubli.length;
  var a=0;
  var delay=second * 1000; 
  var setvalleft=function(s){
   return function(){
    osliderange = math.abs(parseint($id(oslider).style[point])); 
    $id(oslider).style[point] =-math.floor(osliderange+(parseint(s*ssinglesize) - osliderange)*speed) +'px';  
    if(osliderange==[(ssinglesize * s)]){
     clearinterval(interval);
     a=s;
    }
   }
  };
  var setvalright=function(s){
   return function(){   
    osliderange = math.abs(parseint($id(oslider).style[point]));       
    $id(oslider).style[point] =-math.ceil(osliderange+(parseint(s*ssinglesize) - osliderange)*speed) +'px';
    if(osliderange==[(ssinglesize * s)]){
     clearinterval(interval);
     a=s;
    }
   }
  }
  
  function autoglide(){
   for(var c=0;c<sum;c++){osubli[c].classname='';};
   cleartimeout(interval);
   if(a==(parseint(sum)-1)){
    for(var c=0;c<sum;c++){osubli[c].classname='';};
    a=0;
    osubli[a].classname="active";
    interval = setinterval(setvalleft(a),time);
    timeout = settimeout(autoglide,delay);
   }else{
    a++;
    osubli[a].classname="active";
    interval = setinterval(setvalright(a),time); 
    timeout = settimeout(autoglide,delay);
   }
  }
 
  if(auto){timeout = settimeout(autoglide,delay);};
  for(var i=0;i<sum;i++){ 
   osubli[i].onmouseover = (function(i){
    return function(){
     for(var c=0;c<sum;c++){osubli[c].classname='';};
     cleartimeout(timeout);
     clearinterval(interval);
     osubli[i].classname="active";
     if(math.abs(parseint($id(oslider).style[point]))>[(ssinglesize * i)]){
      interval = setinterval(setvalleft(i),time);
      this.onmouseout=function(){if(auto){timeout = settimeout(autoglide,delay);};};
     }else if(math.abs(parseint($id(oslider).style[point]))<[(ssinglesize * i)]){
       interval = setinterval(setvalright(i),time);
      this.onmouseout=function(){if(auto){timeout = settimeout(autoglide,delay);};};
     }
    }
   })(i)   
  }
 }
}
glide.layerglide(true,'icon_num','show_pic',238,5,0.03,'left');