//Event.observe(window, 'onload', function() { myFunction(); });

window.onload =initBanner();

var setB = 0;

function initBanner() {
    setB = setTimeout("banner()", 18000);
}

function banner() {
       var root = $('banner').childElements();
   var j =0;
   for(i=0;i<root.length;i++) {
        if(root[i].getStyle('display') !='none') {
            j = i;
        }
   }   
   root[j].setStyle({display:'none'});
   if(j == 2) {
       j = -1;
   }

   root[j+1].appear();
  /* var parentB = root[j+1].childElements();
   var info = parentB[1];
   info.setStyle({
                        display:'block',
                        top:'300px',
                     });
//   new Effect.Move(info, { x: 0, y: -60, mode: 'relative' });
*/

//info picture 
   for(i=0;i<3;i++) {
            $('picinfo'+i).hide();
   }

  $('picinfo'+(j+1)).appear();
//butoanele de preview
   var preview = $('preview').childElements();
   for(i=0;i<preview.length;i++) {
      if(preview[i].hasClassName('active')) {
           preview[i].removeClassName('active');
      }
   } 
   preview[j+1].addClassName('active');
   
    initBanner();    
}