﻿function InitSlider() {
    $(document).ready(function() {
        $('.SlideShowItems div').hide().css({ position: 'absolute', width: '666px' });
        var currentSlide = -1;
        var prevSlide = null;
        var slides = $('.SlideShowItems div');
        var interval = null;
        var FADE_SPEED = 1200;
        var DELAY_SPEED = 5000;
        var html = '<ul id="SlideShowCount">'
        for (var i = slides.length - 1; i >= 0; i--) {
            html += '<li id="slide' + i + '" class="Slide"><span></span></li>';
        }
        html += '</ul>';
        $('#SlideShow').after(html);
        for (var i = slides.length - 1; i >= 0; i--) {
            $('#slide' + i).bind("click", { index: i }, function(event) {
                currentSlide = event.data.index;
                gotoSlide(event.data.index);
            });
        };

        if (slides.length <= 1) {
            $('.Slide').hide();
        }

        nextSlide();

        function nextSlide() {

            if (currentSlide >= slides.length - 1) {
                currentSlide = 0;
            } else {
                currentSlide++
            }
            gotoSlide(currentSlide);

        }

        function gotoSlide(slideNum) {

            if (slideNum != prevSlide) {

                $('#slide' + prevSlide).removeClass('SelectedTab');
                $('#slide' + slideNum).addClass('SelectedTab');


                if (prevSlide != null) {
                    $(slides[prevSlide]).css({ opacity: 1.0 }).animate({ opacity: 0.0 }, FADE_SPEED).hide();
                }
                $(slides[slideNum]).css({ opacity: 0.0 }).animate({ opacity: 1.0 }, FADE_SPEED).show();
                prevSlide = currentSlide;

                if (interval != null) {
                    clearInterval(interval);
                }
                interval = setInterval(nextSlide, DELAY_SPEED);
            }

        }
    });
}
