function genHomeLeft() {
	tempHtml = '<table width="100%" cellpadding="3" cellspacing="0" border="0">';
	
	var obj = sectionArray[1];
// Left Navigation and Left Pulldown Starts Here
	
	for (var i=0; i<obj.length; i++) {
		
		tempHtml += '<tr>';
		tempHtml += '	<td width="3" class="topLink" style="padding-left:1px;"><img src="'+path+'images/common/point_brown.gif" alt="" width="3" height="3"></td>';
		
		tempHtml += '<td class="topLink" onMouseOver="mainMenuOver('+i+',1);" onMouseOut="mainMenuOver('+i+',0);">';
		
		
		var obj1 = obj[i].subSection;
		
		if (obj1) {
		//	if (i == (obj.length - 1))	tempStr1 = '192px';	else	tempStr1 = '200px';
			
			tempHtml += '<div style="position:absolute;">';
			tempHtml += '<div style="width:200px; position:absolute; visibility:hidden; top:-11px; left:218px;" id="mainNavMenu'+i+'" onMouseOver="mainMenuOver('+i+', 1);" onMouseOut="mainMenuOver('+i+', 0);">';
			tempHtml += '	<table width="100%" cellpadding="0" cellspacing="0" border="0" class="navBg">';
			tempHtml += '		<tr>';
			tempHtml += '			<td style="border:1px solid #DCDCDC; padding-top:4px; padding-bottom:4px;" bgcolor="#FFFFFF">';
			tempHtml += '				<table width="100%" cellpadding="4" cellspacing="0" border="0">';
			
			
			for (var j=0; j<obj1.length; j++) {
				tempHtml += '<tr>';
				tempHtml += '	<td width="11" valign="top" align="right" style="padding-top:11px; padding-right:0px;"><img src="'+path+'images/common/point_brown.gif" alt="" width="3" height="3" hspace="4"></td>';
				
				
				var obj2 = obj1[j].subSection;
				
				if (obj2) {
					tempHtml += '<td valign="top" onMouseOver="mainSubMenuOver('+i+', '+j+', 1);" onMouseOut="mainSubMenuOver('+i+', '+j+', 0);">';
					
					tempHtml += '<div style="position:absolute;">';
					
					
					tempHtml += '<div style="width:204px; position:absolute; visibility:hidden; top:-10px; left:178px;" id="mainNavMenu'+i+j+'" onMouseOver="mainSubMenuOver('+i+', '+j+', 1);" onMouseOut="mainSubMenuOver('+i+', '+j+', 0);">';
					tempHtml += '	<table width="100%" cellpadding="0" cellspacing="0" border="0" class="navBg">';
					tempHtml += '		<tr>';
					tempHtml += '			<td width="4"><img src="'+path+'images/common/spacer.gif" alt="" width="4" height="1"></td>';
					
					tempHtml += '			<td style="border:1px solid #DCDCDC; padding-top:4px; padding-bottom:4px;" bgcolor="#FFFFFF">';
					tempHtml += '				<table width="100%" cellpadding="4" cellspacing="0" border="0">';
					
					
					for (var k=0; k<obj2.length; k++) {
						tempHtml += '<tr>';
						tempHtml += '	<td width="3" valign="top" align="right" style="padding-top:11px; padding-right:0px;"><img src="'+path+'images/common/point_brown.gif" alt="" width="3" height="3" hspace="4"></td>';
						
						if (obj2[k].link != "") {
							tempHtml += '<td valign="top"><a href="'+obj2[k].link+'" target="'+obj2[k].target+'" class="menuLink">'+obj2[k].name+'</a>';
						} else {
							tempHtml += '<td valign="top">'+obj2[k].name;
						}
						
						tempHtml += '</td>';
						
						tempHtml += '</tr>';
						tempHtml += '<tr>';
						tempHtml += '	<td colspan="2" style="padding:0px;" id="mainMenuLine'+j+k+'"><img src="'+path+'images/common/spacer.gif" alt="" width="1" height="1"></td>';
						tempHtml += '</tr>';
					}
					
					
					tempHtml += '				</table>';
					tempHtml += '			</td>';
					
					if (i >= 5)	tempHtml += '<td width="24"><img src="'+path+'images/common/spacer.gif" alt="" width="24" height="1"></td>';
					
					tempHtml += '		</tr>';
					tempHtml += '	</table>';
					tempHtml += '</div>';
					tempHtml += '</div>';
				} else {
					tempHtml += '<td valign="top">';
				}
				
				if (obj1[j].link != "") {
					tempHtml += '<a href="'+obj1[j].link+'" target="'+obj1[j].target+'" class="menuLink" id="mainNavText'+i+j+'">'+obj1[j].name+'</a>';
				} else {
					tempHtml += '<span class="menuLink" id="mainNavText'+i+j+'">'+obj1[j].name+'</span>';
				}
				
				tempHtml += '</td>';
				
				
				tempHtml += '</tr>';
				tempHtml += '<tr>';
				tempHtml += '	<td colspan="2" style="padding:0px;" id="mainMenuLine'+i+j+'"><img src="'+path+'images/common/spacer.gif" alt="" width="1" height="1"></td>';
				tempHtml += '</tr>';
			}
			
			
			tempHtml += '				</table>';
			tempHtml += '			</td>';
			tempHtml += '		</tr>';
			tempHtml += '	</table>';
			tempHtml += '</div>';
			tempHtml += '</div>';
		}
		
		if (obj[i].link != "") {
			tempHtml += '<a href="'+obj[i].link+'" target="'+obj[i].target+'" class="topLink" id="mainNavText'+i+'"><strong>'+obj[i].name+'</strong></a>';
		} else {
			tempHtml += '<strong>'+obj[i].name+'</strong>';
		}
		
		tempHtml += '</td>';
		
		tempHtml += '</tr>';
		tempHtml += '<tr>';
		tempHtml += '	<td colspan="2" style="padding:0px;" id="mainMenuLine'+i+'"><img src="'+path+'images/common/spacer.gif" alt="" width="1" height="1"></td>';
		tempHtml += '</tr>';
		
	}
	
// Left Navigation and Left Pulldown Ends Here
	
	tempHtml += '</table>';
	
	document.write(tempHtml);
}


function mainMenuOver(i, over) {
//	if (mainNavSection != id) {
		if (document.getElementById('mainNavMenu'+i))	var layer = document.getElementById('mainNavMenu'+i);
		if (over == 1) {
			document.getElementById('mainNavText'+i).style.color = '#FFBF00';
			if (layer) {
				document.getElementById('mainMenuLine'+i).style.backgroundColor = '#D5D7DA';
				layer.style.visibility = 'visible';
			}
		} else {
			document.getElementById('mainNavText'+i).style.color = '#FFFFFF';
			if (layer) {
				document.getElementById('mainMenuLine'+i).style.backgroundColor = '';
				layer.style.visibility = 'hidden';
			}
		}
//	}
}


function mainSubMenuOver(i, j, over) {
//	if (mainSubNavSection != id) {
		if (document.getElementById('mainNavMenu'+i+j))	var layer = document.getElementById('mainNavMenu'+i+j);
		if (over == 1) {
			document.getElementById('mainNavText'+i+j).style.color = '#996600';
			document.getElementById('mainMenuLine'+i+j).style.backgroundColor = '#D5D7DA';
			if (layer)	layer.style.visibility = 'visible';
		} else {
			document.getElementById('mainNavText'+i+j).style.color = '#1A2B4E';
			document.getElementById('mainMenuLine'+i+j).style.backgroundColor = '';
			if (layer)	layer.style.visibility = 'hidden';
		}
//	}
}

// Banner
function genBanner(i) {
	var obj = bannerArray[i];
	
	tempHtml = '<span id="td'+i+'"><a href="'+obj[0].link+'" target="'+obj[0].target+'"><img src="'+path+obj[0].img+'" alt="" width="140" height="44" border="0" alt="'+obj[0].name+'" name="banner'+i+'"></a></span>';
	
	document.write(tempHtml);
	document.getElementById('td'+i).curIndex = 0;
	
	if (i == (totalBanner-1))	fadeInInit();
}

// Banner ***NEW***
function genBanner1(i) {
	var obj = bannerArray[i];
	// Browser sniffer, tested work with IE8, FF, 3.6.10, Google Chrome 7.0.517.41 & Safari5.0.2
	// -START-
	ua = navigator.userAgent.toLowerCase();
	if (ua.indexOf("msie") != -1) {
		b0top  = '0px';
		b0left = '140px';
		b2top  = '0px';
		b2left = '140px';
	} else {
		b0top  = '0px';
		b0left = '140px';
		b2top  = '-48px';
		b2left = '452px';
	}
	// -END-
	
	if (i == 0) {
		tempHtml  = '<div style="position:absolute; z-index:200;">';
		tempHtml += '<div style="width:316px; position:absolute; visibility:hidden; top:'+b0top+'; left:'+b0left+';" id="bottomMenu0" onMouseOver="bottomBannerOver(0, 1);" onMouseOut="bottomBannerOver(0, 0);">';
		tempHtml += '<table width="100%" cellpadding="0" cellspacing="0" border="0">';
		tempHtml += '<tr>';
		tempHtml += '<td>';
		tempHtml += '<table width="100%" cellpadding="0" cellspacing="0" border="0">';
		tempHtml += '<tr>';
		tempHtml += '<td valign="top" class="menuLink" aligh="left"><img src="'+path+'images/home/banner_President.jpg" border="0" width="315" height="44" usemap="#PMap"></td>';
		tempHtml += '</tr>';
		tempHtml += '</table>';
		tempHtml += '</td>';
		tempHtml += '</tr>';
		tempHtml += '</table>';
		
		tempHtml += '<map name="PMap" id="PMap"><area shape="rect" coords="8,7,76,22" href="http://president.ust.hk/eng/bio.html" target="_blank" /><area shape="rect" coords="8,25,130,40" href="http://president.ust.hk/eng/speeches_pubs.html" target="_blank" /><area shape="rect" coords="159,7,302,22" href="http://president.ust.hk/eng/album.html" target="_blank" /><area shape="rect" coords="159,25,209,40" href="http://president.ust.hk/eng/e-letter.html" target="_blank" /></map>';

		tempHtml += '</div>';
		tempHtml += '</div>';
		tempHtml += '<span id="td'+i+'"><a href="'+obj[0].link+'" target="'+obj[0].target+'"><img src="'+path+obj[0].img+'" alt="" width="140" height="44" border="0" alt="'+obj[0].name+'" name="banner'+i+'"  onMouseOver="bottomBannerOver(0, 1);" onMouseOut="bottomBannerOver(0, 0);"></a></span>';
	} else if (i == 2) {
		tempHtml  = '<div style="position:absolute; z-index:200;">';
		tempHtml += '<div style="width:150px; position:absolute; visibility:hidden; top:'+b2top+'; left:'+b2left+';" id="bottomMenu2" onMouseOver="bottomBannerOver(2, 1);" onMouseOut="bottomBannerOver(2, 0);">';
		tempHtml += '<table width="100%" cellpadding="0" cellspacing="0" border="0">';
		tempHtml += '<tr>';
		tempHtml += '<td>';
		tempHtml += '<table width="100%" cellpadding="0" cellspacing="0" border="0">';
		tempHtml += '<tr>';
		tempHtml += '<td valign="top" class="menuLink" aligh="left"><img src="'+path+'images/home/banner_Mainland.jpg" border="0" width="315" height="44" usemap="#MMap"></td>';
		tempHtml += '</tr>';
		tempHtml += '</table>';
		tempHtml += '</td>';
		tempHtml += '</tr>';
		tempHtml += '</table>';

		tempHtml += '<map name="MMap" id="MMap"><area shape="rect" coords="0,0,140,44" href="http://fyt.hkust.edu.cn/index1.htm" target="_blank" /><area shape="rect" coords="140,0,281,44" href="https://w3.ab.ust.hk/szinst/en/index.htm" target="_blank" /></map>';

		tempHtml += '</div>';
		tempHtml += '</div>';
		tempHtml += '<span id="td'+i+'"><a href="'+obj[0].link+'" target="'+obj[0].target+'"><img src="'+path+obj[0].img+'" alt="" width="140" height="44" border="0" alt="'+obj[0].name+'" name="banner'+i+'"  onMouseOver="bottomBannerOver(2, 1);" onMouseOut="bottomBannerOver(2, 0);"></a></span>';
	} else {
tempHtml = '<span id="td'+i+'"><a href="'+obj[0].link+'" target="'+obj[0].target+'"><img src="'+path+obj[0].img+'" alt="" width="140" height="44" border="0" alt="'+obj[0].name+'" name="banner'+i+'"></a></span>';
	}
	document.write(tempHtml);
	document.getElementById('td'+i).curIndex = 0;
	
	// This fade-in cannot be used if banner sub-menu needed
	//if (i == (totalBanner-1))	fadeInInit();
}


var totalBanner = 5;
var timeOut1;
var timeOut2;
var goSpeed1 = 20;
var goSpeed2 = 5000;
var opacity = 0;
var start = false;

function fadeInInit() {
	if (document.getElementById) {
		for (var i=0; i<totalBanner; i++) {
			var mc = document.getElementById('banner'+i);
			if (navigator.appName.indexOf("Microsoft") > -1) {
				mc.style.filter = "alpha(opacity=0)";
			}
			
			var obj = bannerArray[i];
			var td = document.getElementById('td'+i);
			
/*
			if (obj[(td.curIndex)]) {
				td.innerHTML = '<span id="td'+i+'"><a href="'+obj[(td.curIndex)].link+'" target="'+obj[(td.curIndex)].target+'"><img src="'+path+obj[(td.curIndex)].img+'" alt="" width="160" height="50" border="0" alt="'+obj[(td.curIndex)].name+'" name="banner'+i+'"></a></span>';
			}
*/
			if (obj[(td.curIndex)]) {
				if (navigator.userAgent.indexOf("Netscape")!=-1)
					{
						td.innerHTML = '<a href="'+obj[(td.curIndex)].link+'" target="'+obj[(td.curIndex)].target+'"><img src="'+path+obj[(td.curIndex)].img+'" alt="" width="140" height="44" border="0" alt="'+obj[(td.curIndex)].name+'" name="banner'+i+'"></a>';
					}
				else if (navigator.userAgent.indexOf("Firefox")!=-1)
					{
						td.innerHTML = '<a href="'+obj[(td.curIndex)].link+'" target="'+obj[(td.curIndex)].target+'"><img src="'+path+obj[(td.curIndex)].img+'" alt="" width="140" height="44" border="0" alt="'+obj[(td.curIndex)].name+'" name="banner'+i+'"></a>';
					}
				else
					{
				td.innerHTML = '<span id="td'+i+'"><a href="'+obj[(td.curIndex)].link+'" target="'+obj[(td.curIndex)].target+'"><img src="'+path+obj[(td.curIndex)].img+'" alt="" width="140" height="44" border="0" alt="'+obj[(td.curIndex)].name+'" name="banner'+i+'"></a></span>';
					}
			}
			
			if (td.curIndex < (obj.length-1)) {
				td.curIndex ++;
			} else {
				td.curIndex = 0;
			}
		}
		
		opacity = 0;
		fadeIn();
		
		timeOut2 = setTimeout("fadeInInit()", goSpeed2);
	}
}


function fadeIn() {
	if (navigator.appName.indexOf("Microsoft") > -1) {
		opacity += 5;
		//window.status = opacity;
		
		if (opacity <= 100) {
			for (var i=0; i<totalBanner; i++) {
				if ((bannerArray[i].length > 1) | !(start)) {
					var mc = document.getElementById('banner'+i);
					mc.style.filter = "alpha(opacity="+opacity+")";
				}
			}
			
			timeOut1 = setTimeout("fadeIn()", goSpeed1);
		} else {
			clearTimeout(timeOut1);
			start = true;
		}
	}
}

// Feature Story
function featurestory(i) {
	var obj = featurestoryArray[i];
	
	tempHtml = '<span id="tdfs'+i+'"><a href="'+obj[0].link+'" target="'+obj[0].target+'"><img src="'+path+obj[0].img+'" alt="" width="246" height="129" border="0" alt="'+obj[0].name+'" name="featurestory'+i+'"></a></span>';
	
	document.write(tempHtml);
	document.getElementById('tdfs'+i).curIndex = 0;
	
	if (i == (totalfeaturestory-1))	fadeInfeaturestoryInit();
}


var totalfeaturestory = 1;
var timeOutfeaturestory1;
var timeOutfeaturestory2;
var goSpeedfeaturestory1 = 20;
var goSpeedfeaturestory2 = 5000;
var opacityfeaturestory = 0;
var startfeaturestory = false;

function fadeInfeaturestoryInit() {
	if (document.getElementById) {
		for (var i=0; i<totalfeaturestory; i++) {
			var mc = document.getElementById('featurestory'+i);
			if (navigator.appName.indexOf("Microsoft") > -1) {
				mc.style.filter = "alpha(opacity=0)";
			}
			
			var obj = featurestoryArray[i];
			var tdfs = document.getElementById('tdfs'+i);

/*			
			if (obj[(tdfs.curIndex)]) {
				tdfs.innerHTML = '<span id="tdfs'+i+'"><a href="'+obj[(tdfs.curIndex)].link+'" target="'+obj[(tdfs.curIndex)].target+'"><img src="'+path+obj[(tdfs.curIndex)].img+'" alt="" width="246" height="129" border="0" alt="'+obj[(tdfs.curIndex)].name+'" name="featurestory'+i+'"></a></span>';
			}
*/
			if (obj[(tdfs.curIndex)]) {
				if (navigator.userAgent.indexOf("Netscape")!=-1)
					{
						tdfs.innerHTML = '<a href="'+obj[(tdfs.curIndex)].link+'" target="'+obj[(tdfs.curIndex)].target+'"><img src="'+path+obj[(tdfs.curIndex)].img+'" alt="" width="246" height="129" border="0" alt="'+obj[(tdfs.curIndex)].name+'" name="featurestory'+i+'"></a>';
					}
				else if (navigator.userAgent.indexOf("Firefox")!=-1)
					{
						tdfs.innerHTML = '<a href="'+obj[(tdfs.curIndex)].link+'" target="'+obj[(tdfs.curIndex)].target+'"><img src="'+path+obj[(tdfs.curIndex)].img+'" alt="" width="246" height="129" border="0" alt="'+obj[(tdfs.curIndex)].name+'" name="featurestory'+i+'"></a>';
					}
				else
					{
				tdfs.innerHTML = '<span id="tdfs'+i+'"><a href="'+obj[(tdfs.curIndex)].link+'" target="'+obj[(tdfs.curIndex)].target+'"><img src="'+path+obj[(tdfs.curIndex)].img+'" alt="" width="246" height="129" border="0" alt="'+obj[(tdfs.curIndex)].name+'" name="featurestory'+i+'"></a></span>';
					}
			}
			
			if (tdfs.curIndex < (obj.length-1)) {
				tdfs.curIndex ++;
			} else {
				tdfs.curIndex = 0;
			}
		}
		
		opacityfeaturestory = 0;
		fadeInfeaturestory();
		
		timeOutfeaturestory2 = setTimeout("fadeInfeaturestoryInit()", goSpeedfeaturestory2);
	}
}


function fadeInfeaturestory() {
	if (navigator.appName.indexOf("Microsoft") > -1) {
		opacityfeaturestory += 5;
		//window.status = opacity;
		
		if (opacityfeaturestory <= 100) {
			for (var i=0; i<featurestory; i++) {
				if ((featurestoryArray[i].length > 1) | !(startfeaturestory)) {
					var mc = document.getElementById('featurestory'+i);
					mc.style.filter = "alpha(opacity="+opacityfeaturestory+")";
				}
			}
			
			timeOutfeaturestory1 = setTimeout("fadeInfeaturestory()", goSpeedfeaturestory1);
		} else {
			clearTimeout(timeOutfeaturestory1);
			startfeaturestory = true;
		}
	}
}