var tempHtml;
var tempStr1;
var tempStr2;
if (section == null)	var section = 0;
if (level1 == null)	var level1 = "";
if (level2 == null)	var level2 = "";
if (level3 == null)	var level3 = "";
var id1 = null;
var id2 = null;
var id3 = null;


genId();

function genId() {	
	var obj = sectionArray[section];
	
	if (level1 != "") {
		for (var i=0; i<obj.length; i++) {
			//alert(obj[i].id + "  " + level1);
			if (obj[i].id == level1) {
				id1 = i;
				
				if (level2 != "") {
					var obj1 = obj[i].subSection;
					for (var j=0; j<obj1.length; j++) {
						//alert(obj[i].id + "  " + level1);
						if (obj1[j].id == level2) {
							id2 = j;
							
							if (level3 != "") {
								var obj2 = obj1[j].subSection;
								for (var k=0; k<obj2.length; k++) {
									//alert(obj[i].id + "  " + level1);
									if (obj2[k].id == level3) {
										id3 = k;
										break;
									}
								}
							} else {
								break;
							}
						}
					}
				} else {
					break;
				}
			}
		}
	}
//alert("id1: "+id1+"   id2: "+id2+"   id3: "+id3);
}

function genNav() {
	var sect = 0;
	var obj = sectionArray[sect];
	
	tempHtml = '<table width="100%" border="0" cellspacing="0" cellpadding="0">';
	tempHtml += '	<tr>';
	tempHtml += '		<td align="center" height="100" style="border-bottom:1px solid #E5E5E5;"><a href="/eng/index.html"><img src="images/logo.gif" alt="HONG KONG INTERNATIONAL AIRPORT" width="146" height="77" border="0"></a></td>';
	tempHtml += '	</tr>';
	tempHtml += '	<tr>';
	tempHtml += '		<td align="right" style="padding-right:10px;"><table border="0" cellspacing="0" cellpadding="0">';
	tempHtml += '			<tr>';
	tempHtml += '				<td class="nav" style="padding-right:10px;" height="25"><a href="javascript:changeLanguage(\'chi\');" class="nav" style="font-size:11px;">&#32321;&#39636;</a></td>';
	tempHtml += '				<td><img src="images/line_v.gif" width="1" height="10"></td>';
	tempHtml += '				<td class="nav" style="padding-left:10px;"><a href="javascript:changeLanguage(\'gb\');" class="nav" style="font-size:11px;">&#31616;&#20307;</a></td>';
	tempHtml += '			</tr>';
	tempHtml += '		</table></td>';
	tempHtml += '	</tr>';
	tempHtml += '	<tr>';
	tempHtml += '		<td>';
	tempHtml += '			<table width="100%" cellpadding="0" cellspacing="0" border="0">';
	
	for (var i=0; i<obj.length; i++) {
		if (id1 == i) {
			tempHtml += '<tr valign="top" bgcolor="#CCE9E1" id="bg'+i+'" onMouseOut="bgColorOver('+i+',0, 1);" onMouseOver="bgColorOver('+i+',1, 1);">';
		} else {
			tempHtml += '	<tr valign="top" id="bg'+i+'" onMouseOut="bgColorOver('+i+',0, 0);" onMouseOver="bgColorOver('+i+',1, 0);">';
		}
			tempHtml += '<td width="18" align="right" style="padding:9px 0px 0px 0px;">';
			tempHtml += '<img src="images/arrow.gif" width="3" height="5">';
			tempHtml += '</td>';
			tempHtml += '		<td class="nav" style="padding:0px 0px 0px 8px;">';
			if (obj[i].subSection) {
			var obj1 = obj[i].subSection;	
			
			tempHtml += '<div style="position:absolute;">';
			tempHtml += '<div style="position:absolute; visibility:hidden; left:158px; top:0px;" id="menu_'+i+'">';
			tempHtml += '<table width="140" border="1" bordercolor="#99D3C4" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">';
			tempHtml += '<tr>';
			tempHtml += '	<td style="padding:0px 0px 0px 0px;">';
			tempHtml += '		<table width="100%" cellpadding="10" cellspacing="0" border="0">';
			for (var j=0; j<obj1.length; j++) {
				
				tempHtml += '			<tr valign="top" id="bg'+i+j+'" onMouseOut="bgColorOver('+i+j+',0, 0);" onMouseOver="bgColorOver('+i+j+',1, 0);">';
				tempHtml += '				<td width="1%" class="nav" style="padding:2px 10px 2px 10px;">-</td>';
				tempHtml += '				<td class="nav" style="padding:2px 10px 2px 0px;"><a href="'+obj1[j].link+'" class="nav" target="'+obj1[j].target+'"><strong>'+obj1[j].name+'</strong></a></td>';
				tempHtml += '			</tr>';
				
			}
			
			tempHtml += '		</table>';
			tempHtml += '	</td>';
			tempHtml += '</tr>';
			tempHtml += '</table>';
			tempHtml += '</div>';
			tempHtml += '</div>';
		}
			
			tempHtml += '			<a href="'+obj[i].link+'" class="nav" target="'+obj[i].target+'"><strong>'+obj[i].name+'</strong></a>';
			tempHtml += '		</td>';
			tempHtml += '	</tr>';
	}
	
	tempHtml += '			</table>';
	tempHtml += '		</td>';
	tempHtml += '	</tr>';
	tempHtml += '</table>';
	
	document.write(tempHtml);
}

function bgColorOver(i, over, isOn) {
	
	if (over == 1) {
		if (!isOn)	document.getElementById('bg'+i).style.backgroundColor = '#CCE9E1';
		
		if (document.getElementById('menu_'+i)) {
			document.getElementById('menu_'+i).style.visibility = 'visible';
		}
	} else {
		if (!isOn)	document.getElementById('bg'+i).style.backgroundColor = '';
		if (document.getElementById('menu_'+i)) {
			document.getElementById('menu_'+i).style.visibility = 'hidden';
		}
	}
}