var preLoadTimer;
$(document).ready(function () {
    var j = 1;
    $("#showbanner1").click(function () { changeImage(j); loopBanners(j + 1) });
    $("#showbanner2").click(function () { changeImage(j + 1); loopBanners(j + 2) });
    $("#showbanner3").click(function () { changeImage(j + 2); loopBanners(j + 3) });
    $("#showbanner4").click(function () { changeImage(j + 3); loopBanners(j) });
    loopBanners(2);
});
function loopBanners(i) {
    window.clearTimeout(preLoadTimer);
    preLoadTimer = window.setTimeout(function () {
        if (i == 4) {
            changeImage(i, i - 1);
            i = 1
        }
        else {
            changeImage(i, i - 1);
            i = i + 1
        }
        loopBanners(i);
    }, 15000);
}
function changeImage(imageIndex) {
    $(".bannerContent").fadeOut("slow");
    $("#banner" + imageIndex + "B").fadeIn("slow");
    $(".selected").removeClass('selected');
    $("#showbanner" + imageIndex).addClass('selected');
}