function BannerSwitch() {
    var Current;
    var CurrentId;
    var Next;
    var NextId;

    // get id of currently active banner
    $('.BannerActive').each(function () {
        Current = this.id;
    });

    // attempt to get next banner (increment id by 1), if unsuccessful get first banner
    CurrentId = parseInt(Current.substring(Current.length - 1, Current.length));
    NextId = CurrentId + 1;
    Next = 'Banner_' + NextId;
    if ($('#' + Next).length == 0) {
        Next = 'Banner_1';
    }

    // hide inactive banners
    $('.Banner').stop(true, true).hide();

    // set active class on next banner, set default (inactive) class on current banner
    $('#' + Next).addClass('BannerActive');
    $('#' + Next).removeClass('Banner');
    $('#' + Current).addClass('Banner');
    $('#' + Current).removeClass('BannerActive');

    // fade next banner in
    $('#' + Next).fadeIn(600);
}