var current_banner = 1;
var total_banners = 0;
var wait = 0;

function banner_init()
{
  //detiene el cambio de banner si el mouse esta sobre un banner
  elements = document.getElementById('banners').getElementsByTagName('div');
  total_banners = elements.length;
  for (var i = 0; i < elements.length; i++) 
  { 
    elements[i].onmouseover = function () 
    {
      clearTimeout(wait);
    }
    elements[i].onmouseout = function () 
    {
      clearTimeout(wait);
      wait = setTimeout('nextBanner()',bannertime);
    }       
  }

  //setea navegacion
  elements = document.getElementById('banners').getElementsByTagName('ul')[0].getElementsByTagName('li');
  total_banners = elements.length;
  for (var i = 0; i < elements.length; i++) 
  { 
    elements[i].title = i + 1;
    elements[i].onmouseover = function () 
    {
      banner(this.title);
      clearTimeout(wait);
    }
    elements[i].onmouseout = function () 
    {
      clearTimeout(wait);
      wait = setTimeout('nextBanner()',bannertime);
    }       
  }
  wait = setTimeout('nextBanner()',bannertime);
} 


function banner(nr)
{
  clearTimeout(wait);
  elements = document.getElementById('banners').getElementsByTagName('div');
  //esconde todos los divs
  for (var i = 0; i < elements.length; i++) 
  { 
    if (nr == (i + 1))
    {
      //muestra banner seleccionado  
      elements[i].style.display = "block";
    } else
    {       //esconde los demas
      elements[i].style.display = "none";     
    }
  }
  wait = setTimeout('nextBanner()',bannertime);
}


function nextBanner() 
{
  if(current_banner < total_banners) 
    current_banner ++; 
  else
    current_banner = 1;

  banner(current_banner);
}