// JavaScript Document
//ͼƬ³¤¶È±ØÐë´óÓÚdiv³¤¶È
function roll(){
  
 this.objRollpic;
 this.objRollpic1;
 this.objRollpic2;
 this.MyMarPic;
 this.divHeight;
 this.divWidth;
 this.picHeight;
 this.picWidth;
 this.picStr;
 this.fold;
 
 this.TMarqueePic=function(){//ÉϹö
   if(this.objRollpic1.offsetHeight-this.objRollpic.scrollTop<=0){
     this.objRollpic.scrollTop-=this.objRollpic1.offsetHeight;
   }else{
     this.objRollpic.scrollTop++;
   }
 }
 
 this.LMarqueePic=function(){//ºá¹ö
   if(this.objRollpic1.offsetWidth-this.objRollpic.scrollLeft<=0){
     this.objRollpic.scrollLeft-=this.objRollpic1.offsetWidth;
   }else{
     this.objRollpic.scrollLeft+=109;
	 
   }
   if(this.objRollpic.scrollLeft%981==0){  
	  clearInterval(MyMarPic);
   }
 }
   

 this.Thtml=function(){//ÉϹö
  arrStr=this.picStr.split(";");
  document.write('<div id=rollpic style="OVERFLOW: hidden;width:'+this.divWidth+'px;height:'+this.divHeight+'px;">');
    document.write('<div id=rollpic1>');
    for(i in arrStr){
      document.write('<div><img src="'+this.fold+'/'+arrStr[i]+'" width="'+this.picWidth+'" height="'+this.picHeight+'" /></div>');
    }
    document.write('</div>');
  
    document.write('<div id=rollpic2>');
    for(i in arrStr){
      document.write('<div><img src="'+this.fold+'/'+arrStr[i]+'" width="'+this.picWidth+'" height="'+this.picHeight+'" /></div>');
    }
   document.write('</div>');
  document.write('</div>');  
  this.objRollpic=document.getElementById('rollpic');
  this.objRollpic1=document.getElementById('rollpic1');
 }
 
 
 
 this.Lhtml=function(){//ºá¹ö
  arrStr=this.picStr.split(";");
  document.write('<div id=rollpic style="OVERFLOW:hidden ;width:'+this.divWidth+'px;height:'+this.divHeight+'px;">');
    document.write('<table border="0" cellpadding="0" cellspacing="0"><tr><td id=rollpic1>');
    for(i in arrStr){
      document.write('<img src="'+this.fold+'/'+arrStr[i]+'" width="'+this.picWidth+'" height="'+this.picHeight+'" />');
    }
  
    document.write('</td><td id=rollpic2>');
    for(i in arrStr){
      document.write('<img src="'+this.fold+'/'+arrStr[i]+'" width="'+this.picWidth+'" height="'+this.picHeight+'" />');
    }
    document.write('</td></tr></table>');
  document.write('</div>');  
  this.objRollpic=document.getElementById('rollpic');
  this.objRollpic1=document.getElementById('rollpic1');
 }
 
}


//Ö÷º¯Êý
function rollTop(picStr){//ÉϹö
  if(picStr!=""){
	r=new roll();
    rollspeed=1;
    r.divHeight=200;
    r.divWidth=170;
    r.picHeight=130;
    r.picWidth=170;
    r.fold="images/index";//ͼƬÎļþ¼Ð
    r.picStr=picStr;//ͼƬ×Ö·û´®
    r.Thtml();
    MyMarPic=setInterval("r.TMarqueePic()",rollspeed);
    r.objRollpic.onmouseover=function() {clearInterval(MyMarPic);}
    r.objRollpic.onmouseout =function() {MyMarPic=setInterval("r.TMarqueePic()",rollspeed);}
  }
}

function rollLeft(picStr){//ºá¹ö
  if(picStr!=""){
    r=new roll();
    rollspeed=1;
    r.divHeight=347;
    r.divWidth=981;
    r.picHeight=347;
    r.picWidth=981;
    r.fold="photo";//ͼƬÎļþ¼Ð
    r.picStr=picStr;//ͼƬ×Ö·û´®
    r.Lhtml();
    s=setInterval("six()",6000);
	
    //r.objRollpic.onmouseover=function() {clearInterval(MyMarPic);}
    //r.objRollpic.onmouseout =function() {MyMarPic=setInterval("r.LMarqueePic()",rollspeed);}
  }
}

function six(){
  MyMarPic=setInterval("r.LMarqueePic()",rollspeed);
}