﻿jQuery(document).ready(function() {

    // Get Max Images
    var maxImages = jQuery('#s3slider').attr('maximages');
    var curImage = 1;
    var timerId = 0;

    // Assign Click Events
//    jQuery('#btnLeft,#btnRight').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; }

        // Fade out image.
        //jQuery('#hBannerSignal_' + currentImage).animate({ opacity: 0 }, 500);


        // Change Class
        jQuery('#hBannerSignal_' + currentImage).attr('class', 'nonActiveSignal');


        // Set Start opacity
        //jQuery('#hBannerSignal_' + nextImage).css('opacity', '0');


        // Change Class
        jQuery('#hBannerSignal_' + nextImage).attr('class', 'activeSignal');


        // Fade In image
        //jQuery('#hBannerSignal_' + nextImage).animate({ opacity: 1 }, 500);


        // Change Position
        curImage = nextImage;
    }

    StartTimer();

});