var fadeSpeed = 1000;
var changeSpeed = 5000;

function startImageRotator(fadeSpeedInMS, changeSpeedInMs) {
    fadeSpeed = fadeSpeedInMS;
    changeSpeed = changeSpeedInMs;

    // Show the first image
    $("##BillboardImages div").eq(0).show().addClass("SelectedImage");
    $("#BillboardLinks a").eq(0).addClass("SelectedLink");

    // Hook up the mouseover/out events
    $("#BillboardLinks a").hover(
        function() {
          $(document).stopTime();

          var itemIndex = $("#BillboardLinks a").index(this);

          $("#BillboardLinks a").removeClass("SelectedLink");
          $(this).addClass("SelectedLink");

          if (!$("#BillboardImages div").eq(itemIndex).hasClass("SelectedImage")) {
              $("#BillboardImages div").fadeOut(fadeSpeed).removeClass("SelectedImage");
              $("#BillboardImages div").eq(itemIndex).fadeIn(fadeSpeed).addClass("SelectedImage");
          }
        },
        function() {
        $(document).everyTime(changeSpeed, function() {
              SwitchToNextBillboard();
          });
        });

    // Setup the timer
    $(document).everyTime(changeSpeed, function() {
        SwitchToNextBillboard();
    });
}

function SwitchToNextBillboard() {
    var itemIndex = $("#BillboardImages div").index($("#Billboard .SelectedImage")) + 1;
    if (itemIndex >= $("#BillboardImages div").size())
        itemIndex = 0;

    $("#BillboardImages .SelectedImage").fadeOut(fadeSpeed).removeClass("SelectedImage");
    $("#BillboardImages div").eq(itemIndex).fadeIn(fadeSpeed).addClass("SelectedImage");

    $("#BillboardLinks a").removeClass("SelectedLink");
    $("#BillboardLinks a").eq(itemIndex).addClass("SelectedLink");
}