//var content = '<img src="../images/hp/foto_01.jpg" alt="" /><img src="../images/hp/foto_02.jpg" alt="" /><img src="../images/hp/foto_03.jpg" alt="" /><img src="../images/hp/foto_04.jpg" alt="" /><img src="../images/hp/foto_06.jpg" alt="" /><img src="../images/hp/foto_07.jpg" alt="" /><img src="../images/hp/foto_08.jpg" alt="" /><img src="../images/hp/foto_09.jpg" alt="" /><img src="../images/hp/foto_10.jpg" alt="" /><img src="../images/hp/foto_11.jpg" alt="" /><img src="../images/hp/foto_12.jpg" alt="" /><img src="../images/hp/foto_13.jpg" alt="" /><img src="../images/hp/foto_15.jpg" alt="" />';

var content = '';
for (var i = 1, top = 282; i <= 15; i++) {
  if (i < 10) {i = '0' + i;}
  if (i == 14) {continue;}
  if (i == 15) {top = 0;}
  content += '<img style="top: ' + top + 'px;" src="../images/hp/foto_' + i + '.jpg" alt="" />';
}

$('fade').update(content);
var img = $$('#fade img');
var c = 0;

Event.observe(window, 'load', function() {
  fadeAll();
  setInterval(function() {fadeAll();}, 98000);        
});

function fadeAll() {
  var toggle, z, top, timeout, t = 7000;
  toggle = 0 == img.length % 2 ? false : true;
  img.each(function(o, i) {
    //if (n == 'first' && i == 0) {return;}

    timeout = t*i;
    setTimeout(function() {
      z = parseInt(o.getStyle('zIndex')) + 1;
      if (toggle === true && 1 == c % 2) {top = 0 == i % 2 ? 282 : -527;}
      else {top = 0 == i % 2 ? -527 : 282;}
      o.setStyle({zIndex: z, top: top + 'px'}).hide();
      
      var top = o.getStyle('top');
      var yPos = top == '-527px' ? 0 : -245;

      /*i > 1 ? img[i - 2].hide() : i > 0 ? 
        img[img.length - 1].hide() : img[img.length - 2].hide();*/
      
      new Effect.Move(o, {duration: 7.5, x: 0, y: yPos, mode: 'absolute'});
      setTimeout(function() {
        new Effect.Appear(o, {duration: 4.0});
      }, 1000);
      /*setTimeout(function() {
        new Effect.Fade(o, {duration: 2.0});
      }, 8000);*/
    }, timeout);
  });
  c++;
}