///////////////////////////////////////By handthing/////////////////////////////////////////////
/////////////////////////////////       地区选择及屏幕变灰特效结果        /////////////////////
////////注意地方，一定要与以下几个文件结合使用： 
///////<link href="http://www.jobems.com/css/areaSelector.css" rel="stylesheet" type="text/css" />
///////<script language="javascript" src="/js/subsite.js" />
///////<script type="text/javascript" language="javascript" src="http://jobseeker.jobems.com/js/SetSubItem.js" />
///////<script type="text/javascript" language="javascript" src="http://www.jobems.com/common/client/areacategoryselector.js" />

var SubsiteArrAreaResult = new Array(); //全局变量//
var SubsiteTxtArea = "txtArea";
var SubsiteSltArea = "sltArea";

if(navigator.appName.indexOf("Explorer") > -1){//ie
	var exp=1;
} 
else{//for ff
	var exp=2;
}

function Subsiteselectobj(hdnObj,txtObj,CityC,LayerID,CityN){

	if(hdnObj)
	document.getElementById(hdnObj).value=CityC;
	if(txtObj){
		document.getElementById(txtObj).value=CityN;
		document.getElementById(txtObj).className='InputStyle';
	} 
	if(LayerID!="")
	   document.getElementById(LayerID).style.display='none';
}

function OpenLayer(LayerName){
    SubsiteTxtArea = "txtArea";
    SubsiteSltArea = "sltArea";
	document.getElementById(LayerName).style.display='block';
	document.getElementById("globalDiv").style.display = "block";
}

function OpenLayerOther(LayerName,txtArea,sltArea){
    SubsiteTxtArea = txtArea;
    SubsiteSltArea = sltArea;
	document.getElementById(LayerName).style.display='block';
	document.getElementById("globalDiv").style.display = "block";
}

function CloseShieldDIV(LayerName) {
	document.getElementById("globalDiv").style.display = "none";
	document.getElementById(LayerName).style.display='none';

}

function WriteNomalKeyword(){
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'文员','KeyWordMenu')\">文员</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'法律','KeyWordMenu')\">法律</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'电子','KeyWordMenu')\">电子</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'翻译','KeyWordMenu')\">翻译</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'经理助理','KeyWordMenu')\">经理助理</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'平面设计','KeyWordMenu')\">平面设计</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'销售经理','KeyWordMenu')\">销售经理</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'行政经理','KeyWordMenu')\">行政经理</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'印刷','KeyWordMenu')\">印刷</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'物流','KeyWordMenu')\">物流</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'编辑','KeyWordMenu')\">编辑</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'化工','KeyWordMenu')\">化工</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'物业管理','KeyWordMenu')\">物业管理</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'财务经理','KeyWordMenu')\">财务经理</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'项目经理','KeyWordMenu')\">项目经理</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'区域经理','KeyWordMenu')\">区域经理</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'会计','KeyWordMenu')\">会计</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'客服','KeyWordMenu')\">客服</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'采购','KeyWordMenu')\">采购</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'贸易','KeyWordMenu')\">贸易</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'采购经理','KeyWordMenu')\">采购经理</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'客户经理','KeyWordMenu')\">客户经理</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'财务总监','KeyWordMenu')\">财务总监</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'市场总监','KeyWordMenu')\">市场总监</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'模具','KeyWordMenu')\">模具</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'生物','KeyWordMenu')\">生物</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'出纳','KeyWordMenu')\">出纳</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'人事','KeyWordMenu')\">人事</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'项目总监','KeyWordMenu')\">项目总监</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'技术总监','KeyWordMenu')\">技术总监</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'销售总监','KeyWordMenu')\">销售总监</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'设计总监','KeyWordMenu')\">设计总监</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'医药','KeyWordMenu')\">医药</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'化妆品','KeyWordMenu')\">化妆品</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'房地产','KeyWordMenu')\">房地产</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'总经理','KeyWordMenu')\">总经理</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'HR经理','KeyWordMenu')\">HR经理</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'副总经理','KeyWordMenu')\">副总经理</a></li>");
	document.write("<li><a href=\"javascript:\" onclick=\"selectobj('txtKeyWord',false,'总经理助理','KeyWordMenu')\">总经理助理</a></li>");
}

function SubsitebuildGlobalDiv(){
		var globalDiv=document.createElement('div');
		globalDiv.id='globalDiv';
		globalDiv.style.display='none';
		globalDiv.style.zIndex='98';
		globalDiv = set_div_style(globalDiv,'globalDiv','0px','0px','100%',document.body.clientHeight+'px',"absolute"," #333333 0px solid","default","#4d6579");
		if ( 1 == exp ) {
			globalDiv.style.filter="alpha(opacity=50)";
		}
		else {
			globalDiv.style.opacity=50/100;
		}
		
		var AreaDiv=document.createElement('div');
		AreaDiv.id='AreaMainDiv';
		AreaDiv.className='LayerWinDIV';
		AreaDiv.style.display='none';
		AreaDiv.style.zIndex='99';
		AreaDiv.style.position='absolute';
		AreaDiv.style.margin='auto';
		AreaDiv.style.top='100px';
		AreaDiv.style.padding='0';
		var strAreaMemo = "";
		strAreaMemo += "<div class=\"LayerTitleBG\">";
		strAreaMemo += "<div class=\"LayerTitle\">&nbsp;&nbsp;<strong>选择工作地区</strong></div>";
		strAreaMemo += "<div class=\"LayerClose\"><img src=\"http://img.jobems.com/common/ico_closeColor.gif\" alt=\"close\" width=\"20\" height=\"20\" hspace=\"0\" vspace=\"2\" onclick=\"CloseShieldDIV('AreaMainDiv');ClearAllSelectedItem('divSelectedArea','SubsiteArrAreaResult','AreaSecName');\"/></div>";
		strAreaMemo += "</div>";
		strAreaMemo += "<div class=\"ShowLayerDiv\"><ul>";
		strAreaMemo += "<li><select name=\"sltAreaMain\" id=\"sltAreaMain\"><option  value=\"\">选择工作地区</option></select></li>";
		strAreaMemo += "</ul><ul><li>";
		strAreaMemo += "<strong><span id=\"MainAreaName\"></span></strong>(选择此大类，将包括以下所有小类)";
		strAreaMemo += "</li></ul><ul class=\"DivUL\"  id=\"divAreaMain\" style=\"height:160px;\">";
		strAreaMemo += "<Li><input type='CheckBox' Name='AreaSecName' value='11' onClick='SelectDivValue(this,\"divSelectedArea\",\"11\",\"北京\",\"SubsiteArrAreaResult\",1)'> 北京</Li>";
		strAreaMemo +="<Li><input type='CheckBox' Name='AreaSecName' value='31' onClick='SelectDivValue(this,\"divSelectedArea\",\"31\",\"上海\",\"SubsiteArrAreaResult\",1)'> 上海</Li>";
		strAreaMemo +="<Li><input type='CheckBox' Name='AreaSecName' value='4401' onClick='SelectDivValue(this,\"divSelectedArea\",\"4401\",\"广州\",\"SubsiteArrAreaResult\",1)'> 广州</Li>";
		strAreaMemo +="<Li><input type='CheckBox' Name='AreaSecName' value='4403' onClick='SelectDivValue(this,\"divSelectedArea\",\"4403\",\"深圳\",\"SubsiteArrAreaResult\",1)'> 深圳</Li>";
		strAreaMemo +="<Li><input type='CheckBox' Name='AreaSecName' value='3201' onClick='SelectDivValue(this,\"divSelectedArea\",\"3201\",\"南京\",\"SubsiteArrAreaResult\",1)'> 南京</Li>";
		strAreaMemo +="<Li><input type='CheckBox' Name='AreaSecName' value='4201' onClick='SelectDivValue(this,\"divSelectedArea\",\"4201\",\"武汉\",\"SubsiteArrAreaResult\",1)'> 武汉</Li>";
		strAreaMemo +="<Li><input type='CheckBox' Name='AreaSecName' value='5101' onClick='SelectDivValue(this,\"divSelectedArea\",\"5101\",\"成都\",\"SubsiteArrAreaResult\",1)'> 成都</Li>";
		strAreaMemo +="<Li><input type='CheckBox' Name='AreaSecName' value='4301' onClick='SelectDivValue(this,\"divSelectedArea\",\"4301\",\"长沙\",\"SubsiteArrAreaResult\",1)'> 长沙</Li>";
		strAreaMemo +="<Li><input type='CheckBox' Name='AreaSecName' value='2101' onClick='SelectDivValue(this,\"divSelectedArea\",\"2101\",\"沈阳\",\"SubsiteArrAreaResult\",1)'> 沈阳</Li>";
		strAreaMemo +="<Li><input type='CheckBox' Name='AreaSecName' value='3601' onClick='SelectDivValue(this,\"divSelectedArea\",\"3601\",\"南昌\",\"SubsiteArrAreaResult\",1)'> 南昌</Li>";
		strAreaMemo +="<Li><input type='CheckBox' Name='AreaSecName' value='4501' onClick='SelectDivValue(this,\"divSelectedArea\",\"4501\",\"南宁\",\"SubsiteArrAreaResult\",1)'> 南宁</Li>";
		strAreaMemo +="<Li><input type='CheckBox' Name='AreaSecName' value='6101' onClick='SelectDivValue(this,\"divSelectedArea\",\"6101\",\"西安\",\"SubsiteArrAreaResult\",1)'> 西安</Li>";
		strAreaMemo +="<Li><input type='CheckBox' Name='AreaSecName' value='3205' onClick='SelectDivValue(this,\"divSelectedArea\",\"3205\",\"苏州\",\"SubsiteArrAreaResult\",1)'> 苏州</Li>";
		strAreaMemo +="<Li><input type='CheckBox' Name='AreaSecName' value='4419' onClick='SelectDivValue(this,\"divSelectedArea\",\"4419\",\"东莞\",\"SubsiteArrAreaResult\",1)'> 东莞</Li>";
		strAreaMemo +="<Li><input type='CheckBox' Name='AreaSecName' value='4405' onClick='SelectDivValue(this,\"divSelectedArea\",\"4405\",\"汕头\",\"SubsiteArrAreaResult\",1)'> 汕头</Li>";
		strAreaMemo +="<Li><input type='CheckBox' Name='AreaSecName' value='3301' onClick='SelectDivValue(this,\"divSelectedArea\",\"3301\",\"杭州\",\"SubsiteArrAreaResult\",1)'> 杭州</Li>";
		strAreaMemo +="<Li><input type='CheckBox' Name='AreaSecName' value='5301' onClick='SelectDivValue(this,\"divSelectedArea\",\"5301\",\"昆明\",\"SubsiteArrAreaResult\",1)'> 昆明</Li>";
		strAreaMemo +="<Li><input type='CheckBox' Name='AreaSecName' value='2102' onClick='SelectDivValue(this,\"divSelectedArea\",\"2102\",\"大连\",\"SubsiteArrAreaResult\",1)'> 大连</Li>";
		strAreaMemo +="<Li><input type='CheckBox' Name='AreaSecName' value='3302' onClick='SelectDivValue(this,\"divSelectedArea\",\"3302\",\"宁波\",\"SubsiteArrAreaResult\",1)'> 宁波</Li>";
		strAreaMemo +="<Li><input type='CheckBox' Name='AreaSecName' value='3501' onClick='SelectDivValue(this,\"divSelectedArea\",\"3501\",\"福州\",\"SubsiteArrAreaResult\",1)'> 福州</Li>";
		strAreaMemo += "</ul><ul> <li><strong>您已经选择的地区：</strong>（最多可以选择1项）<li>";
		strAreaMemo += "<li>（<a href=\"javascript:\" onclick=\"ClearAllSelectedItem('divSelectedArea','SubsiteArrAreaResult','AreaSecName')\"><strong>╳</strong>清空选项</a>）";
		strAreaMemo += "<li></ul><div id=\"divSelectedArea\"></div>  </div>  <div class=\"DivButton\"><input type=\"button\" value=\" 确定 \" class=\"buttonStyle1\" onclick=\"RefreshResultArrayCode('divSelectedArea','SubsiteArrAreaResult',SubsiteTxtArea,SubsiteSltArea);CloseShieldDIV('AreaMainDiv');ClearAllSelectedItem('divSelectedArea','SubsiteArrAreaResult','AreaSecName')\"> <input type=\"button\" value=\" 取消 \" class=\"buttonStyle1\" onclick=\"CloseShieldDIV('AreaMainDiv');ClearAllSelectedItem('divSelectedArea','SubsiteArrAreaResult','AreaSecName');\">";
		strAreaMemo += "</div>";
		AreaDiv.innerHTML = strAreaMemo;
		document.body.appendChild(AreaDiv);
		document.body.appendChild(globalDiv);

		if(document.body.clientHeight>screen.height-120){
			Layer0height=document.body.offsetHeight;
			Layer0width=document.body.offsetWidth;
		}else{
			Layer0height=screen.height;
			Layer0width=document.body.offsetWidth;
		}
		document.getElementById("AreaMainDiv").style.left=Layer0width/2-250;
		CDivSelect(document.getElementById("sltAreaMain"),document.getElementById("divAreaMain"),document.getElementById("MainAreaName"),"AreaSecName","divSelectedArea","SubsiteArrAreaResult",0,1);
}

function set_div_style(obj,id,top,left,width,height,position,border,cursor,background) {
        var obj = obj;
        obj.id = id?id:null;
        obj.style.top = top?top:'0px';
        obj.style.left = left?left:'0px';
        obj.style.width = width?width:'0px';
        obj.style.height = height?height:'0px';
        obj.style.position = position?position:"static";
        obj.style.border = border?border:"1px #000 solid";
        obj.style.cursor = cursor?cursor:"default";
        obj.style.backgroundColor = background?background:"";
        return obj;
}

window.onload=function(){	SubsitebuildGlobalDiv();}