(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:650,
			maxnum:3,
			hide:document.getElementById('jobButtonHide'),
			data: null,
			table:false
		};

		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() {
					if(settings.table){
					    var $parent=$(this).parent().parent();
					    if(this.checked){
						    $parent.addClass("selectd");	
					    }else{
						    $parent.removeClass("selectd");
					    }
					}
					else{
					    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;
					    if(settings.table){
					        var $parent=$(this).parent().parent();
						    $parent.removeClass("selectd");
				        }
				        else{
					        var $parent=$(this).parent().parent().parent();
					        $parent.removeClass("corr");    
				        }
				});
				
				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 ;
					}
					if(settings.table){
					    var $parent=$(this).parent().parent();
					    if(this.checked){
						    $parent.addClass("selectd");	
					    }else{
						    $parent.removeClass("selectd");
					    }
					}
					else{
					    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>');
                 
            if(settings.table){   
                html.push('        <table id="allItems1" cellpadding="0" cellspacing="0" class="talert">');
                
                var dataArray = settings.data;
			    if (dataArray != null){
				    var len = dataArray.length;
				    for(var i=0; i<len; i++){
    				    
					    var d = dataArray[i];
					    if(d.id=='77'){
					        if(!d.end){
					            html.push('            <tr><th>'+d.name+'：</th><td id=$'+d.id+' name="items" >');
					        }
					        else{
					            html.push('            </td></tr>');
					        }
					    }else{
					        var status = findStatus(d.name);
					        html.push('						');
					        
					        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('        </table>');
                    
            }else{
                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:"77",name:"计算机/互联网/通信/电子",last:false},
                    {id:"1002",name:"计算机软件/硬件"},
                    {id:"1003",name:"互联网开发及应用"},
                    {id:"1004",name:"通信技术"},
                    {id:"1005",name:"电子/电器/半导体"},
                    {id:"1006",name:"电气/能源/动力"},
                    {id:"1007",name:"机械/仪器仪表"},

                    {id:"77",name:"销售/客服/技术支持",last:false},
                    {id:"1008",name:"销售"},
                    {id:"1009",name:"客服及技术支持"},

                    {id:"77",name:"会计/金融/银行/保险",last:false},
                    {id:"1010",name:"财务/审计/统计"},
                    {id:"1011",name:"证券/金融/投资"},
                    {id:"1012",name:"银行"},
                    {id:"1013",name:"保险"},
                    {id:"1014",name:"汽车"},

                    {id:"77",name:"生产/营运/采购/物流",last:false},
                    {id:"1015",name:"经营管理"},
                    {id:"1016",name:"质量/安全管理"},
                    {id:"1017",name:"机械制造"},
                    {id:"1018",name:"贸易/物流/采购/运输"},
                    {id:"1019",name:"工厂生产"},
                    {id:"1020",name:"服装/纺织/皮革"},

                    {id:"77",name:"生物/制药/医疗/护理",last:false},
                    {id:"1021",name:"生物/制药/医疗器械"},
                    {id:"1022",name:"化工/环保"},
                    {id:"1023",name:"医院/医疗/护理"},
                    {id:"1024",name:"医疗卫生/美容保健"},

                    {id:"77",name:"广告/市场/媒体/艺术",last:false},
                    {id:"1025",name:"广告/公关/媒介"},
                    {id:"1026",name:"出版/印刷"},
                    {id:"1027",name:"文体/影视/写作/媒体"},
                    {id:"1028",name:"美术/设计/创意"},

                    {id:"77",name:"建筑/房地产",last:false},
                    {id:"1029",name:"建筑工程/装饰"},
                    {id:"1030",name:"房地产"},
                    {id:"1031",name:"物业管理"},

                    {id:"77",name:"人事/行政/高级管理",last:false},
                    {id:"1032",name:"人力资源/行政/文职"},
                    {id:"1033",name:"高级管理"},

                    {id:"77",name:"咨询/法律/教育/科研",last:false},
                    {id:"1034",name:"咨询/顾问"},
                    {id:"1035",name:"法律"},
                    {id:"1036",name:"教育/培训"},
                    {id:"1037",name:"科研"},

                    {id:"77",name:"农林牧渔/服务业",last:false},
                    {id:"1038",name:"酒店/餐饮/旅游/休闲"},
                    {id:"1039",name:"百货/连锁/零售服务"},
                    {id:"1040",name:"农林牧渔"},
                    {id:"1041",name:"技工/服务类/后勤保障"},

                    {id:"77",name:"公务员/翻译/其他",last:true},
                    {id:"1042",name:"公务员"},
                    {id:"1043",name:"翻译"},
                    {id:"1044",name:"在校学生/培训生"},
                    {id:"1045",name:"储备干部/实习生"},
                    {id:"1046",name:"兼职"},
                    {id:"1047",name:"其他"}
			];
			
var areas = [
                    {id:"0102",name:"北京市"},
                    {id:"0103",name:"朝阳区"},
                    {id:"0104",name:"海淀区"},
                    {id:"0105",name:"东城区"},
                    {id:"0106",name:"西城区"},
                    {id:"0107",name:"崇文区"},
                    {id:"0108",name:"宣武区"},
                    {id:"0109",name:"丰台区"},
                    {id:"0110",name:"通州区"},
                    {id:"0111",name:"昌平区"},
                    {id:"0112",name:"大兴区"},
                    {id:"0113",name:"房山区"},
                    {id:"0114",name:"怀柔区"},
                    {id:"0115",name:"门头沟区"},
                    {id:"0116",name:"密云县"},
                    {id:"0117",name:"平谷区"},
                    {id:"0118",name:"石景山区"},
                    {id:"0119",name:"顺义区"},
                    {id:"0120",name:"延庆县"},
                    {id: "0",name: "其他地区"}
			];
			
function openLayerJob(e1,e2){	

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

function openLayer(e1,e2){

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


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);
    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='请选择职位类型';
    }
}