/**
 * selectfilter  --v1.1            
 * 
 * author： 840399345@qq.com
 * 
 * $(el).selectfilter(options);
 * 
 * options={
 *  callback : function (res){}  // 返回选中的值 进行事件操作
 * }
 * 
 * 也可以放在表单直接获取  select标签的 值
 * 
 **/

;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 = '';
	
	// 读取select 标签的值
	html += '<ul class="filter-list">';
	
	$(selectlist).each(function (idx, item){
		var val = $(item).val();
		var valtext = $(item).html();
		var selected = $(item).attr('selected');
		var disabled = $(item).attr('disabled');
		var isselected = selected ? 'filter-selected' : '';
		var isdisabled = disabled ? 'filter-disabled' : '';
		if(selected) {
			html += '<li class="'+ isselected +'" data-value="'+val+'"><a title="'+valtext+'">'+valtext+'</a></li>';
			$(that).find('.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 title="'+valtext+'">'+valtext+'</a></li>';
		};
	});
	
	html += '</ul>';
	$(that).append(html);
	$(that).find('select').hide();
	
	//点击选择
	$(that).on('click', '.filter-text', function (){
		$(that).find('.filter-list').slidetoggle(100);
		$(that).find('.filter-list').toggleclass('filter-open');
		$(that).find('.icon-filter-arrow').toggleclass('filter-show');
	});
	
	//点击选择列表
	$(that).find('.filter-list li').not('.filter-disabled').on('click', function (){
		var val = $(this).data('value');
		var valtext =  $(this).find('a').html();
		$(that).find('.filter-title').val(valtext);
		$(that).find('.icon-filter-arrow').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('.filter-list'),
			filterel = $(that).find('.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('.filter-list').removeclass('filter-open');
			$(that).find('.icon-filter-arrow').removeclass('filter-show');
		};
	}
};