var elm;
var ft=0;
var ftid;
function changeSitePic(pic,txt,b,w,h){
   ft = 0;
   if(document.getElementById){
      if(!elm){
         elm = document.getElementById('changeImg');
      }
      elm.src = 'images/intelli/'+pic;
      elm.style.border= b+'px solid';
      elm.style.height = h;
      elm.style.width  = w;
      if (IE5 || IE7){
          elm.style.filter = "alpha(style=5,opacity=0)";
      }
      if(NS6){
          elm.style.MozOpacity = 0; 
      } 

      if(ftid > 1){
         window.clearInterval(ftid);
      } 
      ftid = window.setInterval("setFilter()",1); 
   }
}

function setFilter(){
  if(ft < 100){
     if(NS6){
        ft = ft+4; 
     }
     if(IE5 || IE7){
        ft = ft+6;
     }
  }

  //elm.style.filter = "alpha(style=1,opacity="+ft+",finishOpacity=0,startX=0,startY=0,finishX=0,finishY=0)";
  if (IE5 || IE7){
      elm.style.filter = "alpha(style=5,opacity="+ft+")";
  }
  if(NS6){
     elm.style.MozOpacity = ft/100; 
  }     
 
  if(ft >= 100){
     window.clearInterval(ftid);
     ft=0;
  }
}

function resetFt(){
   ft = 0;
}
document.onmousedown = resetFt;




function Slider(nrs,zoomHeight,smallHeight,objWidths){

     this.subElms           = nrs;
     this.zoomHeight        = zoomHeight;
     this.smallHeight       = smallHeight;
     this.minorHeight       = this.zoomHeight - ((this.zoomHeight - this.smallHeight) / 2);
     this.xsHeight          = Math.round(smallHeight * 0.75);
     this.subContainerWidth = objWidths;
     
     this.zoomWin     = document.getElementById('zoomWin');
     this.slidebar    = document.getElementById('slidebar');
     this.slidebar.style.overflow = 'hidden';
     this.slider      = document.getElementById('slider');
     this.startPic    = document.getElementById('startPic');
     this.rightScrollElm = document.getElementById('rightScroll');
     this.leftScrollElm  = document.getElementById('leftScroll');
     
     this.slider.style.width = (this.subElms * this.subContainerWidth) + 'px';
     this.middlePoint = this.zoomWin.style.marginLeft.replace('px','');
     this.startPicLeft= this.startPic.offsetLeft;

     if (this.startPicLeft > this.middlePoint){
         diff = this.startPicLeft - this.middlePoint;
         this.slider.style.left = '-'+diff+'px';
     }
     this.slowTimeout   = 7;
     this.normalTimeout = 5;
     this.fastTimeout   = 1;
     this.time = this.normalTimeout;
     
     this.slideDivs   = this.slider.getElementsByTagName('A');
     this.counter = 0;
     for (i=0;i < this.slideDivs.length;i++){
       if (this.slideDivs[i].getAttribute('id').indexOf('start') > -1){
           this.zoomObj = this.slideDivs[i];
           this.nextObj = this.slideDivs[i].nextSibling;
           this.prevObj = this.slideDivs[i].previousSibling;
       }else {
           this.slideDivs[i].childNodes[0].style.height = this.xsHeight + 'px';
       }
     }
     this.setSecondObjs();
}



Slider.prototype.setSecondObjs = function(){

    if (this.nextObj != null){
        this.nextObj.childNodes[0].style.height = this.minorHeight + 'px';
        this.nextObj.childNodes[0].style.marginLeft = '25px';
        if (this.nextObj.nextSibling != null){
            this.nextObj.nextSibling.childNodes[0].style.height = this.smallHeight + 'px';
        }
    }
    if (this.prevObj != null){
        this.prevObj.childNodes[0].style.height = this.minorHeight + 'px';
        this.prevObj.childNodes[0].style.marginLeft = '5px';
        if (this.prevObj.previousSibling != null){
            this.prevObj.previousSibling.childNodes[0].style.height = this.smallHeight + 'px';
        }
    }
        
}
    
Slider.prototype.moveLeft = function(){

     
     if (this.slideDivs.length >= 7){
        if (this.nextObj.nextSibling.nextSibling.nextSibling == null){
            this.firstNode = this.slider.firstChild;
            this.slider.removeChild(this.slider.firstChild); 
            this.firstNode.childNodes[0].style.height = this.xsHeight + 'px';
            this.slider.appendChild(this.firstNode);
            left = this.slider.style.left.replace('px','');
            this.slider.style.left = parseFloat(left) + this.subContainerWidth + 'px';           
        }
    }
    else if (this.slideDivs.length < 7 && this.slideDivs.length >= 5){
            if (this.nextObj.nextSibling.nextSibling == null){
                this.firstNode = this.slider.firstChild;
                this.slider.removeChild(this.slider.firstChild); 
                this.firstNode.childNodes[0].style.height = this.smallHeight + 'px';
                this.slider.appendChild(this.firstNode);
                left = this.slider.style.left.replace('px','');
                this.slider.style.left = parseFloat(left) + this.subContainerWidth + 'px';           
            }
    }
    else if (this.slideDivs.length < 5 && this.slideDivs.length >= 3){
            if (this.nextObj.nextSibling == null){
                this.firstNode = this.slider.firstChild;
                this.slider.removeChild(this.slider.firstChild); 
                this.firstNode.childNodes[0].style.height = this.minorHeight + 'px';
                this.slider.appendChild(this.firstNode);
                left = this.slider.style.left.replace('px','');
                this.slider.style.left = parseFloat(left) + this.subContainerWidth + 'px';           
            }
    }
    
       
    if (this.slideLeft != 'false'){
       
       this.timer = setTimeout(function(){slider.moveLeft()},this.time);
       this.slideRight = 'false'; 
       left = this.slider.style.left.replace('px','');
       this.slider.style.left = left - 2 + 'px';
       this.counter++;
       zoomObjHeight  = this.zoomObj.childNodes[0].style.height.replace('px','');
       zoomObjMargin  = parseFloat(this.zoomObj.childNodes[0].style.marginLeft.replace('px',''));    
       nextObjHeight  = parseFloat(this.nextObj.childNodes[0].style.height.replace('px',''));
       nextObjMargin  = parseFloat(this.nextObj.childNodes[0].style.marginLeft.replace('px',''));
       
       
       if (this.counter % 3 == 1){
       
           if (this.prevObj != null){
               prevObjHeight  = parseFloat(this.prevObj.childNodes[0].style.height.replace('px',''));
               prevObjMargin  = parseFloat(this.prevObj.childNodes[0].style.marginLeft.replace('px',''));
               if (prevObjHeight > this.smallHeight){
                   this.prevObj.childNodes[0].style.height = (prevObjHeight - 1) + 'px';  
               }
               if (prevObjMargin < 25){
                   this.prevObj.childNodes[0].style.marginLeft = (prevObjMargin + 1) + 'px';
               }
               if (this.prevObj.previousSibling != null){
                   this.prePrevObj = this.prevObj.previousSibling;
                   prePrevObjHeight  = parseFloat(this.prePrevObj.childNodes[0].style.height.replace('px',''));
                   prePrevObjMargin  = parseFloat(this.prePrevObj.childNodes[0].style.marginLeft.replace('px',''));
                   if (prePrevObjHeight > this.xsHeight){
                       this.prePrevObj.childNodes[0].style.height = (prePrevObjHeight - 1) + 'px';  
                   }
                   if (prevObjMargin < 5){
                       this.prevObj.previousSibling.childNodes[0].style.marginLeft = (prePrevObjMargin + 1) + 'px';
                   }
               }
           }
       
           if (zoomObjHeight > this.minorHeight){
               this.zoomObj.childNodes[0].style.height = (zoomObjHeight - 1) + 'px'; 
           }
           if (zoomObjMargin < 5){
               this.zoomObj.childNodes[0].style.marginLeft = (zoomObjMargin + 1) + 'px';
           }
       
           if (nextObjHeight < this.zoomHeight){
               this.nextObj.childNodes[0].style.height = (nextObjHeight + 1) + 'px';  
           }
           if (nextObjMargin > -5){
               this.nextObj.childNodes[0].style.marginLeft = (nextObjMargin - 1) + 'px'; 
           
           }
           
           
           if (this.nextObj.nextSibling != null){
                this.overNextObj = this.nextObj.nextSibling;
                overNextHeight = parseFloat(this.overNextObj.childNodes[0].style.height.replace('px',''));
                overNextMargin = parseFloat(this.overNextObj.childNodes[0].style.marginLeft.replace('px',''));
                if (overNextHeight < this.minorHeight){
                    this.overNextObj.childNodes[0].style.height = (overNextHeight + 1) + 'px'; 
                }
                if (overNextMargin > 25){
                    this.overNextObj.childNodes[0].style.marginLeft = (overNextMargin - 1) + 'px'; 
                }
                
                if (this.overNextObj.nextSibling != null){
                    this.overOverNextObj = this.overNextObj.nextSibling;
                    overOverNextObjHeight  = parseFloat(this.overOverNextObj.childNodes[0].style.height.replace('px',''));
                    overOverNextObjMargin  = parseFloat(this.overOverNextObj.childNodes[0].style.marginLeft.replace('px',''));
                    if (overOverNextObjHeight < this.smallHeight){
                        this.overOverNextObj.childNodes[0].style.height = (overOverNextObjHeight + 1) + 'px';
                    }
                    if (overOverNextObjMargin > 25){
                       this.overOverNextObj.childNodes[0].style.marginLeft = (overOverNextObjMargin - 1) + 'px';
                    }
               } 
           }
           
       }

       
       if (this.counter >= Math.round(this.subContainerWidth / 2)){
           clearTimeout(this.timer);        
           this.nextObj.childNodes[0].style.height = this.zoomHeight + 'px';
           this.zoomObj = this.nextObj;
           this.prevObj = this.zoomObj.previousSibling;
           this.nextObj = this.zoomObj.nextSibling;
           if (this.nextObj == null){
               this.slideLeft = 'false'; 
           }
           this.setSecondObjs();
           this.slideRight = 'false';  
           this.counter = 0;
           
           if (this.slideLeft != 'false'){
               if (this.mover == 'on'){
                   if (this.area < this.leftScrollElm.offsetWidth / 3){
                       this.time = this.fastTimeout; 
                   }
                   else if (this.area < this.leftScrollElm.offsetWidth / 3 * 2){
                       this.time = this.normalTimeout; 
                   }
                   else {
                       this.time = this.slowTimeout;
                   }
                   this.moveLeft();
               } else {
                  clearTimeout(this.timer);
                  timer = setTimeout(function(){slider.scrollRight()},1); 
               } 
           }
       
       }
       
      
    } 
       
}

Slider.prototype.scrollLeft = function (){
    this.timer = setTimeout(function(){slider.slideLeft='true';},1000);
}
Slider.prototype.scrollRight = function (){
    this.timer = setTimeout(function(){slider.slideRight='true';},1000);
}

Slider.prototype.moveRight = function(){

   if (this.slideDivs.length >= 7){
       if (this.prevObj.previousSibling.previousSibling.previousSibling == null){    
           this.lastNode = this.slider.lastChild;
           this.slider.removeChild(this.slider.lastChild); 
           this.lastNode.childNodes[0].style.height = this.xsHeight + 'px';
           this.slider.insertBefore(this.lastNode,this.slider.firstChild);
           left = this.slider.style.left.replace('px','');
           this.slider.style.left = parseFloat(left) - this.subContainerWidth + 'px';           
       } 
   } else if (this.slideDivs.length < 7 && this.slideDivs.length >= 5){
       if (this.prevObj.previousSibling.previousSibling == null){    
           this.lastNode = this.slider.lastChild;
           this.slider.removeChild(this.slider.lastChild); 
           this.lastNode.childNodes[0].style.height = this.smallHeight + 'px';
           this.slider.insertBefore(this.lastNode,this.slider.firstChild);
           left = this.slider.style.left.replace('px','');
           this.slider.style.left = parseFloat(left) - this.subContainerWidth + 'px';           
       }
   }
   else if (this.slideDivs.length < 5 && this.slideDivs.length >= 3){
       if (this.prevObj.previousSibling == null){    
           this.lastNode = this.slider.lastChild;
           this.slider.removeChild(this.slider.lastChild); 
           this.lastNode.childNodes[0].style.height = this.minorHeight + 'px';
           this.slider.insertBefore(this.lastNode,this.slider.firstChild);
           left = this.slider.style.left.replace('px','');
           this.slider.style.left = parseFloat(left) - this.subContainerWidth + 'px';           
       }
   }
     
    
   if (this.slideRight != 'false'){
       this.timer = setTimeout(function(){slider.moveRight()},this.time);
       this.slideLeft = 'false'; 
       left = this.slider.style.left.replace('px','');
       this.slider.style.left = left - -2 + 'px';
       this.counter++;
       
       zoomObjHeight = this.zoomObj.childNodes[0].style.height.replace('px','');
       zoomObjMargin = parseFloat(this.zoomObj.childNodes[0].style.marginLeft.replace('px',''));
       prevObjHeight = parseFloat(this.prevObj.childNodes[0].style.height.replace('px',''));
       prevObjMargin = parseFloat(this.prevObj.childNodes[0].style.marginLeft.replace('px',''));
      
      
       if (this.counter % 3 == 1){
           
           if (this.nextObj != null){
               nextObjHeight  = parseFloat(this.nextObj.childNodes[0].style.height.replace('px',''));
               nextObjMargin  = parseFloat(this.nextObj.childNodes[0].style.marginLeft.replace('px',''));
               if (nextObjHeight > this.smallHeight){
                   this.nextObj.childNodes[0].style.height = (nextObjHeight - 1) + 'px';
                   //this.nextObj.childNodes[0].style.border = '1px solid red';
               }
               if (nextObjMargin < 25){
                   this.nextObj.childNodes[0].style.marginLeft = (nextObjMargin + 1) + 'px';
               }
               if (this.nextObj.nextSibling != null){
                   this.overNextObj = this.nextObj.nextSibling;
                   overNextObjHeight  = parseFloat(this.overNextObj.childNodes[0].style.height.replace('px',''));
                   overNextObjMargin  = parseFloat(this.overNextObj.childNodes[0].style.marginLeft.replace('px',''));
                   if (overNextObjHeight > this.xsHeight){
                       this.overNextObj.childNodes[0].style.height = (overNextObjHeight - 1) + 'px';
                   }
                   if (overNextObjMargin > 25){
                       this.overNextObj.childNodes[0].style.marginLeft = (overNextObjMargin + 1) + 'px';
                   }
               } 
           }
           
           if (zoomObjHeight > this.minorHeight){
               this.zoomObj.childNodes[0].style.height = (zoomObjHeight - 1) + 'px';  
           }
           if (zoomObjMargin < 30){
               this.zoomObj.childNodes[0].style.marginLeft = (zoomObjMargin + 1) + 'px';
           }
           
           if (prevObjHeight < this.zoomHeight){
               this.prevObj.childNodes[0].style.height = (prevObjHeight + 1) + 'px';
           } 
           if (prevObjMargin > 0){
               this.prevObj.childNodes[0].style.marginLeft = (prevObjMargin - 1) + 'px';
           }
           
           if (this.prevObj.previousSibling != null){
                this.beforePrevObj = this.prevObj.previousSibling;
                beforePrevHeight = parseFloat(this.beforePrevObj.childNodes[0].style.height.replace('px',''));
                beforePrevMargin = parseFloat(this.beforePrevObj.childNodes[0].style.marginLeft.replace('px',''));
                if (beforePrevHeight < this.minorHeight){
                    this.beforePrevObj.childNodes[0].style.height = (beforePrevHeight + 1) + 'px';
                }
                if (beforePrevMargin > 5){
                    this.beforePrevObj.childNodes[0].style.marginLeft = (beforePrevMargin - 1) + 'px';
                }
                if (this.beforePrevObj.previousSibling != null){
                    this.beforePrePrevObj   = this.beforePrevObj.previousSibling;
                    beforePrePrevObjHeight  = parseFloat(this.beforePrePrevObj.childNodes[0].style.height.replace('px',''));
                    beforePrePrevObjMargin = parseFloat(this.beforePrePrevObj.childNodes[0].style.marginLeft.replace('px',''));
                    if (beforePrePrevObjHeight < this.smallHeight){
                        this.beforePrePrevObj.childNodes[0].style.height = (beforePrePrevObjHeight + 1) + 'px';
                    }
                    if (beforePrePrevObjMargin > 25){
                        this.beforePrePrevObj.childNodes[0].style.marginLeft = (bbeforePrePrevObjMargin - 1) + 'px';
                    }
                }
                
                                
           }
       }
       
       if (this.counter >= Math.round(this.subContainerWidth / 2)){
           clearTimeout(this.timer);   
           this.prevObj.childNodes[0].style.height = this.zoomHeight + 'px'; 
           this.zoomObj = this.prevObj;
           this.prevObj = this.zoomObj.previousSibling;
           this.nextObj = this.zoomObj.nextSibling;
           this.setSecondObjs();
           this.slideLeft = 'false';
           this.counter = 0;
           if (this.slideRight != 'false'){
               if (this.mover == 'on'){
                    
                   if (this.area < this.rightScrollElm.offsetWidth / 3){
                       this.time = this.slowTimeout; 
                   }
                   else if (this.area < this.rightScrollElm.offsetWidth / 3 * 2){
                       this.time = this.normalTimeout;
                   }
                   else {
                       this.time = this.fastTimeout;
                   }
                   this.moveRight();
               }else {
                   clearTimeout(this.timer);
                   timer = setTimeout(function(){slider.scrollLeft()},1);
               }
           }
       }
       
  
       
    }  
}


