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">';

    tempHtml += '<div style="width:980px; margin:0px auto; text-align:center;">'
    tempHtml += '<div>'
    tempHtml += '<div style="float:left;width:360px;text-align:left">'
    tempHtml += '<div style="float:left;width:360px;text-align:left;padding:35px 0px 0px 0px">'
    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 += '<div style="float:left;z-index:1;"><a style="padding-bottom:7px" 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/lang1/nav_' + obj[i].id + tempStr1 + '.gif" border="0" alt="' + obj[i].name + '" id="nav_' + i + '"></a></div>';

        MM_preloadImages(path + 'images/lang1/nav_' + obj[i].id + '_f2.gif');
    }

    tempHtml += '</div>'

    tempHtml += '<div style="width:360px;text-align:left;position:relative; top:-4px;z-index:-1;">'
    tempHtml += '<img src="' + path + 'images/lang1/nav_line_l.gif"/>';
    tempHtml += '</div>'

    tempHtml += '<div style="float:left;width:360px;text-align:left">'
    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="float:left; height:20px; margin:50px >';
            tempHtml += '	<div style=" z-index:2;  visibility:' + tempStr2 + ';" id="navMenu' + i + '" onMouseOver="navOver(' + i + ', 1, ' + isSect + ');" onMouseOut="navOver(' + i + ', 0, ' + isSect + ');">';

            //tempHtml += '<div style="float:left;">';
            //tempHtml += '			<img src="'+path+'images/common/spacer.gif" width="1" height="10">';
            //tempHtml += '</div>'

            tempHtml += '<div style="position:relative; top:-6px;padding:7px 0px 0px 0px">';
            for (var j = 0; j < obj1.length; j++) {
                if (id1 == i && id2 == j) {
                    tempStr1 = '_f2';
                    var isSect1 = 1;
                } else {
                    tempStr1 = '';
                    var isSect1 = 0;
                }
                tempHtml += '<div style="float:left;padding: 0px 6px 0px 6px"> <div style="position:relative; top:-5px"><img style="padding:8px 0px 0px 0px" src="' + path + 'images/common/nav_pt.gif"  /></div></div>';
                tempHtml += '<div style="float:left"><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/lang1/subnav_' + obj1[j].id + tempStr1 + '.gif" border="0" alt="' + obj1[j].name + '" id="nav_' + i + j + '"/></a></div>';

                MM_preloadImages(path + 'images/lang1/subnav_' + obj1[j].id + '_f2.gif');
            }

            tempHtml += '	</div>';
            tempHtml += '	</div>';
            tempHtml += '	</div>';
        }
    }

    tempHtml += '</div>'
    tempHtml += '</div>'

    tempHtml += '<div style="float:left;width:240px;text-align:left">'
    tempHtml += '<a href="' + path + 'home.aspx?visLang=1"><img src="' + path + 'images/lang1/logo.gif" border="0" alt="The Grand Cinema"></a>';
    tempHtml += '</div>'

    tempHtml += '<div style="float:left;width:380px;text-align:left">'
    tempHtml += '<div style="float:left;width:380px;text-align:left;padding:35px 0px 0px 0px">'
    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 += '<div style="float:left;z-index:1;"><a style="padding-bottom:7px" 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/lang1/nav_' + obj[i].id + tempStr1 + '.gif" border="0" alt="' + obj[i].name + '" id="nav_' + i + '"></a></div>';

        MM_preloadImages(path + 'images/lang1/nav_' + obj[i].id + '_f2.gif');
    }

    tempHtml += '</div>'

    tempHtml += '<div style="width:380px;text-align:left;position:relative; top:-4px;z-index:-1;">'
    tempHtml += '<img src="' + path + 'images/lang1/nav_line_l.gif"/>';
    tempHtml += '</div>'

    tempHtml += '<div style="float:left;width:380px;text-align:left">'
    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="float:left; height:20px; margin:50px >';
            tempHtml += '	<div style="z-index:2; visibility:' + tempStr2 + ';" id="navMenu' + i + '" onMouseOver="navOver(' + i + ', 1, ' + isSect + ');" onMouseOut="navOver(' + i + ', 0, ' + isSect + ');">';

            //tempHtml += '<div style="float:left;">';
            //tempHtml += '			<img src="'+path+'images/common/spacer.gif" width="1" height="10">';
            //tempHtml += '</div>'

            tempHtml += '<div style="position:relative; top:-6px;padding:7px 0px 0px 0px">';
            for (var j = 0; j < obj1.length; j++) {
                if (id1 == i && id2 == j) {
                    tempStr1 = '_f2';
                    var isSect1 = 1;
                } else {
                    tempStr1 = '';
                    var isSect1 = 0;
                }
                tempHtml += '<div style="float:left;padding: 0px 6px 0px 6px"> <div style="position:relative; top:-5px"><img style="padding:8px 0px 0px 0px" src="' + path + 'images/common/nav_pt.gif"  /></div></div>';
                tempHtml += '<div style="float:left"><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/lang1/subnav_' + obj1[j].id + tempStr1 + '.gif" border="0" alt="' + obj1[j].name + '" id="nav_' + i + j + '"/></a></div>';

                MM_preloadImages(path + 'images/lang1/subnav_' + obj1[j].id + '_f2.gif');
            }

            tempHtml += '	</div>';
            tempHtml += '	</div>';
            tempHtml += '	</div>';
        }
    }

    tempHtml += '</div>'
    tempHtml += '</div>'
    tempHtml += '</div>'
    tempHtml += '</div>'



    tempHtml += '<div style="clear:both">'

    tempHtml += '</div>'



    document.write(tempHtml);
    navOver(1, 0, 0, 1);
    navOver(7, 0, 0, 1);
}


function genFooter() {
	tempHtml = '';
	tempHtml += '<div id="footer" style="width:980px; margin:0px auto; text-align:center;">'
    tempHtml += '<div>'
	tempHtml += '	<div class="footer" style="float:left;width:360px;text-align:left"><a href="'+path+'swf/lang1/policy.htm" class="footer">購票須知</a> | <!--<a href="#" class="footer">網頁指南</a> | --><a href="'+path+'swf/lang1/contact.htm" class="footer">聯絡我們</a> | <a href="'+path+'swf/lang1/faq.htm" class="footer">常見問題</a> | <a href="javascript:changeLanguage2();" class="footer" style="font-size:11px;">English Version</a></div>';
	tempHtml += '	<div class="footer" style="float:right;width:380px;text-align:left;" >Operated by Shaw Group & Multiplex Cinema Ltd.</div>';
	tempHtml += '</div>';
	tempHtml += '</div>';
//	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/lang1/policy.htm" class="footer">購票須知</a> | <!--<a href="#" class="footer">網頁指南</a> | --><a href="'+path+'swf/lang1/contact.htm" class="footer">聯絡我們</a> | <a href="'+path+'swf/lang1/faq.htm" class="footer">常見問題</a> | <a href="javascript:changeLanguage2();" class="footer" style="font-size:11px;">English Version</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 += '</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/lang1/policy.htm" class="footer">購票須知</a> | <!--<a href="#" class="footer">網頁指南</a> | --><a href="' + path + 'swf/lang1/contact.htm" class="footer">聯絡我們</a> | <a href="' + path + 'swf/lang1/faq.htm" class="footer">常見問題</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/lang1/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/lang1/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/lang1/subnav_'+obj1[j].id+'_f2.gif';
	} else {
		if (!isSect)	
			btn.src = path+'images/lang1/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);
		}
	}
}