var hdlMoveUp;
var messageList = new Array();
var stopUp = false;
var movingDown = true;
var i = -1;
var j = 0;
var slideMessageTime = 5000;
var isTranslateDict = false;

function HelpMessage(m, w, h)
{
	this.message = m;
	this.width = w;
	this.height = h;
}

//general, i = 0
++i;
j = 0;
messageList[i] = new Array();
messageList[i][j++] = new HelpMessage("所需內容已複製至剪貼簿。<br>您可按 Ctrl + V 貼上內容。", 210, 50);
messageList[i][j++] = new HelpMessage("<font color='#FF0000'><b>複製錯誤！</b></font><br>如複製時有安全提示，請准許瀏覽器複製內容至剪貼簿。", 225, 60);
messageList[i][j++] = new HelpMessage("<font color='#FF0000'><b>複製錯誤！</b></font><br>如您正在使用Firefox，請在about:config頁面設定signed.applets.<br>codebase_principal_support為true，並准許瀏覽器複製內容至剪貼簿。", 280, 100);
//end of general

//translate dict, i = 1
++i;
j = 0;
messageList[i] = new Array();
messageList[i][j++] = new HelpMessage("", 200, 50); //share with phrase dict
messageList[i][j++] = new HelpMessage("核取此方塊後，當每次輸入文字，系統會即時作出翻譯。<br>如欲輸入大量文字，建議不要核取此方塊。", 190, 50);
messageList[i][j++] = new HelpMessage("使用廣普對照作翻譯，<br>並顯示在翻譯結果內。<br>所有廣普對照翻譯以綠色顯示。", 150, 50);
messageList[i][j++] = new HelpMessage("使用常用詞語作翻譯，<br>並顯示在翻譯結果內。<br>所有常用詞語翻譯以綠色顯示。", 150, 50);
messageList[i][j++] = new HelpMessage("在翻譯結果內顯示繁體翻譯內容。", 130, 50);

messageList[i][j++] = new HelpMessage("在翻譯結果內顯示簡體翻譯內容。", 130, 50);
messageList[i][j++] = new HelpMessage("調整翻譯結果每行字數，可作排版之用。", 140, 50);
messageList[i][j++] = new HelpMessage("複製於翻譯結果之項目至剪貼簿，無需於頁面手動複製。<br>內容將以純文字格式複製。", 190, 50);
messageList[i][j++] = new HelpMessage("查詢字數已超過限制，<br>請減少字數。", 180, 50);
//end of translatedict

//soccerdict, i = 2
++i;
j = 0;
messageList[i] = new Array();
messageList[i][j++] = new HelpMessage("使用國內之足球用語搜尋香港譯名。", 140, 50);
//end of soccerdict

//exercise1, i = 3
++i;
j = 0;
messageList[i] = new Array();
messageList[i][j++] = new HelpMessage("您可以點擊統計資料內的項目來查看所對應的詞語。", 220, 50);
messageList[i][j++] = new HelpMessage("如要取消所選取的詞語，請於空白地方按滑鼠右鍵。", 220, 50);
messageList[i][j++] = new HelpMessage("您可以按下揚聲器圖示或字詞聆聽發音。", 160, 50);
//end of exercise1

//exercise2, i = 4
++i;
j = 0;
messageList[i] = new Array();
messageList[i][j++] = new HelpMessage("您可以把滑鼠游標移至電燈泡圖案上以顯示提示。", 220, 50);
messageList[i][j++] = new HelpMessage("恭喜您，您已經完成此練習。<br>您可以回到普通話練習頁面開始新的練習。", 230, 70);
messageList[i][j++] = new HelpMessage("您可以按下揚聲器圖示聆聽該詞語的發音。", 180, 50);
//end of exercise2

//exercise3, i = 5
++i;
j = 0;
messageList[i] = new Array();
messageList[i][j++] = new HelpMessage("您只要把滑鼠游標移至文字上即可顯示其拼音。", 220, 50);
messageList[i][j++] = new HelpMessage("您可以使用控制面板來控制自動閱動的速度。", 230, 50);
messageList[i][j++] = new HelpMessage("您可以在橫線上輸入普通話拼音，如yi1，然後系統會自動判斷答案。", 230, 70);
//end of exercise3
//--------------------------------------------------------------------------------

function ShowHelpTip(msgi, msgj, e)
{
	if (!e) var e = window.event;
	
	var scrollLeft = 0;
	var scrollTop = 0;
	if(document.documentElement.scrollTop > 0)
	{
		scrollLeft = document.documentElement.scrollLeft;
		scrollTop = document.documentElement.scrollTop;
	}
	else if(document.body.scrollTop > 0)
	{
		scrollLeft = document.body.scrollLeft;
		scrollTop = document.body.scrollTop;
	}
	else if (window.pageYOffset)
	{
		scrollLeft = window.pageXOffset;
		scrollTop = window.pageYOffset;
	}
	
	var helpDiv = document.getElementById("divHelpTip");
	helpDiv.innerHTML = messageList[msgi][msgj].message;
	helpDiv.style.width = messageList[msgi][msgj].width;
	//helpDiv.style.height = messageList[msgi][msgj].height;
	helpDiv.style.top = (e.clientY + scrollTop + 22)+"px";
	helpDiv.style.left = ((e.clientX + messageList[msgi][msgj].width + scrollLeft - 5 > document.body.clientWidth) ? document.body.clientWidth - messageList[msgi][msgj].width - (isIE ? 0 : 20) + scrollLeft : e.clientX + scrollLeft + scrollLeft - 5)+"px";
	helpDiv.style.display = "block";
	helpDiv.style.visibility = "visible";
	GShow("divHelpTip", 35);
}

function HideHelpDiv()
{
	document.getElementById("divHelpTip").style.display = "none";
	document.getElementById("divHelpTip").style.visibility = 'hidden';
}
//--------------------------------------------------------------------------------

function ShowSlideMessage(msgi, msgj)
{
	var helpDiv = document.getElementById("divSlideMessage");
	var msgBoxDiv = document.getElementById("divMessageBox");
	
	helpDiv.innerHTML = messageList[msgi][msgj].message;
	helpDiv.style.width = messageList[msgi][msgj].width;
	helpDiv.style.height = messageList[msgi][msgj].height ;
	helpDiv.style.top = (-messageList[msgi][msgj].height) + "px";
	helpDiv.style.left = "0px";//320 - messageList[msgi][msgj].width - (isIE ? 0 : 15);
	
	msgBoxDiv.style.width = messageList[msgi][msgj].width + (isIE ? (isTranslateDict ? 15 : 0) : 20);
	msgBoxDiv.style.height = messageList[msgi][msgj].height + (isIE ? (isTranslateDict ? 15 : 10) : 20);
	msgBoxDiv.style.left = (document.body.clientWidth - messageList[msgi][msgj].width - (isIE ? 0 : 20)) + "px";
	msgBoxDiv.style.top = (document.body.scrollTop) + "px";
	msgBoxDiv.style.display = "block";
	
	movingDown = true;
	MoveMessageDown();
}

function MoveMessageDown()
{
	if (!movingDown) return;
	var msgDiv = document.getElementById("divSlideMessage");
	
	if (parseInt(msgDiv.style.top, 10) >= 0)
	{
		movingDown = false;
		hdlMoveUp = setTimeout("MoveMessageUp()", slideMessageTime);
	}
	else
	{
		if (hdlMoveUp)
		{
			clearTimeout(hdlMoveUp);
		}
		msgDiv.style.top = (parseInt(msgDiv.style.top, 10) + 3) + "px";
		setTimeout("MoveMessageDown()", 20);
	}
}

function MoveMessageUp()
{
	if (movingDown || stopUp) return;
	
	var msgDiv = document.getElementById("divSlideMessage");
	
	if (parseInt(msgDiv.style.top) <= -parseInt(msgDiv.style.height, 10))
	{
		document.getElementById("divMessageBox").style.display = "none";
	}
	else
	{
		msgDiv.style.top = (parseInt(msgDiv.style.top, 10) - 3) + "px";
		setTimeout("MoveMessageUp()", 20);
	}
}

//--------------------------------------------------------------------------------

document.write("<div id='divHelpTip' class='helpDiv' style='border-width: 2px; border-spacing: 0; border-style: solid; border-color: #304099; background-color: #FFFFFF; color: #3030A0; border-collapse: separate; font-family: \"新細明體, pMingLiu\"; padding: 5px; display: none; z-index: 999; position: absolute'></div>");
document.write("<div id='divMessageBox' style='z-index:999;position:absolute;display: none;overflow:hidden;Top:0px; Left:0px;width:1320;height:1200;clip:rect(0 1320 1200 0);'><img src='../images/spacer.gif' width='320' height='200'>");
document.write("<div id='divSlideMessage' class='slidehelpDiv' onmouseover='stopUp=true' onmouseout='stopUp=false;MoveMessageUp()'></div>");
document.write("</div>");