moreOnLeft=new Image();moreOnLeft.src="http://images.stltoday.com/stltoday/images/btn_ltarrowbelt.jpg"
moreOffLeft=new Image();moreOffLeft.src="http://images.stltoday.com/stltoday/images/btn_ltarrowbelt_disabled.jpg"
moreOnRight=new Image();moreOnRight.src="http://images.stltoday.com/stltoday/images/btn_rtarrowbelt.jpg"
moreOffRight=new Image();moreOffRight.src="http://images.stltoday.com/stltoday/images/btn_rtarrowbelt_disabled.jpg"
var mvBelt=Class.create();
mvBelt.prototype={
  initialize:function(c1,c2){
    this_beltModule=c1;
    this_direction=c2.cDirection;
    this_beltCount=c2.cOfferCount;
    this_buttonIs=c2.cButtonIs;
  },
  initMovement:function(){
    ulElement=this_beltModule+'-list';
    currPosi=parseInt($(ulElement).style.left);
    imgArr=$(ulElement).getElementsByTagName('img');
    imgElementSize=imgArr[0].width;
    switch(imgElementSize){
      case 215:
        variance=2;
        visibleLi=4;
        v1=this_beltCount%2;
        break;
    }
    moveByVal=clipEl-variance;
    if(this_beltCount%visibleLi==0){
      val3=this_beltCount/visibleLi;
    }else{
      val3=parseInt(this_beltCount/visibleLi)+1;
    }
    ulElementWidth=val3*moveByVal;
    if(this_beltCount<8){
      stopAtVal=-1*moveByVal;
    }else{
      stopAtVal=(1)*moveByVal-ulElementWidth;
    }
    beltModule=this_beltModule;
    buttonIs=this_buttonIs;
    switch(this_direction){
      case'prev':if(currPosi==0){
        moveByVal=0;
      }
      new Effect.MoveBy($(ulElement),0,moveByVal,{
        duration:.5,transition:Effect.Transitions.sinoidal,afterFinish:function(){
          reEnable(beltModule,buttonIs,ulElement,ulElementWidth,moveByVal,'prev');
        }
      });
      break;
      case'next':if(stopAtVal==currPosi){
        moveByVal=0;
      }
      new Effect.MoveBy($(ulElement),0,-moveByVal,{
        duration:.5,transition:Effect.Transitions.sinoidal,afterFinish:function(){
          nomasArr=document.getElementsByClassName('nomas',ulElement);
          if(nomasArr.length>4){
            step=4;
          }else{
            step=nomasArr.length;
          }
          for(i=0;i<step;++i){
            if(!nomasArr[i].src){
              nomasArr[i].setAttribute('src',nomasArr[i].name);
              nomasArr[i].removeAttribute('className');
              nomasArr[i].removeAttribute('class');
              nomasArr[i].setAttribute('name','');
              nomasArr[i].removeAttribute('name');
            }
          }
          reEnable(beltModule,buttonIs,ulElement,ulElementWidth,moveByVal,stopAtVal,'next');
        }
      });
      break;
    }
  }
}
function reEnable(cModule,imgEl,divEl,ulEl,mvInt,stopVal,direction){
  currP=parseInt($(divEl).style.left);
  var leftBt='prev-'+cModule;
  var rightBt='next-'+cModule;
  if(currP==stopVal){
    $(imgEl).setAttribute('src',moreOffRight.src);
  }else{
    $(rightBt).setAttribute('src',moreOnRight.src);
  }
  if(currP<0){
    $(leftBt).setAttribute('src',moreOnLeft.src);
  }else{
    $(leftBt).setAttribute('src',moreOffLeft.src);
  }
  isReady=true;
}
var isReady=false;
function beltMovement(evt){
  moveButton=Event.element(evt);
  cButton=moveButton.id;
  var direction=cButton.substring(0,4);
  if(isReady!=false){
    isReady=false;
    if(direction=='next'||direction=='prev'){
      var currCM=document.getElementById(cButton).parentNode.id;
      var offerCount=$(currCM).getElementsByTagName('li').length;
      var cBelt=new mvBelt(currCM,{
        cDirection:direction,cOfferCount:offerCount,cButtonIs:cButton
      });
      cBelt.initMovement();
      delete cBelt;
    }
  }
}
var elBelt=Class.create();
elBelt.prototype={
  initialize:function(el1){
    containerEl=el1.container;
    clipEl=el1.visibleclip;
  },
  initStructure:function(){
    cArr=document.getElementsByClassName('beltList',containerEl);
    for(i=0;i<cArr.length;i++){
      cArr[i].setAttribute('style','width:'+clipEl+'px');
    }
    moreLeftArr=document.getElementsByClassName('more-left',containerEl);
    for(i=0;i<moreLeftArr.length;i++){
      Event.observe(moreLeftArr[i].id,'click',beltMovement,false);
    }
    moreRightArr=document.getElementsByClassName('more-right',containerEl);
    for(i=0;i<moreRightArr.length;i++){
      Event.observe(moreRightArr[i].id,'click',beltMovement,false);
      $(moreRightArr[i].id).setAttribute('src',moreOnRight.src);
    }
    isReady=true;
  }
}
function mainColBeltLoader(evt){
  var structureThis=new elBelt({
    container:'mainCol',visibleclip:930
  });
  structureThis.initStructure();
}
Event.observe(window,'load',mainColBeltLoader,false);