$(document).ready(function () {
    $(".SlideShow-Wrapper").each(function () {
        LoadSlideShow($(this).attr("slideshow-id"));

    });

});


function LoadSlideShow(SlideShowId_) {
    var maxSlideHeight = 0;
    $('#SlidesContiainer' + SlideShowId_).children('.SlideShowSlide-Wrapper').each(function () {
        var slideHeight = $(this).outerHeight();
        if (slideHeight > maxSlideHeight) {
            maxSlideHeight = slideHeight;
        }
    });

    $('#SlidesContiainer' + SlideShowId_).height(maxSlideHeight);

    var SlideShow = $('#SlideShow' + SlideShowId_);
    $(SlideShow).find('.SlideShow-SlideList .ImageStip img').click(function () {
        var CurrentSlideId = $(SlideShow).attr('CurrentSlideId');
        var NewSlideId_ = $(this).attr('SlideId');
        SwitchSlides(SlideShowId_, CurrentSlideId, NewSlideId_);
    });

    var stripWidth = 0;
    $(SlideShow).find('.SlideShow-SlideList .ImageStip img').each(function () {
        stripWidth = stripWidth + $(this).outerWidth();
    });
    $(SlideShow).find('.SlideShow-SlideList .ImageStip').width(stripWidth);

    var SlideDist = 152;

    $(SlideShow).find('.PanLeft').click(function () {
        $(SlideShow).find('.SlideShow-SlideList .ImageStip').stop();
        var imgStripLeft = parseInt($(SlideShow).find('.SlideShow-SlideList .ImageStip').css('left').replace('px', ''));
        if (imgStripLeft > 0) {
            imgStripLeft = 0;
            $(SlideShow).find('.SlideShow-SlideList .ImageStip').css('left', imgStripLeft + 'px');
        }

        var calcedSlideDist = SlideDist;
        if (calcedSlideDist + imgStripLeft > 0) {
            calcedSlideDist = Math.abs(imgStripLeft);
        }

        $(SlideShow).find('.SlideShow-SlideList .ImageStip').animate({
            left: '+=' + calcedSlideDist
        }, 400);
    });

    $(SlideShow).find('.PanRight').click(function () {
        $(SlideShow).find('.SlideShow-SlideList .ImageStip').stop();
        var imgStripLeft = parseInt($(SlideShow).find('.SlideShow-SlideList .ImageStip').css('left').replace('px', ''));
        var imgStripWidth = parseInt($(SlideShow).find('.SlideShow-SlideList .ImageStip').width());
        var leftLimit = parseInt($(SlideShow).find('.SlideShow-SlideList').width()) - imgStripWidth;

        var calcedSlideDist = SlideDist;
        if (imgStripLeft - calcedSlideDist < leftLimit) {
            calcedSlideDist = Math.abs(leftLimit) - Math.abs(imgStripLeft);
        }
        $(SlideShow).find('.SlideShow-SlideList .ImageStip').animate({
            left: '-=' + calcedSlideDist
        }, 400);
    });

    if ($('.ImageStip').width() > $('.SlideShowSlide-Wrapper').width()) {
        $('.SlideShow-SlideList').width($('.SlideShowSlide-Wrapper').width() - 100);
    } else {
    $('.SlideShow-SlideList').width($('.ImageStip').width());
        $('.SlideShowPanSlides').hide();
    }

//    if ($('.ImageStip').width() <= $('.SlideShow-SlideList').width()) {
//        $('.SlideShowPanSlides').hide();
//    }
}

function SlideShowNextSlide(SlideShowId_) {
    var SlideShow = $('#SlideShow' + SlideShowId_);
    var CurrentSlideId = $(SlideShow).attr('CurrentSlideId');
    var CurrentSlide = $('#SlideShowSlide' + CurrentSlideId);

    var NextSlide = $(CurrentSlide).next('.SlideShowSlide-Wrapper');
    if ($(NextSlide).length == 0) {
        NextSlide = $(SlideShow).find('.SlideShowSlide-Wrapper').first();
    }
    var NextSlideId = $(NextSlide).attr('SlideID');

    SwitchSlides(SlideShowId_, CurrentSlideId, NextSlideId);
}

function SlideShowPrevSlide(SlideShowId_) {
    var SlideShow = $('#SlideShow' + SlideShowId_);
    var CurrentSlideId = $(SlideShow).attr('CurrentSlideId');
    var CurrentSlide = $('#SlideShowSlide' + CurrentSlideId);

    var PrevSlide = $(CurrentSlide).prev('.SlideShowSlide-Wrapper');
    if ($(PrevSlide).length == 0) {
        PrevSlide = $(SlideShow).find('.SlideShowSlide-Wrapper').last();
    }
    var PrevSlideId = $(PrevSlide).attr('SlideID');

    SwitchSlides(SlideShowId_, CurrentSlideId, PrevSlideId);
}

function SwitchSlides(SlideShowId_, CurrentSlideId_, NewSlideId_) {

    var SlideShow = $('#SlideShow' + SlideShowId_);
    var CurrentSlide = $('#SlideShowSlide' + CurrentSlideId_);
    var NewSlide = $('#SlideShowSlide' + NewSlideId_);

    $(CurrentSlide).fadeOut("slow", function () { $(NewSlide).fadeIn("slow"); });
   // $(NewSlide).fadeIn("fast");

    $(SlideShow).attr('CurrentSlideId', NewSlideId_);
}