var slideShow=function(){
   var bxs,bxe,fxs,fxe,ys,ye,ta,ia,ie,st,ss,ft,fs,xp,yp,ci,t,tar,tarl,firstrun=1;
   ta=document.getElementById(thumbid); ia=document.getElementById(imgid);
   t=ta.getElementsByTagName('li'); ie=document.all?true:false;
   st=3; ss=3; ft=10; fs=15; xp,yp=0;
      return{
      init:function(){
         document.onmousemove=this.pos; window.onresize=function(){setTimeout("slideShow.lim()",500)};
         ys=this.toppos(ta); ye=ys+ta.offsetHeight;
         len=t.length;tar=[];
         for(i=0;i<len;i++){
            var id=t[i].value; tar[i]=id;
            t[i].onclick =new Function("slideShow.getimg('"+id+"')");
            //t[i].onmouseover =new Function("slideShow.getimg('"+id+"')");
            //next is to have the frist image selected default if no
            //images are selected
            if(i==0){this.getimg(id)}
         }
         tarl=tar.length;
      },
      scrl:function(d){
         clearInterval(ta.timer);
         var l=(d==-1)?0:(t[tarl-1].offsetLeft-(ta.parentNode.offsetWidth-t[tarl-1].offsetWidth)+10)
         ta.timer=setInterval(function(){slideShow.mv(d,l)},st);
      },
      
         
      mv:function(d,l){
         ta.style.left=ta.style.left||'0px';
         var left=ta.style.left.replace('px','');
         if(d==1){
            if(l-Math.abs(left)<=ss){
               this.cncl(ta.id); ta.style.left='-'+l+'px';
            }else{ta.style.left=left-ss+'px'}
         }else{
            if(Math.abs(left)-l<=ss){
               this.cncl(ta.id); ta.style.left=l+'px';
            }else{ta.style.left=parseInt(left)+ss+'px'}
         }
      },
      cncl:function(){clearTimeout(ta.timer)},


      getimg:function(id){
         //if(auto){clearTimeout(ia.timer)}
         if(ci!=null){
            var ts,tsl,x;
            ts=ia.getElementsByTagName('img'); tsl=ts.length;x=0;
            for(x;x<tsl;x++){
               if(ci.id!=id){var o=ts[x]; clearInterval(o.timer); o.timer=setInterval(function(){slideShow.fdout(o)},fs)}
            }
         }


         if(!document.getElementById(id)){
            var i=document.createElement('img');
            ia.appendChild(i);
            i.id=id;
            if( firstrun == 1 ) {
               i.av=255;
               i.style.opacity=255;
               i.style.width='564px';
               i.style.height='228px';
               i.style.filter='alpha(opacity=255)';
               firstrun=0;
               var oldi=document.getElementById('fullSizeImg');
               oldi.style.opacity=0;
               oldi.style.filter='alpha(opacity=0)';
            } else {
               i.av=0;
               i.style.opacity=0;
               i.style.filter='alpha(opacity=0)';
               i.style.width='564px';
               i.style.height='228px';

            }
            //i.src=imgdir+'/'+id+imgext;
            i.src=ifilename[id];
         }else{
            i=document.getElementById(id); clearInterval(i.timer);
         }
         i.timer=setInterval(function(){slideShow.fdin(i)},fs);
      },
      nav:function(d){
         var c=0;
         for(key in tar){if(tar[key]==ci.id){c=key}}
         if(tar[parseInt(c)+d]){
            this.getimg(tar[parseInt(c)+d]);
         }else{
            if(d==1){
               this.getimg(tar[0]);
            }else{this.getimg(tar[tarl-1])}
         }
      },
      //auto:function(){ia.timer=setInterval(function(){slideShow.nav(1)},autodelay*1000)},
      fdin:function(i){
         if(i.complete){i.av=i.av+fs; i.style.opacity=i.av/100; i.style.filter='alpha(opacity='+i.av+')'}
         if(i.av>=100){if(auto){this.auto()}; clearInterval(i.timer); ci=i}
     },
      fdout:function(i){
         i.av=i.av-fs; i.style.opacity=i.av/100;
         i.style.filter='alpha(opacity='+i.av+')';
         if(i.av<=0){clearInterval(i.timer); if(i.parentNode){i.parentNode.removeChild(i)}}
      },
      
   
      
      
    lim:function(){
      var taw,taa,len; taw=ta.parentNode.offsetWidth; taa=taw/4; 
         bxs=slideShow.leftpos(ta); bxe=bxs+taa; fxe=bxs+taw; fxs=fxe-taa;
   },
      pos:function(e){
         xp=ie?event.clientX+document.documentElement.scrollLeft:e.pageX; 
         yp=ie?event.clientY+document.documentElement.scrollTop:e.pageY;
         if(xp>bxs&&xp<bxe&&yp>ys&&yp<ye){
            slideShow.scrl(-1);
         }else if(xp>fxs&&xp<fxe&&yp>ys&&yp<ye){
            slideShow.scrl(1);
         }else{slideShow.cncl()}
      },
      leftpos:function(t){
         var l=0;
         if(t.offsetParent){
            while(1){l+=t.offsetLeft; if(!t.offsetParent){break}; t=t.offsetParent}
         }else if(t.x){l+=t.x}
         return l;
      },
      toppos:function(t){
         var p=0;
         if(t.offsetParent){
            while(1){p+=t.offsetTop; if(!t.offsetParent){break}; t=t.offsetParent}
         }else if(t.y){p+=t.y}
         return p;
      }
   };
}();

window.onload=function(){slideShow.init(); slideShow.lim()};