function sltJobarea(show,value)
{
	form.jobarea.value = show;
	form.btnSltArea.value = show;
	
 	cancel();hiddenLayer("popupArea");
}

function initJobArea()
{
	var bigjobarea_ids = getBigJobAreaIDs();
	var bigjobarea_names = getBigJobAreaNames();
	
	var bigjobarea_map_ids = new Array();
	var bigjobarea_map_names = new Array();
	
	var htmlDiv = '';
	
	htmlDiv +='<table width="500" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">';
	htmlDiv +='<tr>';
	htmlDiv +='<td width="797" height="36" valign="top" top="top">';
	htmlDiv +='<table width="100%" height="28" border="0" cellpadding="0" cellspacing="0" background="' + IMGPATH + '/images1/title_bg1.gif">';
	htmlDiv +='<tr>';
	htmlDiv +='<td width="4%" align="center" valign="middle"><img src="' + IMGPATH + '/images1/01.gif" width="17" height="17" /></td>';
	htmlDiv +='<td width="86%" align="left" valign="middle"  style="color:#fff;">请选择工作地点</td>';
	htmlDiv +='<td width="10%" align="center" valign="middle" style="color:#fff;"><a onClick="javascript:cancel();hiddenLayer(\'popupArea\')" style="color:#FFFFFF;cursor:pointer;">[关闭]</a> </td>';
	htmlDiv +='</tr>';
	htmlDiv +='</table>';
	htmlDiv +='</td>';
	htmlDiv +='</tr>';
	htmlDiv +='<tr>';
	htmlDiv +='<td align="center" valign="top" style="PADDING-LEFT: 5px;"><table width="100%" border="0" align="center" cellpadding="3" cellspacing="0">';
	htmlDiv +='<tr>';
	htmlDiv +='<td colspan="2" align="left" valign="middle"><a href="#" style="color:#000000;font-weight: bold;" onClick="javascript:sltJobarea(\'不限\',\'\')">不限</a></td>';
	htmlDiv +='</tr>';
	htmlDiv +='<tr>';
	htmlDiv +='<td colspan="2" align="left" valign="middle" bgcolor="#F7F7F7" style="color:#1e9aff; font-size: 14px; font-weight: bold;">主要城市:</td>';
	htmlDiv +='</tr>';
	htmlDiv +='<tr>';
	htmlDiv +='<td width="80" align="left" valign="middle" style="color:#000000;font-weight: bold;">华北-东北：</td>';
	htmlDiv +='<td align="left" valign="middle">';
	htmlDiv +='<span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'北京\',\'0100\');">北京</span> ';
	htmlDiv +='<span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'天津\',\'0500\');">天津</span> ';
	htmlDiv +='<span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'大连\',\'2303\');">大连</span> ';
	htmlDiv +='<span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'沈阳\',\'2302\');">沈阳</span> ';
	htmlDiv +='<span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'长春\',\'2402\');">长春</span> ';
	htmlDiv +='<span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'哈尔滨\',\'2202\');">哈尔滨</span></td>';
	htmlDiv +='</tr>';
	htmlDiv +='<tr>';
	htmlDiv +='<td align="left" valign="middle" style="color:#000000;font-weight: bold;">华东地区：</td>';
	htmlDiv +='<td align="left" valign="middle">';
	htmlDiv +='<span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'上海\',\'0200\');">上海</span> ';
	htmlDiv +='<span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'南京\',\'0702\');">南京</span> ';
	htmlDiv +='<span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'苏州\',\'0703\');">苏州</span> ';
	htmlDiv +='<span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'杭州\',\'0802\');">杭州</span> ';
	htmlDiv +='<span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'宁波\',\'0803\');">宁波</span> ';
	htmlDiv +='<span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'合肥\',\'1502\');">合肥</span> ';
	htmlDiv +='<span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'福州\',\'1102\');">福州</span> ';
	htmlDiv +='<span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'济南\',\'1202\');">济南</span> ';
	htmlDiv +='<span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'青岛\',\'1203\');">青岛</span></td>';
	htmlDiv +='</tr>';
	htmlDiv +='<tr>';
	htmlDiv +='<td align="left" valign="middle" style="color:#000000;font-weight: bold;">华南-华中：</td>';
	htmlDiv +='<td align="left" valign="middle">';
	htmlDiv +='<span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'广州\',\'0302\');">广州</span> ';
	htmlDiv +='<span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'深圳\',\'0400\');">深圳</span> ';
	htmlDiv +='<span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'东莞\',\'0308\');">东莞</span> ';
	htmlDiv +='<span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'武汉\',\'1802\');">武汉</span> ';
	htmlDiv +='<span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'长沙\',\'1902\');">长沙</span> ';
	htmlDiv +='<span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'郑州\',\'1702\');">郑州</span></td>';
	htmlDiv +='</tr>';
	htmlDiv +='<tr>';
	htmlDiv +='<td align="left" valign="middle" style="color:#000000;font-weight: bold;">西北-西南：</td>';
	htmlDiv +='<td align="left" valign="middle">';
	htmlDiv +='<span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'西安\',\'2002\');">西安</span> ';
	htmlDiv +='<span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'成都\',\'0902\');">成都</span> ';
	htmlDiv +='<span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'重庆\',\'0600\');">重庆</span> ';
	htmlDiv +='<span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'昆明\',\'2502\');">昆明</span></td>';
	htmlDiv +='</tr>';
	htmlDiv +='<tr>';
	htmlDiv +='<td height="5" colspan="2" align="left" valign="middle" background="' + IMGPATH + '/images1/bgclear_bot.gif"></td>';
	htmlDiv +='</tr>';
	htmlDiv +='</table>';
	
	htmlDiv +='<div id="subareadiv">';
	
	htmlDiv +=getAllArea();
	
	htmlDiv +='</div>';
	
	htmlDiv +='</td>';
	htmlDiv +='</tr>';
	htmlDiv +='<tr>';
	htmlDiv +='<td height="4" align="center" valign="top" bgcolor="#1e9aff"></td>';
	htmlDiv +='</tr>';
	htmlDiv +='</table>';
	
	return htmlDiv;
}

function showSubArea( subareaid , subareaname ){
	htmlDiv = '';
	
	htmlDiv +='<table width="100%" border="0" cellspacing="0">';
	htmlDiv +='<tr>';
	htmlDiv +='<td align="left" valign="middle"  bgcolor="#F7F7F7" style="text-indent:5px;"><span style="cursor:pointer;font-weight:bold; font-size: 14px;" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'' + subareaname + '\',\'' + subareaid + '\');">' + subareaname + '</span>&nbsp;(省)&nbsp;&nbsp;&nbsp;<span style="cursor:pointer; color:#ff7300;" onMouseOver="this.style.color=\'#000000\'" onMouseOut="this.style.color=\'#ff7300\'" onClick="javascript:document.getElementById( \'subareadiv\' ).innerHTML=getAllArea();">[返回所有省份]</span></td>';
	htmlDiv +='</tr>';
	htmlDiv +='<tr><td><table width="100%"><tr>'
	
	subareaids = getAreaIDs( subareaid );
	subareanames = getAreaNames( subareaid );
	num = 0;
	for( var m = 1 ; m < subareaids.length ; m++ ){
		num++;
		htmlDiv +='<td align="left" valign="bottom" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'' + subareanames[m] + '\',\'' + subareaids[m] + '\');">' + subareanames[m] + '</span></td>';
		if( num % 7 == 0  ){
			htmlDiv +='</tr><tr>';
		}	
	}
	htmlDiv +='</tr></table></td></tr></table>';
	
	document.getElementById( 'subareadiv' ).innerHTML = htmlDiv;
}

function getAllArea(){
	htmlDiv = '';
	
	htmlDiv +='<table width="100%" border="0" cellpadding="3" cellspacing="0">';
	htmlDiv +='<tr>';
	htmlDiv +='<td colspan="7" align="left" valign="middle" bgcolor="#F7F7F7" style="color:#1e9aff; font-size: 14px; font-weight: bold;">所有省份:</td>';
	htmlDiv +='</tr>';
	
	htmlDiv +='<tr>';
	htmlDiv +='<td width="80" align="left" valign="middle" bgcolor="#FFFFFF" style="color:#000000;font-weight: bold;">华北-东北：</td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'1600\' , \'河北\' )">河北省</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'2100\' , \'山西\' )">山西省</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'2800\' , \'内蒙古\' )">内蒙古</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'2300\' , \'辽宁\' )">辽宁省</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'2400\' , \'吉林\' )">吉林省</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'2200\' , \'黑龙江\' )">黑龙江省</span></td>';
	htmlDiv +='</tr>';
	htmlDiv +='<tr>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="color:#000000;font-weight: bold;">华东地区：</td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'0700\' , \'江苏\' )">江苏省</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'0800\' , \'浙江\' )">浙江省</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'1500\' , \'安徽\' )">安徽省</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'1100\' , \'福建\' )">福建省</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'1300\' , \'江西\' )">江西省</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'1200\' , \'山东\' )">山东省</span></td>';
	htmlDiv +='</tr>';
	htmlDiv +='<tr>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="color:#000000;font-weight: bold;">华南-华中：</td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'0300\' , \'广东\' )">广东省</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'1400\' , \'广西\' )">广西</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'1000\' , \'海南\' )">海南省</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'1700\' , \'河南\' )">河南省</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'1800\' , \'湖北\' )">湖北省</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'1900\' , \'湖南\' )">湖南省</span></td>';
	htmlDiv +='</tr>';
	htmlDiv +='<tr>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="color:#000000;font-weight: bold;">西北-西南：</td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'2000\' , \'陕西\' )">陕西省</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'2700\' , \'甘肃\' )">甘肃省</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'3200\' , \'青海\' )">青海省</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'2900\' , \'宁夏\' )">宁夏</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'3100\' , \'新疆\' )">新疆</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'0900\' , \'四川\' )">四川省</span></td>';
	htmlDiv +='</tr>';
	htmlDiv +='<tr>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="color:#000000;font-weight: bold;">&nbsp;</td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'2600\' , \'贵州\' )">贵州省</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'2500\' , \'云南\' )">云南省</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'3000\' , \'西藏\' )">西藏</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF">&nbsp;</td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF">&nbsp;</td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF">&nbsp;</td>';
	htmlDiv +='</tr>';
	htmlDiv +='<tr>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="color:#000000;font-weight: bold;">其它：</td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'3300\' , \'香港\' )">香港</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'3400\' , \'澳门\' )">澳门</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'3500\' , \'台湾\' )">台湾</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF"><span style="cursor:pointer" onMouseOver="this.style.color=\'#ff7300\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'3600\' , \'国外\' )">国外</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF">&nbsp;</td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF">&nbsp;</td>';
	htmlDiv +='</tr>';
	
	htmlDiv +='</table>';
	
	return htmlDiv;
	
}