// JScript 文件
function sltJobarea(show,value)
{
	form.jobarea1.value = show;
	form.jobarea2.value = value;
	$_('diqu').value = show;
	$_('diqu').title = show;
 	 closeLayer("popupArea1");
}
function initJobArea10( layerId ) {
	if ( 'E' == lang ) {
		var psara = 'Please Select Location';
		var closeword = 'Close';
		var clearword = 'Clear';
		var confirmword = 'Confirm';
		var selara = 'Selected Location';
		var mcity = 'MAJOR CITIES';
		var aprov = 'ALL PROVINCES';
		var w1 = 160;
		var w2 = 100;
		var nomorethan = 'No more than ' + pLayer[layerId]['eleMaxNum'] + ' options';
	}
	else {
		var psara = '<SPAN STYLE="color: #FFFFFF">请选择工作地点</span>';
		var closeword = '关闭';
		var clearword = '清空';
		var confirmword = '确认';
		var selara = '已选地点';
		var mcity = '主要城市';
		var aprov = '所有省份';
		var w1 = 80;
		var w2 = 85;
		var nomorethan = '';
	}

	var rl = 6;//每行的列数

	var plen,i,k,slen,tmp,n,h1 = 25,pl = 5;
	var twd = w1 + w2 * rl + pl;//table 总宽度

	var htmlDiv = '';
	htmlDiv +='<table width="' + twd + '" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">';

	//nav
	htmlDiv +='<tr>';
	htmlDiv +='<td height="36" valign="top" background="'+IMGPATH+'/images/title_bg.gif"  top="top" left="left">';
	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+'/images/01.gif" /></td>';
	htmlDiv +='<td width="66%" align="left" valign="middle"  style="color:#fff;">' + psara + '&nbsp; ' + nomorethan + ' </td>';
	//htmlDiv +='<td width="30%" align="right" valign="middle" style="color:#FFFFFF;"><span style="cursor:pointer;" onclick="javascript:initLayer( \'' + layerId + '\' , \'\' );">[' + clearword + ']</span>&nbsp;&nbsp;<span style="cursor:pointer;" onclick="javascript:confirmLayer( \'' + layerId + '\' );" title="' + quickConfirmWord + '">[' + confirmword + ']</span>&nbsp;&nbsp;<span style="cursor:pointer;" onclick="javascript:closeLayer(\'' + layerId + '\');" title="' + quickCloseWord + '">[' + closeword + ']</span>&nbsp;&nbsp;&nbsp;&nbsp;</td>';
	htmlDiv +='<td width="30%" align="right" valign="middle" style="color:#FFFFFF;"><span style="cursor:pointer;" onclick="javascript:closeLayer( \'' + layerId + '\' );" title="' + closeword+ '">[' + closeword + ']</span>&nbsp;&nbsp;&nbsp;&nbsp;</td>';
	htmlDiv +='</tr>';
	htmlDiv +='</table>';
	htmlDiv +='</td>';
	htmlDiv +='</tr>';
	//nav end
	
	htmlDiv +='<tr>';
	htmlDiv +='<td align="center" valign="top">';
	htmlDiv +='<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">';
		
	//已选地点初始化开始
//	htmlDiv +='<tr id="sjtr" height="' + h1 + '">';
//	htmlDiv +='<td width="' + w1 + '" style="color:#ff7400; font-size: 14px; font-weight: bold;padding-left:' + pl + 'px;">' + selara + '：</td>';
//	for ( i = 0 ; i < rl  ; i++ ) {
//		htmlDiv +='<td></td>';
//	}
//	htmlDiv +='</tr>';
	//已选地点初始化结束
	
		htmlDiv +='<tr>';
	htmlDiv +='<td colspan="7" align="left" valign="middle"><a href="#" style="color:#000000;font-weight: bold;" onClick="javascript:sltJobarea(\'中国\',\'\')">中国</a></td>';
	htmlDiv +='</tr>';
	
	//虚线
	htmlDiv +='<tr><td height="5" colspan="' + ( rl + 1 ) + '" background="' + IMGPATH + '/images/bgclear_bot.gif"></td></tr>';

	//主要城市开始
	htmlDiv +='<tr height="25px">';
	htmlDiv +='<td colspan="' + ( rl + 1 ) + '" bgcolor="#F7F7F7" style="color:#ff7400; font-size: 14px; font-weight: bold;padding-left:' + pl + 'px;" >' + mcity + '：</td>';
	htmlDiv +='</tr>';
  
	plen = maincity.length;

	for ( i = 0 ; i < plen ; i++ ) {
		tmp = maincity[i];
		htmlDiv +='<tr height="' + h1 + '">';
		htmlDiv +='<td style="color:#000000;font-weight: bold;padding-left:' + pl + 'px;">' + tmp[0] + '：</td>';
		slen = tmp[1].length;
		for ( k = 0 ; k < slen ; k++ ) {
			htmlDiv += k && 0 == k % rl ? '<tr><td style="padding-left:' + pl + 'px;"></td>' : '';
			htmlDiv += '<td width="' + w2 + '"><span style="cursor:pointer" onmouseover="this.style.color=\'#ff7300\'" onmouseout="this.style.color=\'\'" onclick="sltJobarea(\'' +  ja[tmp[1][k]] + '\',\'' + tmp[1][k] + '\');">' + ja[tmp[1][k]] + '</span></td>';
			htmlDiv += ( rl - 1 ) == k % rl ? '</tr>' : '';
		}
		n = ( rl - ( k % rl ) ) % rl;
		htmlDiv += n ? '<td colspan="' + n + '"></td></tr>' : '';
	}
	htmlDiv +='</table>';
	//主要城市结束
	
		htmlDiv +='<div id="subareadiv">';
	
	htmlDiv +=getAllArea();
	
	htmlDiv +='</div>';

//	//主要省份开始
//	
//	
//	
//	
//	//主要省份结束

//	htmlDiv +='</table>';
//	htmlDiv +='</td>';
//	htmlDiv +='</tr>';
	//

	htmlDiv +='<tr>';
	htmlDiv +='<td height="4" align="center" valign="top" bgcolor="#2C7ED2"></td>';
	htmlDiv +='</tr>';

	htmlDiv +='</table>';
	
	
	return htmlDiv;
}

function showSubArea( subareaid , subareaname ){

	var htmlDiv = '';
	

	htmlDiv +='<table width="100%" border="0" cellspacing="0">';
	htmlDiv +='<tr height="25px">';
	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 height="25px">'
	
	var subareaids = getAreaIDs( subareaid );
	var 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 height="25px">';
		}	
	}
	htmlDiv +='</tr></table></td></tr></table>';
	
	document.getElementById( 'subareadiv' ).innerHTML = htmlDiv;
}

function getAllArea(){

     var rl = 6;//每行的列数
     var aprov = '所有省份';
	var plen,i,k,slen,tmp,n,h1 = 25,pl = 5;
	var htmlDiv = '';
	
	htmlDiv +='<table width="100%" border="0" cellpadding="3" cellspacing="0">';
	htmlDiv +='<tr height="' + h1 + '">';
	htmlDiv +='<td colspan="7" align="left" valign="middle" bgcolor="#F7F7F7" style="color:#ff7400; font-size: 14px; font-weight: bold;">' + aprov + '：</td>';
	htmlDiv +='</tr>';
	
	plen = allprov.length;
	var me;
	var pd1 = '&nbsp;';
	
	for ( i = 0 ; i < plen ; i++ ) {
		tmp = allprov[i];
		htmlDiv +='<tr height="' + h1 + '">';
		htmlDiv +='<td style="color:#000000;font-weight: bold; padding-left:5px"   width="100px">' + tmp[0] + '：</td>';
		slen = tmp[1].length;

		for ( k = 0 ; k < slen ; k++ ) {
			htmlDiv += k && 0 == k % rl ? '<tr><td style="padding-left:5px;"></td>' : '';
			if ( plen - 1 == i ) {//香港澳门等地区
				htmlDiv += '<td ><span style="cursor:pointer" onmouseover="this.style.color=\'#ff7300\'" onmouseout="this.style.color=\'\'" onClick="sltJobarea(\'' +  ja[tmp[1][k]] + '\',\'' + 4500 + '\');">' + ja[tmp[1][k]] + '</span></td>';
			}
			else {
				htmlDiv += '<td align="left" valign="middle" width="85px"><span style="cursor:pointer" onmouseover="this.style.color=\'#ff7300\'" onmouseout="this.style.color=\'\'" onClick="javascript:showSubArea( \''+ tmp[1][k] +'\' , \'' + ja[tmp[1][k]] + '\' )">' + ja[tmp[1][k]] + '</span></td>';
			}
			htmlDiv += ( rl - 1 ) == k % rl ? '</tr>' : '';
		}
		n = ( rl - ( k % rl ) ) % rl;
		htmlDiv += n ? '<td colspan="' + n + '"></td></tr>' : '';
	}
	
	htmlDiv += '</table>';
	
	
	return htmlDiv;
	
}