function sltJobarea(show,value)
{
	
	form.major.value = value;
	form.jobarea.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" 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; font-size:12px;">请选择专业</td>';
	htmlDiv +='<td width="10%" align="center" valign="middle" style="color:#fff;"><a onClick="javascript:cancel();hiddenLayer(\'popupArea\')" style="color:#FFFFFF;font-size:12px;cursor:pointer;">[关闭]</a> </td>';
	htmlDiv +='</tr>';
	htmlDiv +='</table>';
	htmlDiv +='</td>';
	htmlDiv +='</tr>';
	htmlDiv +='<tr>';
	htmlDiv +='<td align="center" valign="top"><table width="100%" border="0" align="center" cellpadding="3" cellspacing="0">';
	htmlDiv +='<tr>';
	htmlDiv +='<td colspan="2" align="left" valign="middle" style="font-size:14px; color:#000000;font-weight: bold;" >&nbsp;<span style="cursor:pointer" onMouseOver="this.style.color=\'\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'0\' , \'不限专业\' )">不限专业</span></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="#1A6791"></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; font-size: 12px;">&nbsp;<span style="cursor:pointer;font-weight:bold; font-size: 12px;" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'' + subareaname + '\',\'' + subareaid + '\');">' + subareaname + '</span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="cursor:pointer; color:#1A6791;" onMouseOver="this.style.color=\'#000000\'" onMouseOut="this.style.color=\'#1A6791\'" 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" style="font-size: 12px">&nbsp;<span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="sltJobarea(\'' + subareanames[m] + '\',\'' + subareaids[m] + '\');">' + subareanames[m] + '</span></td>';
		if( num % 6 == 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:#1A6791; font-size: 12px; font-weight: bold;">&nbsp;所有分类:</td>';
	htmlDiv +='</tr>';
	
	htmlDiv +='<tr>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;">&nbsp;<span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'340000\' , \'教育类\' )">教育类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'190000\' , \'理科类\' )">理科类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'330000\' , \'外语类\' )">外语类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'320000\' , \'语言文学类\' )">语言文学类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'100000\' , \'机械类\' )">机械类</span></td>';
	htmlDiv +='</tr>';
	htmlDiv +='<tr>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;">&nbsp;<span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'200000\' , \'仪器仪表类\' )">仪器仪表类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'300000\' , \'动力电气类\' )">动力电气类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'400000\' , \'电子通信技术类\' )">电子通信技术类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'500000\' , \'计算机类\' )">计算机类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'600000\' , \'化学工程类\' )">化学工程类</span></td>';
	htmlDiv +='</tr>';
	htmlDiv +='<tr>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;">&nbsp;<span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'700000\' , \'轻工类\' )">轻工类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'800000\' , \'测绘材料类\' )">测绘材料类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'900000\' , \'建筑类\' )">建筑类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'100000\' , \'交通运输类\' )">交通运输类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'110000\' , \'能源水利类\' )">能源水利类</span></td>';
	htmlDiv +='</tr>';
	htmlDiv +='<tr>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;">&nbsp;<span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'120000\' , \'生物工程类\' )">生物工程类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'130000\' , \'医药学类\' )">医药学类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'140000\' , \'农林牧渔类\' )">农林牧渔类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'150000\' , \'地矿冶金类\' )">地矿冶金类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'160000\' , \'航空航天类\' )">航空航天类</span></td>';
	htmlDiv +='</tr>';
	htmlDiv +='<tr>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;">&nbsp;<span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'170000\' , \'环境保护类\' )">环境保护类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'180000\' , \'管理类\' )">管理类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'200000\' , \'技工类\' )">技工类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'210000\' , \'经济学类\' )">经济学类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'220000\' , \'财会类\' )">财会类</span></td>';
	htmlDiv +='</tr>';
	htmlDiv +='<tr>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;">&nbsp;<span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'230000\' , \'审计统计类\' )">审计统计类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'240000\' , \'财政税务类\' )">财政税务类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'250000\' , \'金融证券类\' )">金融证券类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'260000\' , \'营销类\' )">营销类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'270000\' , \'哲学类\' )">哲学类</span></td>';
	htmlDiv +='</tr>';
	htmlDiv +='<tr>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;">&nbsp;<span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'280000\' , \'历史考古类\' )">历史考古类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'290000\' , \'法学类\' )">法学类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'300000\' , \'社会政治类\' )">社会政治类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'310000\' , \'艺术广告类\' )">艺术广告类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'350000\' , \'军事体育类\' )">军事体育类</span></td>';
	htmlDiv +='</tr>';
	htmlDiv +='<tr>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;">&nbsp;<span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'360000\' , \'公关文秘类\' )">公关文秘类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'346000\' , \'工科类\' )">工科类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'530000\' , \'公安技术类\' )">公安技术类</span></td>';
    htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'532000\' , \'武器类\' )">武器类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'539000\' , \'船舶与海洋工程类\' )">船舶与海洋工程类</span></td>';
	htmlDiv +='</tr>';
	htmlDiv +='<tr>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;">&nbsp;<span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'541000\' , \'制药工程类\' )">制药工程类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'543000\' , \'图书档案学类\' )">图书档案学类</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;"><span style="cursor:pointer" onMouseOver="this.style.color=\'#1A6791\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showSubArea( \'545000\' , \'其他专业\' )">其他专业</span></td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;">&nbsp;</td>';
	htmlDiv +='<td align="left" valign="middle" bgcolor="#FFFFFF" style="font-size: 12px;">&nbsp;</td>';
	htmlDiv +='</tr>';
	
	htmlDiv +='</table>';
	
	return htmlDiv;
	
}