$(document).ready(function() {
    //$("#HeroBanner div:gt(0)").hide();
    //  $(".BannerAd").hide();
    var h = $("#HeroBanner div img:eq(0)").height()
    //alert(h)
    $("#HeroBanner").height(h);


    //$(".selectedButton").hide();
     $(".bannerNavButton").click(GoToAd);
    //run this once.
    //FlipAd(0);
    //setup an interval.
    intervalID = setInterval("NextAd()", parseInt(document.getElementById("BannerInterval").value));
})

function GoToAd(event) {
    var i = parseInt($(event.target).attr("id").substring(3, 4));
    clearInterval(intervalID);
    FlipAd(i);
}

function NextAd(event) {
    nextAd = currentAd + 1;
    if ($("#BannerAd" + nextAd).length == 0) {
        FlipAd(0);
    } else {
        FlipAd(nextAd);
    }
}

function FlipAd(a) {
    if (!isNaN(a)) {
        $("#BannerAd" + currentAd).fadeOut(1500, function() {
            $("#BannerAd" + currentAd).fadeIn(1500);
        })
        $("#navSelected" + currentAd).fadeOut(1500, function() {
            $("#navSelected" + currentAd).fadeIn(1500);
        })
        currentAd = a;
    }
};

var currentAd = 0;
var intervalID = 0;