function sltJobarea(show,value)
{
    document.getElementById(jobareaId).value = value;
    document.getElementById(btnSltAreaId).value = show;
	
 	cancel();hiddenLayer("popupArea");
}

function initJobArea()
{
	var htmlDiv = '';
	
	htmlDiv +='<table width="500" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="border:1px solid #ccc">';
	htmlDiv +='<tr>';
	htmlDiv +='<td width="797" height="36" valign="top" background="../' + IMGPATH + '/title_bg.gif"  top="top" left="left" repeat-x;="repeat-x;"">';
	htmlDiv +='<table width="100%" height="28" border="0" cellpadding="0" cellspacing="0">';
	htmlDiv +='<tr>';
	htmlDiv +='<td width="4%" align="center" valign="middle"><img src="../' + IMGPATH + '/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">';
	
	htmlDiv +='<div id="subareadiv">';
	
	htmlDiv +=getAllArea();
	
	htmlDiv +='</div>';
	
	htmlDiv +='</td>';
	htmlDiv +='</tr>';
	htmlDiv +='<tr>';
	htmlDiv +='<td height="4" align="center" valign="top" bgcolor="#1587FF"></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; 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 = 0 ; 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:#ff7400; 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:sltJobarea( \'北京市\' , \'1\' )">北京市</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:sltJobarea( \'天津市\' , \'2\' )">天津市</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:sltJobarea( \'上海市\' , \'3\' )">上海市</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:sltJobarea( \'重庆市\' , \'4\' )">重庆市</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 +='<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( \'5\' , \'河北省\' )">河北省</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( \'6\' , \'山西省\' )">山西省</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( \'33\' , \'内蒙古\' )">内蒙古</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( \'8\' , \'辽宁省\' )">辽宁省</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( \'9\' , \'吉林省\' )">吉林省</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( \'10\' , \'黑龙江省\' )">黑龙江省</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( \'11\' , \'江苏省\' )">江苏省</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( \'12\' , \'浙江省\' )">浙江省</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( \'13\' , \'安徽省\' )">安徽省</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( \'14\' , \'福建省\' )">福建省</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( \'15\' , \'江西省\' )">江西省</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( \'16\' , \'山东省\' )">山东省</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( \'20\' , \'广东省\' )">广东省</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( \'29\' , \'广西\' )">广西</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( \'25\' , \'海南省\' )">海南省</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( \'17\' , \'河南省\' )">河南省</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( \'18\' , \'湖北省\' )">湖北省</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( \'19\' , \'湖南省\' )">湖南省</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( \'28\' , \'陕西省\' )">陕西省</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( \'21\' , \'甘肃省\' )">甘肃省</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( \'27\' , \'青海省\' )">青海省</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( \'31\' , \'宁夏\' )">宁夏</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( \'21\' , \'新疆\' )">新疆</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( \'22\' , \'四川省\' )">四川省</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( \'24\' , \'贵州省\' )">贵州省</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( \'26\' , \'云南省\' )">云南省</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( \'30\' , \'西藏\' )">西藏</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( \'35\' , \'香港\' )">香港</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( \'34\' , \'澳门\' )">澳门</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( \'7\' , \'台湾\' )">台湾</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 +='</table>';
	
	return htmlDiv;
	
}