$(document).ready(function()
{
    initSlider();
});

function initSlider()
{
    var $slider = $('#slider');
    var $slides = $slider.find('div.slide-event');
    var $currentSlide = $slides.filter('.active-slide-event');

    var $dateBlocks = $slider.find('li.date-block');
    $dateBlocks.click(function()
    {
        var position = $(this).prevAll('.date-block').length;
        showSlide($slides.eq(position));
    });

    $slides.each(function()
    {
        var $slide = $(this);
        var $leftButton = $slide.find('.toleft');
            $leftButton.click(function(evt)
            {
                evt.preventDefault();
                var $showSlide = $slide.prev('.slide-event');
                if ($showSlide.length <= 0)
                {
                    $showSlide = $slides.filter(':last');
                }

                showSlide($showSlide);
                return false;
            });

        var $rightButton = $slide.find('.toright');
            $rightButton.click(function(evt)
            {
                evt.preventDefault();
                var $showSlide = $slide.next('.slide-event');
                if ($showSlide.length <= 0)
                {
                    $showSlide = $slides.filter(':first');
                }

                showSlide($showSlide);
                return false;
            });
    });

    function showSlide($showSlide)
    {
        $currentSlide.find('div.block-description').fadeOut(100);
        
        if ($showSlide.get(0) != $currentSlide.get(0))
        {
            var position = $showSlide.prevAll('.slide-event').length;
            $dateBlocks.removeClass('active');
            $dateBlocks.eq(position).addClass('active');

            $currentSlide.fadeOut(200);
            $showSlide.find('div.block-description').show();
            $showSlide.fadeIn(500, function()
            {
                $currentSlide = $showSlide;
            });
        }
    }
}