javastr="";
javastr=javastr+"<div id=\"picBox\">";
javastr=javastr+"       ";
javastr=javastr+"     <ul id=\"show_pic\" style=\"left:0;\">";
javastr=javastr+"           	  	   	   ";
javastr=javastr+"		 <li>";
javastr=javastr+"             <a href=\"http://zh.ne365.com/4-17072-4.aspx\" target=\"_blank\"><img border=\"none\" src=images/h1.jpg alt=\"\" width=290 height=383 title=\"2011香港国际時尚內衣秀·VIP鸡尾酒会\" /></a>";
javastr=javastr+"             <h3>2011香港国际時尚內衣秀·VIP鸡尾酒会</h3>";
javastr=javastr+"    </li>";
javastr=javastr+"       <li>";
javastr=javastr+"         <a href=\"http://zh.ne365.com/4-17072-1.aspx\" target=\"_blank\"><img border=\"none\" src=images/h2.jpg width=290 height=383 alt=\"\" title=\"2011香港国际时尚内衣泳装展开幕式\" /></a>";
javastr=javastr+"         <h3>2011香港国际时尚内衣泳装展开幕式</h3>";
javastr=javastr+"    </li>";
javastr=javastr+"    ";
javastr=javastr+"           <li>";
javastr=javastr+"                  <a href=\"http://zh.ne365.com/4-17072-3.aspx\" target=\"_blank\"><img border=\"none\" src=images/h3.jpg width=290 height=383 alt=\"\" title=\"第四届国际内衣研讨会";
javastr=javastr+"\" /></a>";
javastr=javastr+"           <h3>第四届国际内衣研讨会</h3>";
javastr=javastr+"    </li>";
javastr=javastr+"           ";
javastr=javastr+"		   <li>";
javastr=javastr+"             <a href=\"http://zh.ne365.com/4-17072-1.aspx\" target=\"_blank\"><img border=\"none\" src=images/h4.jpg width=290 height=383 alt=\"\" title=\"2011香港国际时尚内衣泳装展精彩现场";
javastr=javastr+"\" /></a>";
javastr=javastr+"             <h3>2011香港国际时尚内衣泳装展精彩现场</h3>";
javastr=javastr+"       </li>";
javastr=javastr+"		     		   		   ";
javastr=javastr+"		   ";
javastr=javastr+"           <li>";
javastr=javastr+"             <a href=\"http://zh.ne365.com/4-17072-1.aspx\" target=\"_blank\"><img border=\"none\" src=images/h5.jpg width=290 height=383  alt=\"\" title=\"2011香港国际时尚内衣泳装展面辅料展区";
javastr=javastr+"\"/></a>";
javastr=javastr+"             <h3>2011香港国际时尚内衣泳装展面辅料展区</h3></li>";
javastr=javastr+"";
javastr=javastr+"  </ul>";
javastr=javastr+"  <div class=\"headbg\">";
javastr=javastr+"    ";
javastr=javastr+"      <ul id=\"icon_num\">";
javastr=javastr+"        <li class=\"active\"><a href=\"#\">1</a></li>";
javastr=javastr+"        <li><a href=\"#\">2</a></li>";
javastr=javastr+"        <li><a href=\"#\">3</a></li>";
javastr=javastr+"        <li><a href=\"#\">4</a></li>";
javastr=javastr+"        <li><a href=\"#\">5</a></li>";
javastr=javastr+"		      </ul>";
javastr=javastr+"  </div>";
javastr=javastr+"</div>";
javastr=javastr+"";
javastr=javastr+"   ";
document.write(javastr);
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',290,2,0.1,'left');