;(function() {
    function hSdrop(options) {
        var self = this;
        self = $.extend(self, {
            els: '',
        }, options);
        $(self.els).click(function(e) {
            self.init(this);
        })
    }

    hSdrop.prototype = {
        init: function(el) {
            var ok = $(el).attr("ok","1").trigger("beforeclick").attr("ok");
            if(ok == '0') return;

            var kl = ''
            kl += '<div class="select-moob">'
            kl += '<div class="select-moob-cover"></div>'
            kl += '<div class="select-moob-container">'
            kl += '	<div class="x12 select-moob-title">'
            kl += '		<div class="cancel">取消</div>'
            kl += '		<div class="determine">确定</div>'
            kl += '	</div>'
            kl += '	<div class="x12 select-moob-content">'
            kl += '		<div class="swiper-container sw-select">'
            kl += '			<div class="swiper-wrapper">'
            var dob = $(el).next().children();
            var nul = $(el).attr("empty");
            if(nul) kl += '		<div class="swiper-slide" vid="">全部</div>';
            for (var i = 0; i < dob.length; i++) {
                kl += '		<div class="swiper-slide" vid="' + $(dob[i]).attr('vid') + '">' + $(dob[i]).html() + '</div>'
            }
            kl += '			</div>'
            kl += '		</div>'
            kl += '	</div>'
            kl += '</div>'
            kl += '</div>'
            $('body').append(kl);

            var swipersff = new Swiper('.sw-select',{
                direction: 'vertical',
                autoHeight: true,
                slidesPerView: 3,
                centeredSlides: true,
                observer: true,
                observeParents: true,
                observeSlideChildren: true,
            });
            $('.sw-select .swiper-wrapper>div').click(function(e) {
                swipersff.slideTo($(this).index(), 500, false);
            });
            $('.select-moob .cancel,.select-moob-cover').click(function(e) {
                $('.select-moob').remove();
            });
            $('.select-moob .determine').click(function(e) {
                var that = $(el).children('input.value');
                var old  = that.val();
                var val  = $('.sw-select .swiper-slide-active').attr('vid');
                if(val == '-1') return;
                $(el).children('input.label').val( $('.sw-select .swiper-slide-active').html() );
                //if(old != val)
                that.val(val).trigger('change');
                $('.select-moob').remove();
            })
        },
    }
    window.hSdrop = hSdrop;
}());