;
jQuery.fn.selectFilter = function(options) {
	var defaults = {
		callBack: function(res) {}
	};
	var ops = $.extend({}, defaults, options);
	var selectList = $(this).find('select option');
	var that = this;
	var html = '';
	html += '<ul class="sz_filter-list">';
	$(selectList).each(function(idx, sz_pic_item) {
		var val = $(sz_pic_item).val();
		var valText = $(sz_pic_item).html();
		var selected = $(sz_pic_item).attr('selected');
		var disabled = $(sz_pic_item).attr('disabled');
		var isSelected = selected ? 'filter-selected' : '';
		var isDisabled = disabled ? 'filter-disabled' : '';
		if (selected) {
			html += '<li class="' + isSelected + '" data-value="' + val + '"><a href="' + val + '">' + valText +
				'</a></li>';
			$(that).find('.sz_filter-title').val(valText);
		} else if (disabled) {
			html += '<li class="' + isDisabled + '" data-value="' + val + '"><a>' + valText + '</a></li>';
		} else {
			html += '<li data-value="' + val + '"><a href="' + val + '">' + valText + '</a></li>';
		};
	});
	html += '</ul>';
	$(that).append(html);
	$(that).find('select').hide();
	$(that).on('click', '.sz_filter-text', function() {
		$(that).find('.sz_filter-list').slideToggle(100);
		$(that).find('.sz_filter-list').toggleClass('filter-open');
		$(that).find('.fa-caret-down').toggleClass('filter-show');
	});
	$(that).find('.sz_filter-list li').not('.filter-disabled').on('click', function() {
		var val = $(this).data('value');
		var valText = $(this).find('a').html();
		$(that).find('.sz_filter-title').val(valText);
		$(that).find('.fa-caret-down').toggleClass('filter-show');
		$(this).addClass('filter-selected').siblings().removeClass('filter-selected');
		$(this).parent().slideToggle(50);
		for (var i = 0; i < selectList.length; i++) {
			var selectVal = selectList.eq(i).val();
			if (val == selectVal) {
				$(that).find('select').val(val);
			};
		};
		ops.callBack(val);
	});
	$(document).on('mousedown', function(e) {
		closeSelect(that, e);
	});
	$(document).on('touchstart', function(e) {
		closeSelect(that, e);
	});

	function closeSelect(that, e) {
		var filter = $(that).find('.sz_filter-list'),
			filterEl = $(that).find('.sz_filter-list')[0];
		var filterBoxEl = $(that)[0];
		var target = e.target;
		if (filterEl !== target && !$.contains(filterEl, target) && !$.contains(filterBoxEl, target)) {
			filter.slideUp(50);
			$(that).find('.sz_filter-list').removeClass('filter-open');
			$(that).find('.fa-caret-down').removeClass('filter-show');
		};
	}
};
jQuery.fn.selectFilter1 = function(options) {
	var defaults = {
		callBack: function(res) {}
	};
	var ops = $.extend({}, defaults, options);
	var selectList = $(this).find('select option');
	var that = this;
	var html = '';
	html += '<ul class="sz_filter-list">';
	$(selectList).each(function(idx, sz_pic_item) {
		var val = $(sz_pic_item).val();
		var valText = $(sz_pic_item).html();
		var selected = $(sz_pic_item).attr('selected');
		var disabled = $(sz_pic_item).attr('disabled');
		var isSelected = selected ? 'filter-selected' : '';
		var isDisabled = disabled ? 'filter-disabled' : '';
		if (selected) {
			html += '<li class="' + isSelected + '" data-value="' + val + '"><a href="' + val + '">' + valText +
				'</a></li>';
			$(that).find('.sz_filter-title').val(valText);
		} else if (disabled) {
			html += '<li class="' + isDisabled + '" data-value="' + val + '"><a>' + valText + '</a></li>';
		} else {
			html += '<li data-value="' + val + '"><a href="' + val + '">' + valText + '</a></li>';
		};
	});
	html += '</ul>';
	$(that).append(html);
	$(that).find('select').hide();
	$(that).on('click', '.sz_filter-text', function() {
		$(that).find('.sz_filter-list').slideToggle(100);
		$(that).find('.sz_filter-list').toggleClass('filter-open');
		$(that).find('.fa-caret-down').toggleClass('filter-show');
	});
	$(that).find('.sz_filter-list li').not('.filter-disabled').on('click', function() {
		var val = $(this).data('value');
		var valText = $(this).find('a').html();
		$(that).find('.sz_filter-title').val(valText);
		$(that).find('.fa-caret-down').toggleClass('filter-show');
		$(this).addClass('filter-selected').siblings().removeClass('filter-selected');
		$(this).parent().slideToggle(50);
		for (var i = 0; i < selectList.length; i++) {
			var selectVal = selectList.eq(i).val();
			if (val == selectVal) {
				$(that).find('select').val(val);
			};
		};
		ops.callBack(val);
	});
	$(document).on('mousedown', function(e) {
		closeSelect(that, e);
	});
	$(document).on('touchstart', function(e) {
		closeSelect(that, e);
	});

	function closeSelect(that, e) {
		var filter = $(that).find('.sz_filter-list'),
			filterEl = $(that).find('.sz_filter-list')[0];
		var filterBoxEl = $(that)[0];
		var target = e.target;
		if (filterEl !== target && !$.contains(filterEl, target) && !$.contains(filterBoxEl, target)) {
			filter.slideUp(50);
			$(that).find('.sz_filter-list').removeClass('filter-open');
			$(that).find('.fa-caret-down').removeClass('filter-show');
		};
	}
};