// Start Script // Written by TomChen, April 2000. Modify at July 2009.

function defLayers(objName){
	if (document.all){
		objName = eval("document.all." + objName + ".style");
	}else if (document.getElementById){
		objName = document.getElementById(objName).style;
	}
	return(objName);
}

function showLayer(objName){
	objName = defLayers(objName);
	objName.visibility = 'visible';
}

function hideLayer(objName){
	objName = defLayers(objName);
	objName.visibility = 'hidden';
}

function moveLayer(objName,objX,objY){
	objName = defLayers(objName);
	if (document.all){
		objName.pixelLeft = objX;
		objName.pixelTop = objY;
	}else if (document.getElementById){
		objName.left = objX;
		objName.top = objY;
	}
}

function createLayer(objName,objX,objY,objW,objH,detail){
	var content = '<div id="' + objName + '" style="position:absolute; left:' + objX + 'px; top:' + objY + 'px; width:' + objW + 'px; height:' + objH + 'px; visibility: hidden;">' +
		detail +
		'</div>';
	document.writeln(content);
}

/*
	Message Section
*/

var message = new Array();
message[0] = escape("<center>巴 士 模 型 網 頁<br>Model Bus Page</center>");
message[1] = escape("關 於 本 網 頁 的 發 展 歷 史 。");
message[2] = escape("進 去 看 看 有 沒 有 自 己 喜 歡 的 巴 士 相 片 吧 。");
message[3] = escape("齊 齊 來 動 手 砌 屬 於 自 己 的 巴 士 模 型 。");
message[4] = escape("有 關 巴 士 生 產 商 與 旗 下 各 款 產 品 型 號 的 簡 介 。");
message[5] = escape("裡 面 有 多 款 紙 巴 士 模 型 ， 任 君 選 擇 。");
message[6] = escape("裡 面 包 含 了 值 得 一 看 的 網 頁 的 連 結 。");
message[7] = escape("請 把 您 的 寶 貴 意 見 寫 在 留 言 冊 上 吧 。");
message[8] = escape("網 主 自 己 介 自 己 。");
message[9] = escape("到 裡 面 輕 鬆 一 下 吧 ！");
message[10] = escape("想 知 本 網 有 乜 野 新 加 或 改 動 ？");
message[11] = escape("有 聲 又 有 畫 。");
message[12] = escape("挑 選 一 張 最 合 適 的 相 片 作 為 您 的 桌 面 圖 案 吧 。");
message[20] = escape("如 果 您 有 任 何 問 題 或 查 詢 ， 歡 迎 寄 電 子 郵 件 給 我 。");
message[21] = escape("返 回 最 前 頁 。");
message[22] = escape("回 到 最 上 面 。");
message[23] = escape("返 回 上 一 頁 。");
message[24] = escape("跳 到 下 一 頁 。");

/*
function createMessage(){
	objName = defLayers(objName);
	if (document.all){
		tipsMessage = eval("tipsContent");
	}else if (document.getElementById){
		tipsMessage = document.getElementById('tipsContent').document;
	}
}
*/

function showMessage(text){
	if (text != null){
		text = '<table border="0" cellpadding="0" cellspacing="0" width="145" height="65"><tr><td><font size="2">' + unescape(text) + '</font></td></tr></table>';
		if (document.all){
			document.all.tipsContent.innerHTML = text;
		}else if (document.getElementById){
			document.getElementById('tipsContent').innerHTML = text;
//			document.getElementById('tipsContent').close();
		}
		showLayer('tipsContent');
		showLayer('tips');
	}else{
		hideLayer('tipsContent');
		hideLayer('tips');
	}
}

/*
	Bus Section
*/

var scrollX = 0;
var scrollY = 0;
var eyeXL = 117;
var eyeXR = 82;
var eyeY = 110;

function checkScroll(){
	if (document.all){
		if (scrollX != (document.body.offsetWidth + document.body.scrollLeft) || scrollY != (document.body.offsetHeight + document.body.scrollTop)){
			scrollX = document.body.offsetWidth + document.body.scrollLeft;
			scrollY = document.body.offsetHeight + document.body.scrollTop;
			updateBus();
		}
	}else if (document.getElementById){
		if (scrollX != (window.innerWidth + window.pageXOffset) || scrollY != (window.innerHeight + window.pageYOffset)){
			scrollX = window.innerWidth + window.pageXOffset;
			scrollY = window.innerHeight + window.pageYOffset;
			updateBus();
		}
	}
	switch (Math.round(Math.random() * 39)){
		case 19:
			moveEyes(1)
			state(2)
			setTimeout('moveEyes(1)',1000)
			break
		case 39:
			state(0)
			moveEyes()
			setTimeout('moveEyes(1)',1000)
			break
		default:
			break
	}
	setTimeout('checkScroll()',300);
}

function updateBus(){
	moveLayer('busBody',(scrollX - 140),(scrollY - 160));
	moveLayer('busEyeL',(scrollX - eyeXL),(scrollY - eyeY));
	moveLayer('busEyeR',(scrollX - eyeXR),(scrollY - eyeY));
	moveLayer('busMouth',(scrollX - 127),(scrollY - 70));
	moveLayer('tips',(scrollX - 327),(scrollY - 300));
	moveLayer('tipsContent',(scrollX - 300),(scrollY - 275));
}

function moveEyes(i){
	if (i != null){
		eyeXL = 117;
		eyeXR = 82;
		eyeY = 110;
		updateBus();
		state(0);
	}else{
		var temp = Math.round(Math.random() * 5);
		switch (Math.round(Math.random() * 3)){
			case 0:
				eyeXL = eyeXL + temp
				eyeXR = eyeXR + temp
				eyeY = eyeY - temp
				break
			case 1:
				eyeXL = eyeXL - temp;
				eyeXR = eyeXR - temp;
				eyeY = eyeY - temp;
				break
			case 2:
				eyeXL = eyeXL + temp;
				eyeXR = eyeXR + temp;
				eyeY = eyeY + temp;
				break
			case 3:
				eyeXL = eyeXL - temp;
				eyeXR = eyeXR - temp;
				eyeY = eyeY + temp;
				break
			default:
				break
		}
		state(0);
		updateBus();
		setTimeout('moveEyes(1)',2000);
	}
}

function state(i){
	switch (i){
		case 0:
			document.imgEyeL.src = 'images/an-eyen.gif'
			document.imgEyeR.src = 'images/an-eyen.gif'
			document.imgMouth.src = 'images/an-smile.gif'
			break
		case 1:
			document.imgEyeL.src = 'images/an-eyekl.gif'
			document.imgEyeR.src = 'images/an-eyekr.gif'
			document.imgMouth.src = 'images/an-unhappy.gif'
			break
		case 2:
			if (Math.round(Math.random()) == 1){
				document.imgEyeL.src = 'images/an-eyekl.gif';
			}else{
				document.imgEyeL.src = 'images/an-eyen.gif';
			}
			if (Math.round(Math.random()) == 1){
				document.imgEyeR.src = 'images/an-eyekr.gif'
			}else{
				document.imgEyeL.src = 'images/an-eyen.gif';
			}
			if (Math.round(Math.random()) == 1){
				document.imgMouth.src = 'images/an-kitty.gif'
			}else{
				document.imgMouth.src = 'images/an-smile.gif'
			}
			break
		default:
			break
	}
}

// End Script //
