/*
  Author: D. Hornstra
  Date:   2008-04-29
  Description: 
     client-side JavaScript functions for the productviewer

*/

  var gScrollProducts = null;

  function initProductViewData(){
    gScrollProducts = new Array();
    var lAllDivs = document.getElementsByTagName('div');

    var lCounter = 0;
    for (k=0; k < lAllDivs.length; k++){
      try{
        if (lAllDivs[k].className == 'scrollProduct'){
          gScrollProducts[lCounter++] = lAllDivs[k];
        }
      }
      catch (e){}
    }
  }

  function scrollProductViewer(pOffset){
    try{
      for (k=0; k < gScrollProducts.length; k++){
        try{
          var lCurPos = gScrollProducts[k].style.marginLeft.substr(0,gScrollProducts[k].style.marginLeft.indexOf('px'));
          var lNewPos = eval(eval(lCurPos) + eval(pOffset));

          if ((k==0)&&(lNewPos > 35)&&(pOffset > 0)) return false; //no need to move more to the right.
          if ((k==0)&&(pOffset < 0)){
            try{
              var lFinalPos = gScrollProducts[gScrollProducts.length-1].style.marginLeft.substr(0,gScrollProducts[gScrollProducts.length-1].style.marginLeft.indexOf('px'))
              var lFinalNewPos = eval(eval(lFinalPos) + eval(pOffset));
              if (lFinalNewPos < 495) return false; //no need to move more to the left.
            }
            catch (e){}
          }

          if ((lNewPos < 0)||(lNewPos > 660)){
            gScrollProducts[k].style.display = "none";
          }
          else{
            gScrollProducts[k].style.display = "block";
          }
          gScrollProducts[k].style.marginLeft = lNewPos + 'px';
        }
        catch (e){alert(e.toString());}
      }
    }
    catch (e){alert(e.toString());}
  }

