function rotator(el, delay) {
  if(el.get('delay')) delay = el.get('delay');
  var height = 0;
  var width = el.getSize().x - (parseInt(el.getStyle('padding-left')) + parseInt(el.getStyle('padding-right')));

  el.set('pauzed', 0);

  var i = 0; 
  var layers = el.getChildren();
  delay = (delay == undefined)? 6000:delay;
  layers.each(function(layer, i) {
    layer.setStyle('position', 'absolute');
    layer.setStyle('width', width+'px');
    layer.addEvent('mouseover', function() {
      el.set('pauzed', 1);
    });
    layer.addEvent('mouseout', function() {
      el.set('pauzed', 0);
    });
    if(i > 0) layer.fade('hide');
    else layer.fade('show');
    layer_height = layer.getSize().y;
    if(layer_height > height) height = layer_height;
  });
  el.setStyle('height', height);
  setInterval(function(){
    if(el.get('pauzed') == 0) {
      layers[i].fade('out'); 
      i = (i == layers.length-1)? 0 : i+1; 
      layers[i].fade('in');
    }
  },delay); 
}