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 = "";
if (selectArray == null)	var selectArray = null;
var id1 = null;
var id2 = null;
var id3 = null;




if (GetParam('level1'))	level1 = GetParam('level1');
if (GetParam('level2'))	level1 = GetParam('level2');
getLevel();
genId();


function getLevel() {
	var link = location.href.toString();
	var obj = sectionArray[section];
	
	if (level1 == "") {
		for (var i=0; i<obj.length; i++) {
			if (link.indexOf(("/" + obj[i].id + "/")) > -1) {
				level1 = obj[i].id;
				
				if (level2 == "" && obj[i].subSection) {
					var obj1 = obj[i].subSection;
					
					for (var j=0; j<obj1.length; j++) {
						if (link.indexOf((obj1[j].id)) > -1) {
							level2 = obj1[j].id;
							
							if (level3 == "" && obj1[j].subSection) {
								var obj2 = obj1[j].subSection;
								
								for (var k=0; k<obj2.length; k++) {
									if (link.indexOf((obj2[k].id)) > -1) {
										level3 = obj2[k].id;
										
										break;
									}
								}
							} else {
								break;
							}
						}
					}
				} else {
					break;
				}
			}
		}
	}	
	
}


function genId() {	
	var obj = sectionArray[section];
	
	if (level1 != "") {
		for (var i=0; i<obj.length; i++) {
			if (obj[i].id == level1) {
				id1 = i;
				
				if (level2 != "") {
					var obj1 = obj[i].subSection;
					for (var j=0; j<obj1.length; j++) {
						if (obj1[j].id == level2) {
							id2 = j;
							
							if (level3 != "") {
								var obj2 = obj1[j].subSection;
								for (var k=0; k<obj2.length; k++) {
									if (obj2[k].id == level3) {
										id3 = k;
										break;
									}
								}
							} else {
								break;
							}
						}
					}
				} else {
					break;
				}
			}
		}
	}
}


function genTop() {
	var sect = 1;
	var obj = sectionArray[sect];
	
	tempHtml = '';
	
	tempHtml += '<table width="100%" border="0" cellspacing="0" cellpadding="0">';
	tempHtml += '<tr>';
	tempHtml += '<td align="center">';
//	tempHtml += '<div style="position:absolute; width:967px">';
	
	tempHtml += '<table width="967" border="0" cellspacing="0" cellpadding="0">';
	tempHtml += '	<tr valign="top">';
	tempHtml += '		<td width="50%" height="108"><table width="100%" border="0" cellspacing="0" cellpadding="0">';
	tempHtml += '			<tr valign="top">';
	tempHtml += '				<td style="padding:35px 0px 0px 0px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">';
	tempHtml += '					<tr valign="top">';
	
	
	var startNum = 0;
	var endNum = 4;
	for (var i=startNum; i<=endNum; i++) {
		if (id1 == i) {
			tempStr1 = '_f2';
			var isSect = 1;
		} else {
			tempStr1 = '';
			var isSect = 0;
		}
		
		tempHtml += '<td><a href="'+genLink(obj[i].link)+'" target="'+obj[i].target+'" onMouseOver="navOver('+i+', 1, '+isSect+', 1);" onMouseOut="navOver('+i+', 0, '+isSect+', 1);"><img src="'+path+'images/lang2/nav_'+obj[i].id+tempStr1+'.gif" border="0" alt="'+obj[i].name+'" id="nav_'+i+'"></a></td>';
		
		MM_preloadImages(path+'images/lang2/nav_'+obj[i].id+'_f2.gif');
	}
	
	
	tempHtml += '					</tr>';
	tempHtml += '					<tr valign="top">';
	tempHtml += '						<td colspan="5"><img src="'+path+'images/lang2/nav_line_l.gif"></td>';
	tempHtml += '					</tr>';
	tempHtml += '					<tr valign="top">';
	tempHtml += '<td colspan="5">';
	
	
	for (var i=startNum; i<=endNum; i++) {
		if (obj[i].subSection) {
			var obj1 = obj[i].subSection;
			
			if (id1 == i) {
				tempStr2 = 'visible';
				var isSect = 1;
			} else {
				tempStr2 = 'hidden';
				var isSect = 0;
			}
			
			tempHtml += '	<div style="position:absolute;">';
			tempHtml += '	<div style="position:absolute; visibility:'+tempStr2+'; top:-2px; left:0px;" id="navMenu'+i+'" onMouseOver="navOver('+i+', 1, '+isSect+');" onMouseOut="navOver('+i+', 0, '+isSect+');">';
			tempHtml += '	<table width="100%" border="0" cellspacing="0" cellpadding="0">';
			tempHtml += '		<tr valign="top">';
			tempHtml += '			<td><img src="'+path+'images/common/spacer.gif" width="1" height="10"></td>';
			tempHtml += '		</tr>';
			tempHtml += '		<tr valign="top">';
			tempHtml += '			<td style="padding:2px 0px 0px 0px;">';
			tempHtml += '				<table border="0" cellspacing="0" cellpadding="0">';
			tempHtml += '					<tr valign="top">';
			
			for (var j=0; j<obj1.length; j++) {
				if (id1 == i && id2 == j) {
					tempStr1 = '_f2';
					var isSect1 = 1;
				} else {
					tempStr1 = '';
					var isSect1 = 0;
				}
				tempHtml += '<td style="padding:4px 0px 0px 0px;"><img src="'+path+'images/common/nav_pt.gif" hspace="7"></td>';
				tempHtml += '<td><a href="'+genLink(obj1[j].link)+'" target="'+obj1[j].target+'" onMouseOver="navMenuOver('+i+', '+j+', 1, '+isSect1+');" onMouseOut="navMenuOver('+i+', '+j+', 0, '+isSect1+');"><img src="'+path+'images/lang2/subnav_'+obj1[j].id+tempStr1+'.gif" border="0" alt="'+obj1[j].name+'" id="nav_'+i+j+'"></a></td>';
		
				MM_preloadImages(path+'images/lang2/subnav_'+obj1[j].id+'_f2.gif');
			}
			
			tempHtml += '					</tr>';
			tempHtml += '				</table>';
			tempHtml += '			</td>';
			tempHtml += '		</tr>';
			tempHtml += '	</table>';
			tempHtml += '	</div>';
			tempHtml += '	</div>';
		}
	}
	
	
	tempHtml += '</td>';
	tempHtml += '					</tr>';
	tempHtml += '				</table></td>';
	tempHtml += '				<td><a href="'+path+'home.aspx?visLang=2"><img src="'+path+'images/lang2/logo.gif" border="0" alt="The Grand Cinema"></a></td>';
	
	
	tempHtml += '		<td width="50%"><table width="100%" border="0" cellspacing="0" cellpadding="0">';
	tempHtml += '			<tr valign="top">';
	tempHtml += '				<td style="padding:35px 0px 0px 0px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">';
	tempHtml += '					<tr valign="top">';
	
	
	var startNum = 5;
	var endNum = obj.length - 1;
	for (var i=startNum; i<=endNum; i++) {
		if (id1 == i) {
			tempStr1 = '_f2';
			var isSect = 1;
		} else {
			tempStr1 = '';
			var isSect = 0;
		}
		
		tempHtml += '<td><a href="'+genLink(obj[i].link)+'" target="'+obj[i].target+'" onMouseOver="navOver('+i+', 1, '+isSect+', 1);" onMouseOut="navOver('+i+', 0, '+isSect+');"><img src="'+path+'images/lang2/nav_'+obj[i].id+tempStr1+'.gif" border="0" alt="'+obj[i].name+'" id="nav_'+i+'"></a></td>';
		
		MM_preloadImages(path+'images/lang2/nav_'+obj[i].id+'_f2.gif');
	}
	
	
	tempHtml += '					</tr>';
	tempHtml += '					<tr valign="top">';
	tempHtml += '						<td colspan="5"><img src="'+path+'images/lang2/nav_line_l.gif"></td>';
	tempHtml += '					</tr>';
	tempHtml += '					<tr valign="top">';
	tempHtml += '<td colspan="5">';
	
	
	for (var i=startNum; i<=endNum; i++) {
		if (obj[i].subSection) {
			var obj1 = obj[i].subSection;
			
			if (id1 == i) {
				tempStr2 = 'visible';
				var isSect = 1;
			} else {
				tempStr2 = 'hidden';
				var isSect = 0;
			}
			
			tempHtml += '	<div style="position:absolute;">';
			tempHtml += '	<div style="position:absolute; visibility:'+tempStr2+'; top:-2px; left:0px;" id="navMenu'+i+'" onMouseOver="navOver('+i+', 1, '+isSect+', 0);" onMouseOut="navOver('+i+', 0, '+isSect+');">';
			tempHtml += '	<table width="100%" border="0" cellspacing="0" cellpadding="0">';
			tempHtml += '		<tr valign="top">';
			tempHtml += '			<td><img src="'+path+'images/common/spacer.gif" width="1" height="10"></td>';
			tempHtml += '		</tr>';
			tempHtml += '		<tr valign="top">';
			tempHtml += '			<td style="padding:2px 0px 0px 0px;">';
			tempHtml += '				<table border="0" cellspacing="0" cellpadding="0">';
			tempHtml += '					<tr valign="top">';
			
			for (var j=0; j<obj1.length; j++) {
				if (id1 == i && id2 == j) {
					tempStr1 = '_f2';
					var isSect1 = 1;
				} else {
					tempStr1 = '';
					var isSect1 = 0;
				}
				tempHtml += '<td style="padding:4px 0px 0px 0px;"><img src="'+path+'images/common/nav_pt.gif" hspace="6"></td>';
				tempHtml += '<td><a href="'+genLink(obj1[j].link)+'" target="'+obj1[j].target+'" onMouseOver="navMenuOver('+i+', '+j+', 1, '+isSect1+');" onMouseOut="navMenuOver('+i+', '+j+', 0, '+isSect1+');"><img src="'+path+'images/lang2/subnav_'+obj1[j].id+tempStr1+'.gif" border="0" alt="'+obj1[j].name+'" id="nav_'+i+j+'"></a></td>';
		
				MM_preloadImages(path+'images/lang2/subnav_'+obj1[j].id+'_f2.gif');
			}
			
			tempHtml += '					</tr>';
			tempHtml += '				</table>';
			tempHtml += '			</td>';
			tempHtml += '		</tr>';
			tempHtml += '	</table>';
			tempHtml += '	</div>';
			tempHtml += '	</div>';
		}
	}
	
	
	tempHtml += '</td></tr>';
	tempHtml += '</table>';
	
	tempHtml += '</td></tr>';
	tempHtml += '</table>';
	
	tempHtml += '</td></tr>';
	tempHtml += '</table>';
	
	tempHtml += '</td></tr>';
	tempHtml += '</table>';
	
	document.write(tempHtml);
}


function genFooter() {
	tempHtml = '';
	
	tempHtml += '<table width="967" border="0" cellspacing="0" cellpadding="0" id="footer">';
	tempHtml += '	<tr>';
	tempHtml += '		<td class="footer" style="padding:25px 0px 0px 5px;"><a href="'+path+'swf/lang2/policy.htm" class="footer">Purchase Policy</a> | <!--<a href="#" class="footer">Sitemap</a> | --><a href="'+path+'swf/lang2/contact.htm" class="footer">Contact Us</a> | <a href="'+path+'swf/lang2/faq.htm" class="footer">FAQ</a> | <a href="javascript:changeLanguage2();" class="footer" style="font-size:11px;">&#20013;&#25991;</a></td>';
	tempHtml += '		<td align="right" class="footer" style="padding:25px 0px 0px 0px;">Operated by Shaw Group & Multiplex Cinema Ltd.</td>';
	tempHtml += '	</tr>';
	
	tempHtml += '</table>';
	
//	tempHtml += '</div>';
	tempHtml += '</td>';
	tempHtml += '</tr>';
	tempHtml += '</table>';
	
	document.write(tempHtml);
}


function genFooter2() {
    tempHtml = '';

    tempHtml += '<table width="967" border="0" cellspacing="0" cellpadding="0" id="footer">';
    tempHtml += '	<tr>';
    tempHtml += '		<td class="footer" style="padding:25px 0px 0px 5px;"><a href="' + path + 'swf/lang2/policy.htm" class="footer">Purchase Policy</a> | <!--<a href="#" class="footer">Sitemap</a> | --><a href="' + path + 'swf/lang2/contact.htm" class="footer">Contact Us</a> | <a href="' + path + 'swf/lang2/faq.htm" class="footer">FAQ</a></td>';
    tempHtml += '		<td align="right" class="footer" style="padding:25px 0px 0px 0px;">Operated by Shaw Group & Multiplex Cinema Ltd.</td>';
    tempHtml += '	</tr>';

    tempHtml += '</table>';

    //	tempHtml += '</div>';
    tempHtml += '</td>';
    tempHtml += '</tr>';
    tempHtml += '</table>';

    document.write(tempHtml);
}

function genLink(i) {
	if ((i.indexOf('javascript') > -1) | (i.indexOf('http') > -1) | (i.indexOf('/') == 0)) {
		var link = i;
	} else {
		var link = path + i;
	}
	
	return link;
}


function navOver(i, over, isSect, isFadeIn) {
	var obj = sectionArray[1];
	if (document.getElementById('navMenu'+i))	var layer = document.getElementById('navMenu'+i);
	var btn = document.getElementById(('nav_'+i));
	
	if (over == 1) {
		if (!isSect)	btn.src = path+'images/lang2/nav_'+obj[i].id+'_f2.gif';
		if (layer) {
			layer.style.visibility = 'visible';
//			if (isFadeIn)	fadeIn(layer, 1);
		}
		
		if (id1 != null && document.getElementById('navMenu'+id1) && !isSect)	document.getElementById('navMenu'+id1).style.visibility = 'hidden';
		
	} else {
		if (!isSect)	btn.src = path+'images/lang2/nav_'+obj[i].id+'.gif';
		if (layer && !isSect)	layer.style.visibility = 'hidden';
		
		if (id1 != null && document.getElementById('navMenu'+id1) && !isSect) {
			document.getElementById('navMenu'+id1).style.visibility = 'visible';
//			fadeIn('navMenu'+id1);
		}
	}
}


function navMenuOver(i, j, over, isSect) {
	var obj1 = sectionArray[1][i].subSection;
	var btn = document.getElementById(('nav_'+i+j));
	
	if (over == 1) {
		if (!isSect)	btn.src = path+'images/lang2/subnav_'+obj1[j].id+'_f2.gif';
	} else {
		if (!isSect)	btn.src = path+'images/lang2/subnav_'+obj1[j].id+'.gif';
	}
}


var fadeInSpeed = 30;
var opacity = 0;
var fadeInObj;

function fadeIn(mc, obj) {
	if (navigator.appName.indexOf("Microsoft") > -1) {
		if (mc) {
			if (obj) {
				fadeInObj = mc;
			} else {
				fadeInObj = document.getElementById(mc);
			}
			fadeInObj.opacity = opacity;
			fadeInObj.style.filter = "alpha(opacity="+fadeInObj.opacity+")";
		}
		
		fadeInObj.opacity += 10;
		//window.status = opacity;
		
		if (fadeInObj.opacity <= 100) {
			fadeInObj.style.filter = "alpha(opacity="+fadeInObj.opacity+")";
			
			fadeInObj.timeOut = setTimeout("fadeIn()", fadeInSpeed);
		} else {
			clearTimeout(fadeInObj.timeOut);
		}
	}
}


