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 = 'http://www.i-wag.ch/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 || IE9){
        if (IE9){
            ft = ft + 1;
          } else {
            ft = ft + 1;
        }
     }
  }

  //elm.style.filter = "alpha(style=1,opacity="+ft+",finishOpacity=0,startX=0,startY=0,finishX=0,finishY=0)";
  if (IE5 || IE7  || IE9){
      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;


/******************* videos in layer oeffnen *******************/
var w;
var h;

function showVideoObj(fObj){
    w = fObj.getAttribute('width');
    h = fObj.getAttribute('height');
    mov = fObj.getAttribute('href');
    s1 = new SWFObject("http://www.i-wag.ch/docs/player/player.swf","ply",w,h,"9","#FFFFFF");
    s1.addParam("allowfullscreen","true");
    s1.addParam("allowscriptaccess","always");
    s1.addParam("flashvars","file="+ mov +"&image=");
    timers = setTimeout("showPlayer()",100);
    grossbild('system/spacer.gif','Video',0,w-1,h);
}

function showPlayer(){
    clearTimeout(timers);
    s1.write("showImageLayer");
    $('closerGif').onmousedown = function (){
        $('showImageLayer').innerHTML = '';
    }

}

function showHTMLObj(htmObj,w,h,t){
    htmObj = document.getElementById(htmObj);
    htmObj.style.visibility = 'hidden';
    grossbild('system/spacer.gif',t,0,w,h);
    showHTMLContent(htmObj);
}



function showHTMLContent(htmObj){
    $('showImageLayer').style.background = '#FFFFFF';
    $('showImageLayer').innerHTML = '<div style="margin:10px;">'+htmObj.innerHTML+'</div>';
    $('closerGif').onmousedown = function (){
        $('showImageLayer').innerHTML = '';
    }
}




/************** SLIDER **************************/
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';
     } else {
         diff = this.middlePoint - this.startPicLeft + 0;
         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);
               }
           }
       }



    }
}