var TopFitTip = ({
  init:function() {
    var isFTipHPage = $('clovekSvaly');
    if (null != isFTipHPage) {
      this.svalyAreas = $$('.svalyarea');
      this.svalyLinks = $$('.svalylink');
      for (i=0; i<this.svalyAreas.length; i++) {
        this.svalyAreas[i].addEvent('mouseover', TopFitTip.lightCurSvalyWithArea.bindWithEvent(this,i));
      }
      for (i=0; i<this.svalyLinks.length; i++) {
        this.svalyLinks[i].addEvent('mouseover', TopFitTip.lightCurSvalyWithLinks.bindWithEvent(this,i));
      }
    }
  },
  lightCurSvalyWithArea:function(el,k){
    curElId = this.svalyAreas[k].id;
    posEndCatId = curElId.indexOf('_', 0); 
    catId = curElId.substr(4,posEndCatId-4);
    posEndPosVal = curElId.indexOf('__', 0);
    posImg = curElId.substr(posEndCatId+5+1,posEndPosVal-(posEndCatId+5+1));
    $('clovekSvaly').style.backgroundPosition = '-5px ' + -1*posImg + 'px';
    linkId = 'link'+catId+'_bgpos'+posImg;
    for (i=0; i<this.svalyLinks.length; i++) {
      if (this.svalyLinks[i].id==linkId) {
        this.svalyLinks[i].className = 'svalylink sel';
      } else {
        this.svalyLinks[i].className = 'svalylink';
      }
    }
  },
  lightCurSvalyWithLinks:function(el,k){
    for (i=0; i<this.svalyLinks.length; i++) {
      if (i==k) {
        this.svalyLinks[i].className = 'svalylink sel';
      } else {
        this.svalyLinks[i].className = 'svalylink';
      }
    }
    linkId = this.svalyLinks[k].id;
    posEndCatId = linkId.indexOf('_', 0); 
    posImg = linkId.substr(posEndCatId+5+1);
    $('clovekSvaly').style.backgroundPosition = '-5px ' + -1*posImg + 'px';
  }
});
window.addEvent('domready', TopFitTip.init.bind(TopFitTip));

var ThumbsLine = ({
  init:function() {
    var isFTipPage = $('fitDetailList');
    if (null != isFTipPage) {
      
      this.prevEl = $('prevpic');
      this.nextEl = $('nextpic');

      var curElement = curFtip;// alert(curElement);
      
      this.thumbPics = $$('.thumbpic');
      this.thumbs = $('thumbs');
      this.boxWidth = 574;
      this.allWidths = 0;
      for (i=0; i<this.thumbPics.length; i++) {
        var size = this.thumbPics[i].getSize();
        this.allWidths = this.allWidths + size.x + 12;
      }
      if ((this.allWidths-5) <= this.boxWidth) {
        this.nextEl.className = 'disablenext';
      } else {
        this.prevEl.addEvent('click', ThumbsLine.showPrevPic.bindWithEvent(this));
        this.nextEl.addEvent('click', ThumbsLine.showNextPic.bindWithEvent(this));
      }
//      if (curElement>1 && (this.allWidths-5) > this.boxWidth) {
      if (curElement>4 && (this.allWidths-5) > this.boxWidth) {
        this.setBeginLeft(curElement);
      }
    }
  },
  setBeginLeft:function(curElement) {
    var showElsWidth = 0;
    var actual_left = this.thumbs.offsetLeft;
    for (i=0; i<this.thumbPics.length; i++) {
      if (curElement > (i+1)) {
        var size = this.thumbPics[i].getSize();
        showElsWidth = showElsWidth + size.x + 12;
      } else {
        showElsWidth = showElsWidth - 3*(size.x+12);
        /*if (showElsWidth>(this.allWidths-this.boxWidth)) {
          this.nextEl.className = 'disablenext';
        }*/
        if (curElement>=(this.thumbPics.length-3)) {// alert(this.thumbPics.length-4); alert(curElement);
          this.nextEl.className = 'disablenext';
          left_output = -5 - (size.x+12)*(this.thumbPics.length-7);
        } else {
          left_output = actual_left-showElsWidth;
        }
        this.thumbs.style.cssText = 'left:' + left_output + 'px';
        this.prevEl.className = 'actPrev';
        break;
      }
    }
  },
/*  setBeginLeft:function(curElement) {
    var showElsWidth = 0;
    var actual_left = this.thumbs.offsetLeft;
    for (i=0; i<this.thumbPics.length; i++) {
      if (curElement > (i+1)) {
        var size = this.thumbPics[i].getSize();
        showElsWidth = showElsWidth + size.x + 12;
      } else {//alert(showElsWidth);alert(this.allWidths);
        //if (showElsWidth==this.allWidths) {
        if (showElsWidth>(this.allWidths-this.boxWidth)) {
          this.nextEl.className = 'disablenext';
        }
        left_output = actual_left-showElsWidth;
        this.thumbs.style.cssText = 'left:' + left_output + 'px';
        this.prevEl.className = 'actPrev';
        break;
      }
    }
  },*/
  showNextPic:function(el) {
    var showElsWidth = 0;
    var actual_left = this.thumbs.offsetLeft;
    for (i=0; i<this.thumbPics.length; i++) {
      var size = this.thumbPics[i].getSize();
      showElsWidth = showElsWidth + size.x + 12;
      if (showElsWidth > -(actual_left-this.boxWidth)+6) {
        if (showElsWidth==this.allWidths) {
//        if (showElsWidth>(this.allWidths-this.boxWidth)) {
          this.nextEl.className = 'disablenext';
        }
        dif = showElsWidth-this.boxWidth+actual_left;
        left_output = actual_left-dif-5;// alert(actual_left);
        this.thumbs.style.cssText = 'left:' + left_output + 'px';
        this.prevEl.className = 'actPrev';
        break;
      }
    }
  },
  showPrevPic:function(el) {
    var prevElsWidth = 0;
    var actual_left = this.thumbs.offsetLeft;
    if (actual_left < -5) {
      for (i=0; i<this.thumbPics.length; i++) {
        var showBeforeElWidth = prevElsWidth;
        var size = this.thumbPics[i].getSize();
        prevElsWidth = prevElsWidth + size.x + 12;
        if ((prevElsWidth+6) >= -actual_left) {
          this.thumbs.style.cssText = 'left:-' + (showBeforeElWidth+5) + 'px';
          if (prevElsWidth<=(this.allWidths-this.boxWidth)) {
            this.nextEl.className = 'actNext';
          }
          if (this.thumbs.offsetLeft>=-5) {
            this.prevEl.className = 'disablePrevious';
          }
          break;
        }
      }
    }
  }
});
window.addEvent('domready', ThumbsLine.init.bind(ThumbsLine));