var tabCurrent = 0;
var tabInterval = 0;

$(document).ready(function(){

  $("#billboard").attr("src", "images/billboard" + Math.floor(Math.random() * 6 + 1) + ".png");

  $("#tabs").tabs();
  $("#tabs").tabs("option","fx", { opacity: 'toggle'});
  tabInterval = setTimeout("rotateTabs()",8000);

  $(".ui-tabs-nav a[href]").click(function(){ 
    clearTimeout(tabInterval); 
    tabCurrent = this.href.substr(this.href.indexOf("#") + 6) - 1;
    tabInterval = setTimeout("restartTabs()",8000);
  });

  $(".ui-tabs-nav a[class='prev']").click(function(){
    clearTimeout(tabInterval);
    tabCurrent = tabCurrent - 1;
    if (tabCurrent < 0) { tabCurrent = 2; }
    $("#tabs").tabs("select",tabCurrent);
    tabInterval = setTimeout("restartTabs()",8000);
  });

  $(".ui-tabs-nav a[class='next']").click(function(){
    clearTimeout(tabInterval);
    tabCurrent = tabCurrent + 1;
    if (tabCurrent >= 3) { tabCurrent = 0; }
    $("#tabs").tabs("select",tabCurrent);
    tabInterval = setTimeout("restartTabs()",8000);
  });

});

function restartTabs() {
  tabInterval = setTimeout("rotateTabs()",8000);
  return true;
}

function rotateTabs() { 
  tabCurrent = tabCurrent + 1;
  if (tabCurrent >= 3) {
    tabCurrent = 0; 
  }
  $("#tabs").tabs("select",tabCurrent);
  tabInterval = setTimeout("rotateTabs()",8000);
  return true;
}