function createScroll(id, cont, showinfo, picmargin, infowidth, type, delay){
  var container = $("container"+id);
  var bandId = $("band_id"+id);
  var items = $$(".small_pictures"+id);
  var viewer = $("viewer"+id);
  var outer = $("outer"+id);

  var fadeInChange = new Fx.Style(outer, 'opacity', {duration:400,transition: Fx.Transitions.linear});

  viewer.clone().inject(document.body);
  viewer.remove();
  var viewer = $("viewer"+id,document.body);
  
  coords=container.getCoordinates();
  
  var bandlength=0;
  var opened = new Fx.Styles(viewer, {duration:delay, wait:false, transition: type});
  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(){
        coords=container.getCoordinates();
        opacityChange.start(0.4, 1);
        var productname = obj.getProperty('name');
        viewer.children[0].innerHTML = "";
        opened.options.transition = type;
        opened.start({
            'width': infowidth,
            'height': sizes[i],
            'top' : coords.top-(sizes[i]+10),
            'left' : coords.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]); 

  viewer.setStyle('width',0);
  viewer.setStyle('height',0);
  viewer.setStyle('top',coords.top-20);
  viewer.setStyle('left',coords.left+containerwidth/2);
  
  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(){
      coords=container.getCoordinates();
      opened.options.transition = Fx.Transitions.Circ.easeOut;
      viewer.children[0].innerHTML = '';
      opened.start({
        'width': 0,
        'height': 0,
        'left' : coords.left+containerwidth/2,
        'top' : coords.top-20,
        'opacity' : 0,
        'font-size' : 0
      });
      $clear(periodical);
      xpos=-(bandId.getLeft([container])-beginpos);
      fx();
      periodical = fx.periodical(50);
    });
    
    outer.setStyle('opacity',0);
    outer.setStyle('visibility','visible');
    fadeInChange.start(0, 1);
};