try { Event.observe( window, 'load', billboard); }
catch ( e ) { };

function billboard() {
  var promoArray = document.getElementById('billboard').getElementsByTagName('div');
  var promoItem = -1;

  for (var i = 0; i < promoArray.length; ++i) {
    var tab = promoArray[i].getElementsByTagName('h3')[0].getElementsByTagName('a')[0];
    tab.onclick = switcherManual;
  };

  switcher();

  function switcher() {
  	promoItem++;
  	if (promoItem == promoArray.length) {
  		promoItem = 0;
  	};
    var promoImage = promoArray[promoItem].getElementsByTagName('p')[0];
    var promoTab = promoArray[promoItem].getElementsByTagName('h3')[0];
    if (promoImage.style.display == "none") {
      Effect.Appear(promoImage, { duration: 1.0 });
      promoTab.className = "on";
    };
    function hide() {
      promoImage.style.display = "none";
      promoTab.className = "";
      switcher();
    };
    changeTimer = setTimeout(hide, 8 * 1000);
  };

  function switcherManual() {
    clearTimeout(changeTimer);
    var promoImage = this.parentNode.parentNode.getElementsByTagName('p')[0];
    if (promoImage.style.display == "none") {
      for (var i = 0; i < promoArray.length; ++i) {
        var promoImages = promoArray[i].getElementsByTagName('p')[0];
        if (promoImages.style.display != "none") {
          promoImages.style.display = "none";
        };
      };
      for (var i = 0; i < promoArray.length; ++i) {
        var promoTab = promoArray[i].getElementsByTagName('h3')[0];
        if (promoTab.className = "on") {
          promoTab.className = "";
        };
      };
      Effect.Appear(promoImage, { duration: 1.0 });
      this.parentNode.className = "on";
    };
    return false;
  };

}