(function($) {
	
	$.fn.mulitselector = function(options) { 
		
		//if ($("#popupSelector").length != 0) return;
		if ($("#popupSelector").length > 0){
			$("#popupSelector").remove();	
		}
		var $input = $(this);

		var ms_html;

		var settings = 
		{
			title: "请选择类别",
			info:"您最多只能选择3项",
			width:600,
			maxnum:3,
			hide:document.getElementById('jobButtonHide'),
			data: null
		};

		if (options){
			jQuery.extend(settings, options);
		}

		function initialise(){
			initContent();
			initEvent();
		}

		function initEvent() {
		    $('#pslayer').jqDrag("#drg"); 
			if (jQuery.browser.msie && jQuery.browser.version < 7) { //if < ie6
				$('embed, object, select').css({ 'visibility' : 'hidden' });
			}
			
			$("#allItems1 input[name='items']").each(function() {
					var $parent=$(this).parent().parent().parent();
					if(this.checked){
						$parent.addClass("corr");	
					}else{
						$parent.removeClass("corr");
					}
			});
			
			$("#ms_bt_ok").click(function() {
				var result = "";
				var resultValue="";
				$("#allItems1 input:checked").each(function(i){
					 result += (i==0?"":",")+this.value.split("@")[1];	
					 resultValue += (i==0?"":",")+this.value.split("@")[0];								
				});
				
				$("#allItems1 input:checked").length<1?null:$input.val(result);
				$("#allItems1 input:checked").length<1?null:settings.hide.value=resultValue;
				closeContent();
			});

			$("#ms_bt_clear").click(function() {
				$input.val(settings.title);
				$("#allItems1 input:checked").each(function(){
					this.checked=false;
				});
				settings.hide.value="";
			});

			$("#ms_img_close").click(function() {
				closeContent();
			});
			
			$("#allItems1 input[name='items']").click(function() {
															   
					var obj = $("#allItems1 input:checked");
					
					var maxlength=settings.maxnum;
					
					if(this.checked&&obj.length>maxlength){
						alert('对不起,您的已选项已经达到了'+maxlength+'个.请减少已选项，再继续.');
						this.checked=false;
						return ;
					}
					var $parent=$(this).parent().parent().parent();
					if(this.checked){
						$parent.addClass("corr");	
					}else{
						$parent.removeClass("corr");
					}
			});
		}
		
		function closeContent(){
			ms_html.remove();
			if (jQuery.browser.msie && jQuery.browser.version < 7) { //if < ie6
				$('embed, object, select').css({ 'visibility' : 'visible' });
			}	
		}
		
		function initContent() {
			/*定位div*/
			var offset = $input.offset();
			var divtop = 1 + offset.top + $input.get(0).offsetHeight + 'px';
			var divleft = offset.left;
			var popmask = document.createElement('div');
			
			var windowWidth=GetViewWidth();//当前页面视口宽度
			
			var inputWidth=$input.get(0).offsetWidth;//获得当前控件的宽度
			
			if(offset.left+settings.width>windowWidth){
				divleft=divleft+inputWidth-settings.width+1;
			}
			
			if(divleft<0) divleft=0;
			
			divleft=divleft+"px";
			/*定位div 结束*/
			var html = [];	
			
			html.push('<div id="popupSelector" style="display:block; top:'+divtop+';left:'+divleft+'; position: absolute; z-index: 1999;" >');
			html.push('  	<div id="pslayer" class="alert_lay sech_lay lm"  style="width:'+settings.width+'px;">');
			html.push('		<!--背景圆角上-->');
			html.push('		<div class="alert_t"></div>');
			html.push('		<div class="box">');
			html.push('			<h1 id="drg" style="cursor:move;"><span id="psHeader">'+settings.title+'</span><a href="javascript:void(0);" class="butn3" id="ms_img_close"></a></h1>');
			html.push('		<div class="blk">');
				   
			html.push('		<div id="divSelecting" class="sech_layt">');
			html.push('			<h3>');
			html.push('				<span  id="selectingHeader">'+settings.info+'</span><b class="btn_fst">');
			html.push('				<input id="ms_bt_ok" name="" class="btn_fst" value="确定" type="button">');
			html.push('				<input id="ms_bt_clear" name="" value="清空" class="btn_fst" type="button"></b>');
			html.push('			</h3>');
			//html.push('			<p>');
			//html.push('				当您直接选择职位类别时，您将会获得更多的搜索结果<br>');
			//html.push('				当您选择＂<img src="images/ico1.gif" alt="">＂下的具体职位时，将会获得更为准确的搜索结果<br>');
			//html.push('				您最多可以选择5个职位类别');
			//html.push('			</p>');
			html.push('			<ul id="selecting" style="display:none;"></ul>');
			html.push('		</div>');
					
			html.push('		<div class="sech_layb"> ');
			html.push('		<h2 id="subHeader1" style="display:none;"><span></span></h2>');
			html.push('		<ol id="allItems1">');
			
			var dataArray = settings.data;
			if (dataArray != null){
				var len = dataArray.length;
				for(var i=0; i<len; i++){
					var d = dataArray[i];
					var status = findStatus(d.name);
					html.push('						<li id=$'+d.id+' name="items" class="xingai" style="width:'+(settings.width/2-16)+'px;">');
					html.push('							<a href="javascript:void(0);">');
					html.push('							<label for="cb_'+d.id+'">');
					html.push('							<input id="cb_'+d.id+'" name="items" type="checkbox" '+(status?status:'')+' value="'+(d.id+ '@'+ d.name)+'" />'+d.name+'</label>');
					html.push('							</a>');
					html.push('						</li>');
				}
			}	
			
			html.push('		</ol>');
			html.push('		</div> ');
			html.push('	</div>');
			html.push('							</div>');
			html.push('							<!--背景圆角下-->');
			html.push('							<div class="alert_b"><img src="images/laybj_br.gif" alt=""></div>');
			html.push('							</div>');
			html.push('	</div>');
			
			ms_html = $(html.join("")).appendTo('body');

		}
		
        //查找当前的元素是否被选中
		function findStatus(d){ 

			var content = $input.val();
			if (jQuery.trim(content) == ""){
				return "";
			}

			var obj = content.split(",");
			for(var i=0; i<obj.length; i++){
				if(obj[i] == d){
					return "checked"
				}
			}

		}
		//获得当前视口的宽度
		function GetViewWidth() {
			//ie6 strict模式里的快捷方式
			var de = document.documentElement;
			//如果浏览器的innerWidth可用，则使用它
			return self.innerWidth ||
				//否则，尝试获得根节点的宽度
				( de && de.clientWidth ) ||
				//最后，尝试获得body元素的宽度
				document.body.clientWidth;

		}

		initialise();

	}



})(jQuery);


(function($){
$.fn.jqDrag=function(h){return i(this,h,'d');};
$.fn.jqResize=function(h){return i(this,h,'r');};
$.jqDnR={dnr:{},e:0,
drag:function(v){
if(M.k == 'd')E.css({left:M.X+v.pageX-M.pX,top:M.Y+v.pageY-M.pY});
else E.css({width:Math.max(v.pageX-M.pX+M.W,0),height:Math.max(v.pageY-M.pY+M.H,0)});
  return false;},
stop:function(){E.css('opacity',M.o);$().unbind('mousemove',J.drag).unbind('mouseup',J.stop);}
};
var J=$.jqDnR,M=J.dnr,E=J.e,
i=function(e,h,k){return e.each(function(){h=(h)?$(h,e):e;
h.bind('mousedown',{e:e,k:k},function(v){var d=v.data,p={};E=d.e;
if(E.css('position') != 'relative'){try{E.position(p);}catch(e){}}
M={X:p.left||f('left')||0,Y:p.top||f('top')||0,W:f('width')||E[0].scrollWidth||0,H:f('height')||E[0].scrollHeight||0,pX:v.pageX,pY:v.pageY,k:d.k,o:E.css('opacity')};
E.css({opacity:0.8});$().mousemove($.jqDnR.drag).mouseup($.jqDnR.stop);
return false;
});
});},
f=function(k){return parseInt(E.css(k))||false;};
})(jQuery);


var jobs = [
                    {id: "1002",name: "计算机/互联网"},
                    {id: "1003",name: "电子/电器/通信"},
                    {id: "1004",name: "电气/能源/动力"},
                    {id: "1005",name: "机械/仪器仪表"},
                    {id: "1006",name: "销售"},
                    {id: "1007",name: "项目管理"},
                    {id: "1008",name: "客户服务"},
                    {id: "1009",name: "市场/广告/公关与媒介"},
                    {id: "1010",name: "经营管理"},

                    {id: "1011",name: "咨询顾问"},
                    {id: "1012",name: "人力资源/行政/文职人员"},
                    {id: "1013",name: "财务/审计/统计"},
                    {id: "1014",name: "金融/经济"},
                    {id: "1015",name: "贸易/物流/采购/运输"},
                    {id: "1016",name: "建筑/房地产/装饰/物业"},
                    {id: "1017",name: "翻译"},

                    {id: "1018",name: "酒店/餐饮/旅游/休闲"},
                    {id: "1019",name: "工厂生产"},
                    {id: "1020",name: "轻工"},
                    {id: "1021",name: "商业零售"},
                    {id: "1022",name: "美术/设计/创意"},
                    {id: "1023",name: "文体/影视/写作/媒体"},
                    {id: "1024",name: "教育/培训"},

                    {id: "1025",name: "法律"},
                    {id: "1026",name: "医疗卫生/美容保健"},
                    {id: "1027",name: "生物/制药/化工/环保"},
                    {id: "1028",name: "科研"},
                    {id: "1029",name: "技工/服务类/后勤保障"},
                    {id: "1030",name: "农林牧渔"},
                    {id: "1031",name: "公务员"},
                    {id: "1032",name: "培训生"},
                    {id: "1033",name: "在校学生"},
                    {id: "1034",name: "其他类别"}
			];
			
var areas = [
                    //{id: "2800",name: "内蒙古"},
                    {id: "2802",name: "呼和浩特"},
                    {id: "2803",name: "包头"},
                    {id: "2804",name: "乌海"},
                    {id: "2805",name: "呼伦贝尔"},
                    {id: "2806",name: "乌兰察布"},
                    {id: "2807",name: "阿拉善"},
                    {id: "2808",name: "赤峰"},
                    {id: "2809",name: "兴安盟"},
                    {id: "2810",name: "锡林郭勒"},
                    {id: "2811",name: "巴彦淖尔"},
                    {id: "2812",name: "鄂尔多斯"},
                    {id: "2813",name: "二连"},
                    {id: "2814",name: "通辽"},
                    {id: "2815",name: "满洲里"},
                    {id: "0",name: "其他地区"}
			];
			
function openLayerJob(e1,e2){	

			$("#"+e2).mulitselector({
				title:"请选择职位类别",
				info:"最多只能选择下面3项",
				hide:$("#"+e1).get(0),
				data:jobs
			});
}

function openLayer(e1,e2){

			$("#"+e2).mulitselector({
				title:"请选择工作地区",
				info:"最多只能选择下面3项",
				hide:$("#"+e1).get(0),
				data:areas
			});
}


function searchClick(){
    var jobText=document.getElementById("jobButtonHide");
    var areaText=document.getElementById("areaButtonHide");
    var timeText=document.getElementById("timeInput");

    var area123=new Array("0","0","0");
    var job123=new Array("0","0","0");
    
    var jobs=jobText.value.split(",");
    var areas=areaText.value.split(",");
    
    for(var i=0;i<jobs.length;i++){
        job123[i]=jobs[i];
    }
    if (job123[0]=="")
        job123[0]=0;
    
    for(var i=0;i<areas.length;i++){
        area123[i]=areas[i];
    }
    if (area123[0]=="")
        area123[0]=0;
    
    var keyword=document.getElementById("key");
    if (keyword.value=="请输入关键字")
        keyword.value="";
    var urlPath="job1=" + job123[0] + "&job2=" + job123[1] + "&job3=" + job123[2] + "&area1=" + area123[0] + "&area2=" + area123[1] + "&area3=" + area123[2] + "&time=" + timeText.value + "&key=" + encodeURI(keyword.value);
    //    if(jobText.value=="" && areaText.value==""){
    //        alert('请至少选择地区或职位类别！','');
    //        return;        
    //    }
    window.open('/search_result.aspx?' + urlPath);
}

function invel(obj,id){
    for(var i=0;i<obj.length;i++){
        if(obj[i].id==id){
            return obj[i].name;
        }
    }
}

function updateShowJob(e1,e2){
    var inputObj=$("#"+e1).get(0);
    var outputObj=$("#"+e2).get(0);

    if(inputObj.value!=""){
	    outputObj.value="";
	    myvalue=inputObj.value.split(",");
	    for(var i=0;i<myvalue.length;i++){
		    if(myvalue[i]!="0"){				
			    outputObj.value=outputObj.value + invel(jobs,myvalue[i]) + ",";
		    }
	    }
	    outputObj.value=outputObj.value.substring(0,outputObj.value.length-1);
    }
    else{
        outputObj='请选择职位类型';
    }
}

function updateShow(e1,e2){
	var inputObj=$("#"+e1).get(0);
    var outputObj=$("#"+e2).get(0);

    if(inputObj.value!=""){
	    outputObj.value="";
	    myvalue=inputObj.value.split(",");
	    for(var i=0;i<myvalue.length;i++){
		    if(myvalue[i]!="0"){				
			    outputObj.value=outputObj.value + invel(areas,myvalue[i]) + ",";
		    }
	    }
	    outputObj.value=outputObj.value.substring(0,outputObj.value.length-1);
    }
    else{
        outputObj='请选择职位类型';
    }
}