var sm_img_height = 0;
   var sm_img_width = 0;
   var scroller_height = 0;
   var items = new Array();
   var refs = new Array();
   var unLocked = true;
   var current = 0;
   var jump = 10;
   var num_display = 0;
   var spacing = 0;
   var quantity = 0;
   var arrow_l = "/en/images/buttons/arrow_l.gif";
   var arrow_r = "/en/images/buttons/arrow_r.gif";

   function Item(title, smallImage, largeImage, description){
      this.smallImage = new Image(sm_img_width, sm_img_height);
      this.smallImage.src = smallImage;
      this.largeImage = largeImage;
      this.largeImageCache = new Image();
      this.largeImageCache.src = largeImage;
      this.title = title;
      this.description = description;
   }

   function initScroller(){
      load();
      sm_img_width += spacing;

      var x = 0;

      var displayObj = document.getElementById("scroller_display");
      var scroller_width = sm_img_width * (num_display+2);

      displayObj.style.position = "absolute";
      displayObj.style.width = sm_img_width * (items.length);
      displayObj.style.top = displayObj.offsetTop + "px";
      displayObj.style.width = scroller_width + "px";
      displayObj.style.height = scroller_height + "px";
      displayObj.style.clip="rect(" + 0 + " " + ((num_display+1)*sm_img_width-spacing+3) + " " + scroller_height + " " + (sm_img_width+3) + ")";
      displayObj.style.left = (displayObj.offsetLeft - sm_img_width) + "px";

      var containerObj = document.getElementById("scroller_container");
      containerObj.style.width = (num_display*sm_img_width-spacing+3) + "px";
      containerObj.style.height = scroller_height + "px";

      while(x < items.length){
         appendSpanTag("ref_" + x, displayObj);
         var temp = document.getElementById("ref_" + x);

         refs[x] = temp;
         refs[x].style.left = sm_img_width * x;

         populate(items[x], refs[x]);

         x++;
      }

      for(x = 0; x <= current+num_display+1 && x < refs.length; x++)
        refs[x].style.left=(sm_img_width*(x+1)) + "px";

      for(x = num_display+2; x < refs.length; x++)
         refs[x].style.left = (sm_img_width*(num_display+2)) + "px";

      displayLeftButton(num_display < items.length);
   }

   function displayLeftButton(b){
      if(b)
         document.getElementById("rightButton").innerHTML = '<a href="javascript:scrollLeft()"><img src="' + arrow_r + '" width="35" height="35" alt="icon" border="0"></a>';
      else
         document.getElementById("rightButton").innerHTML = "";
   }

   function displayRightButton(b){
      if(b)
         document.getElementById("leftButton").innerHTML = '<a href="javascript:scrollRight()"><img src="' + arrow_l + '" width="35" height="35" alt="icon" border="0"></a>';
      else
         document.getElementById("leftButton").innerHTML = "";
   }

   function appendSpanTag(id, displayObj){
     var s = document.createElement('span');
     s.style.position = "absolute";
     s.id = id;

     displayObj.appendChild(s);
   }

   function scrollOneLeft(){
      if((current+num_display) < items.length){
          unLocked = false;
          var temp_jump = jump;

          if((refs[current].offsetLeft-jump) < 0)
             jump = refs[current].offsetLeft;

          for(x = current; x <= current+num_display+1 && x < refs.length; x++)
             refs[x].style.left=(refs[x].offsetLeft-jump) + "px";

          jump = temp_jump;

          if(refs[current].offsetLeft > 0)
             setTimeout("scrollOneLeft()",1);
          else{
             current++;
             unLocked = true;
          }
      }

      if(current+num_display > items.length-1)
         displayLeftButton(false);

   }

   function scrollOneRight(){
      if((current-1) >= 0){
          unLocked = false;
          var temp_jump = jump;

          if((refs[current].offsetLeft+jump) > (sm_img_width*2))
             jump = (sm_img_width*2) - refs[current].offsetLeft;

          if(jump == 0)
             jump = temp_jump;

          for(x = current-1; x <= current+num_display && x < refs.length; x++)
             refs[x].style.left=(refs[x].offsetLeft+jump) + "px";

          jump = temp_jump;

          if(refs[current].offsetLeft < (sm_img_width*2))
             setTimeout("scrollOneRight()",1);
          else{
             current--;
             unLocked = true;
          }
      }

      if(current < 1)
         displayRightButton(false);
   }

   function scrollLeft(){
      if(unLocked){
          displayRightButton(true);
          for(z = 0; z < num_display; z++)
             scrollOneLeft();
      }
   }

   function scrollRight(){
      if(unLocked){
         displayLeftButton(true);
         for(z = 0; z < num_display; z++)
            scrollOneRight();
      }
   }

   function populate(item, obj){
         quantity++;
      obj.innerHTML = "<table><tr><td>" + item.title + "</td></tr><tr><td><a href=\"javascript:popupScroller('" + item.largeImage + "', '" + item.title.replace(/'/g, "\\'") + "', '" + item.description.replace(/'/g, "\\'") + "')\"><img src=\"" + item.smallImage.src + "\" height=\"" + item.smallImage.height + "\" width=\"" + item.smallImage.width + "\" border=\"0\" /></a></td></tr><tr><td><center>" + quantity + "/" + items.length + "</center></td></tr></table>";

   }