function createScroll(id, cont, showinfo, picmargin, infowidth){

  var container = $("container"+id);
  var bandId = $("band_id"+id);
  var items = $$(".small_pictures"+id);
  var viewer = $("viewer"+id);
  
  var bandlength=0;
  var opened = new Fx.Styles(viewer, {duration:1000, wait:false, transition: Fx.Transitions.Elastic.easeOut});
  var sizes = new Array();

  items.each( function(obj, i){
    bandlength +=obj.width+picmargin+1;
    var opacityChange = new Fx.Style(obj, 'opacity', {duration:400,transition: Fx.Transitions.linear});
    viewer.children[0].innerHTML = obj.getProperty('name');
    sizes[i] = viewer.children[0].scrollHeight;
    if (showinfo == '1'){
      obj.addEvent('mouseenter', function(){
        opacityChange.start(0.4, 1);
        var productname = obj.getProperty('name');
        viewer.children[0].innerHTML = "";
        opened.options.transition = Fx.Transitions.Elastic.easeOut;
        opened.start({
            'width': infowidth,
            'height': sizes[i],
            'top' : -(sizes[i]+10),
            'left' : (containerwidth-infowidth)/2,
            'opacity' : 0.9,
            'font-size' : 15
        });
        var f = function(){
          var opChange = new Fx.Style(viewer.children[0], 'opacity', {duration:200, wait:false, transition: Fx.Transitions.linear});
          viewer.children[0].innerHTML = productname;
          opChange.start(1);
          };
        f.delay(100);
        
      });
    }
  });
  bandId.setStyle('width',bandlength);
  
  var containerwidth = container.getStyle('width').toInt();
  var scrollerwidth = containerwidth/3;
  var scroll = new Scroller(cont, {area: scrollerwidth.toInt(), velocity: 0.2});
  var scrollarea = bandlength-containerwidth;
  var xpos=scrollarea;
  var beginpos= bandId.getLeft([container]); 
  
  var periodical;
  var increment;
  var fx = function() {
    if (xpos>=scrollarea) {xpos=scrollarea; increment=-2;}
    if(xpos<=0){xpos=0;beginpos= bandId.getLeft([container]); increment=2;}
    xpos+=increment;  
    container.scrollTo(xpos,0);
    beginpos= bandId.getLeft([container])+xpos;
  }
  
  fx();
  periodical = fx.periodical(50);
  
  viewer.setStyle('opacity', 0);

  container.addEvent('mouseenter',
    function() {
      $clear(periodical);

    });
  container.addEvent('mouseenter', scroll.start.bind(scroll));
  
  container.addEvent('mouseleave', scroll.stop.bind(scroll));
  container.addEvent('mouseleave', 
    function(){
      opened.options.transition = Fx.Transitions.Circ.easeOut;
      viewer.children[0].innerHTML = '';
      opened.start({
        'width': 0,
        'height': 0,
        'left' : containerwidth/2,
        'top' : -20,
        'opacity' : 0,
        'font-size' : 0
      });
      $clear(periodical);
      xpos=-(bandId.getLeft([container])-beginpos);
      fx();
      periodical = fx.periodical(50);
    });
};