$(document).ready(function () {
    $('.special-offer-slider').each(function (index, item) {
        var OfferCount = $(item).find('.special-offer').length;
        if (OfferCount > 1) {
            // get slider width
            var SliderWidth = $(item).width();

            // Show nav area
            $(item).find('.nav-area').show();

            // position offers
            $(item).find('.special-offer').each(function (offerIndex, offer) {
                $(offer).css('left', (offerIndex * SliderWidth) + 'px');
            });

            // set first slide as active and others to false. Alose set all their widths to match slider
            $(item).find('.special-offer').attr('ActiveOffer', 'false');
            $(item).find('.special-offer').width(SliderWidth);
            $(item).find('.special-offer').first().attr('ActiveOffer', 'true');

            // init prev next button
            $(item).find('.prev-button').click(function () {
                var OfferSlider = $(this).closest('.special-offer-slider');
                var OfferSliderWidth = $(OfferSlider).width();
                var ActiveOffer = $(OfferSlider).find('.special-offer[ActiveOffer="true"]');
                var PrevOffer = $(ActiveOffer).prev('.special-offer[ActiveOffer="false"]');
                if ($(PrevOffer).length == 0) {
                    PrevOffer = $(OfferSlider).find('.special-offer[ActiveOffer="false"]').last();
                }

                if (ActiveOffer.css('left').replace('px', '') == '0') {
                    $(OfferSlider).find('.special-offer[ActiveOffer="false"]').css('left', (-OfferSliderWidth) + 'px');

                    $(ActiveOffer).animate({
                        left: '+=' + OfferSliderWidth
                    }, 400);
                    $(PrevOffer).animate({
                        left: '+=' + OfferSliderWidth
                    }, 400);

                    $(item).find('.special-offer').attr('ActiveOffer', 'false');
                    $(PrevOffer).attr('ActiveOffer', 'true');
                }
            });

            $(item).find('.next-button').click(function () {
                var OfferSlider = $(this).closest('.special-offer-slider');
                var OfferSliderWidth = $(OfferSlider).width();
                var ActiveOffer = $(OfferSlider).find('.special-offer[ActiveOffer="true"]');
                var NextOffer = $(ActiveOffer).next('.special-offer[ActiveOffer="false"]');
                if ($(NextOffer).length == 0) {
                    NextOffer = $(OfferSlider).find('.special-offer[ActiveOffer="false"]').first();
                }

                if (ActiveOffer.css('left').replace('px', '') == '0') {
                    $(OfferSlider).find('.special-offer[ActiveOffer="false"]').css('left', (OfferSliderWidth) + 'px');

                    $(ActiveOffer).animate({
                        left: '-=' + OfferSliderWidth
                    }, 400);
                    $(NextOffer).animate({
                        left: '-=' + OfferSliderWidth
                    }, 400);

                    $(item).find('.special-offer').attr('ActiveOffer', 'false');
                    $(NextOffer).attr('ActiveOffer', 'true');
                }
            });
        }
    });
});