var fadeSpeed = 1000;
var changeSpeed = 50000;

function startImageRotator(fadeSpeedInMS, changeSpeedInMs) {
    fadeSpeed = fadeSpeedInMS;
    changeSpeed = changeSpeedInMs;

    // Show the first image
    $("##Billboard2Images div").eq(0).show().addClass("SelectedImage");
    $("#Billboard2Links a").eq(0).addClass("SelectedLink");

    // Hook up the mouseover/out events
    $("#Billboard2Links a").hover(
        function() {
          $(document).stopTime();

          var itemIndex = $("#Billboard2Links a").index(this);

          $("#Billboard2Links a").removeClass("SelectedLink");
          $(this).addClass("SelectedLink");

          if (!$("#Billboard2Images div").eq(itemIndex).hasClass("SelectedImage")) {
              $("#Billboard2Images div").fadeOut(fadeSpeed).removeClass("SelectedImage");
              $("#Billboard2Images div").eq(itemIndex).fadeIn(fadeSpeed).addClass("SelectedImage");
          }
        },
        function() {
        $(document).everyTime(changeSpeed, function() {
              SwitchToNextBillboard2();
          });
        });

    // Setup the timer
    $(document).everyTime(changeSpeed, function() {
        SwitchToNextBillboard2();
    });
}

function SwitchToNextBillboard2() {
    var itemIndex = $("#Billboard2Images div").index($("#Billboard2 .SelectedImage")) + 1;
    if (itemIndex >= $("#Billboard2Images div").size())
        itemIndex = 0;

    $("#Billboard2Images .SelectedImage").fadeOut(fadeSpeed).removeClass("SelectedImage");
    $("#Billboard2Images div").eq(itemIndex).fadeIn(fadeSpeed).addClass("SelectedImage");

    $("#Billboard2Links a").removeClass("SelectedLink");
    $("#Billboard2Links a").eq(itemIndex).addClass("SelectedLink");
}
