var destaque = new Array();

var Slideshow = {
  delay: 3000,
  init: function() {
    this.slides = $$('#slideshow .slide');
    this.slides.each(Element.hide);
    this.current = -1;
    this.goTo(0);
  },
  goTo: function(id)
  {
    if (this.slides.length == 0) return;
    var old = this.current;
    if (id >= this.slides.length) id = 0;
    this.current = id;
    if (old >= 0)
      Effect.Fade(this.slides[old], {
        afterFinish: function () {
          Effect.Appear(Slideshow.slides[Slideshow.current], {
            afterFinish: function() {
              setTimeout('Slideshow.next();', Slideshow.delay);
            }
          });
        }
      });
    else {
      Effect.Appear(Slideshow.slides[Slideshow.current], {
        afterFinish: function() {
          setTimeout('Slideshow.next();', Slideshow.delay);
        }
      });
    }
  },
  next: function()
  {
    this.goTo(this.current + 1);
  },
  addItem: function(cod, pos, nome, texto)
  {
    // TODO: adicionar item ao slideshow
    var divNode = new Element('div', {'class':'slide',
      'style':' padding-'+pos+': 300px; height: 248px; '+
        'background: url(css/slide-'+cod+'.png) no-repeat scroll center '+pos+';'});
    var aNode = new Element('a', {'href':'/produto.php?p1='+cod})
    aNode.update(nome);
    var hNode = new Element('h4');
    hNode.appendChild(aNode);
    divNode.appendChild(hNode);
    var pNode = new Element('p');
    pNode.update(texto);
    divNode.appendChild(pNode);
    aNode = new Element('a', {'href':'/produto.php?p1='+cod});
    aNode.update('saiba mais');
    pNode = new Element('p');
    pNode.appendChild(aNode);
    divNode.appendChild(pNode);
    $('slideshow').appendChild(divNode);
    /*
<div class="slide" style="background: url(css/slide-codigo.png) no-repeat scroll
  center <?php echo $pos; ?>; padding-<?php echo $pos; ?>: 300px; height: 248px;">
<h4><a href="<?php echo $href ?>"><?php echo $produto['nome'] ?></a></h4>
<p><?php echo tidy(phrase($produto['pequeno'])); ?></p>
<p><a href="<?php echo $href ?>" title="<?php echo $produto['nome'] ?>">saiba mais</a></p>
</div>
    */
  }
};

Event.observe(window, 'load', function() {
  if (destaque.length > 0) {
    var pos = 'left';
    for (var i = 0; i < destaque.length; i++) {
      var prod = destaque[i];
      pos = (pos == 'left') ? 'right' : 'left';
      Slideshow.addItem(prod.codigo, pos, prod.nome, prod.texto)
    }
    Slideshow.init();
  }
});