jQuery(document).ready(function() {

    // Get Max Images
    var maxImages = jQuery('#sponsorBanner').attr('maxImages');
    var curImage = 1;
    var timerId = 0;

    // Assign Click Events
    jQuery('#topButton,#bottomButton').bind('click', function() {

        switch (jQuery(this).attr('id')) {
            case 'leftButton':
                newImage = curImage - 1;
                break;
            default:
                newImage = curImage + 1;
                break;
        }

        RestartTimer();
        SwitchImage(curImage, newImage);

    });

    jQuery('img[link]').bind('click', function() {

        var thisLink = jQuery(this).attr('link');
        window.location.href = thisLink;

    });

    function StartTimer() {

        timerId = setInterval(MoveAheadOne, 8000);

    }

    function RestartTimer() {

        // Stop Timer.
        clearTimeout(timerId);

        // Start Timer Again.
        StartTimer();

    }

    function MoveAheadOne() {

        newImage = curImage + 1;

        SwitchImage(curImage, newImage);

    }

    function SwitchImage(currentImage, nextImage) {

        // Correct Ids if need be
        if (nextImage > maxImages) { nextImage = nextImage - maxImages; }
        if (nextImage < 1) { nextImage = maxImages; }

//        var currentImage2 = currentImage + 1;
//        if (currentImage2 > maxImages) { currentImage2 = currentImage2 - maxImages; }
//        if (currentImage2 < 1) { currentImage2 = maxImages; }

//        var nextImage2 = nextImage + 1;
//        if (nextImage2 > maxImages) { nextImage2 = nextImage2 - maxImages; }
//        if (nextImage2 < 1) { nextImage2 = maxImages; }

        // Fade out image.
        jQuery('#sBanner_' + currentImage).animate({ opacity: 0 }, 500);
        //jQuery('#sBanner_' + currentImage2).animate({ opacity: 0 }, 500);

        // Change Class
        jQuery('#sBanner_' + currentImage).attr('class', 'hideBanner');
        //jQuery('#sBanner_' + currentImage2).attr('class', 'hideBanner');

        // Set Start opacity
        jQuery('#sBanner_' + nextImage).css('opacity', '0');
        //jQuery('#sBanner_' + nextImage2).css('opacity', '0');

        // Change Class
        jQuery('#sBanner_' + nextImage).attr('class', 'showBanner');
        //jQuery('#sBanner_' + nextImage2).attr('class', 'showBanner');

        // Fade In image
        jQuery('#sBanner_' + nextImage).animate({ opacity: 1 }, 500);
        //jQuery('#sBanner_' + nextImage2).animate({ opacity: 1 }, 500);

        // Change Position
        curImage = nextImage;
    }

    StartTimer();

});