function register(mode) {
	var obj = document.getElementById('puqutang');
	if(mode == 1) {
		obj.className = "puqutang_register";
		obj.innerHTML = "<form name=\"frm\" method=\"post\" action=\"./index.jsp\">			<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">			<tr>				<td width=\"135\" valign=\"bottom\"><div style=\"display:inline-block;cursor:pointer;font-size:10pt;margin-bottom:0px;margin-left:15px;text-decoration:underline;\" onClick=\"register(1);\">現在註冊</div>&nbsp;<div style=\"display:inline-block;cursor:pointer;font-size:10pt;margin-bottom:8px;margin-left:15px;text-decoration:underline;\" onClick=\"register(0);\">登入</div></td>				<td valign=\"top\">				<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\">				<tr>					<td height=\"14\"></td>				</tr>				<tr>					<td valign=\"top\">					<span style=\"line-height:16pt;font-size:10pt\">登記電郵：</span><input style=\"margin-left:0px;margin-top:2px;font-size:11px;border:1px solid #d1d0d0;width:214px;\" name=\"email\" type=\"textbox\" id=\"email\" value=\"\">&nbsp;<font size=\"2\" color=\"red\">*</font><br>					<span style=\"line-height:16pt;font-size:10pt\">輸入密碼：</span><input style=\"margin-left:0px;margin-top:2px;font-size:11px;border:1px solid #d1d0d0;width:114px;\" name=\"password\" type=\"password\" id=\"password\" value=\"\">&nbsp;<font size=\"2\" color=\"red\">*</font><br>					<span style=\"line-height:16pt;font-size:10pt\">確認密碼：</span><input style=\"margin-left:0px;margin-top:2px;font-size:11px;border:1px solid #d1d0d0;width:114px;\" name=\"firmPassword\" type=\"password\" id=\"firmPassword\" value=\"\">&nbsp;<font size=\"2\" color=\"red\">*</font><br>					<span style=\"line-height:16pt;font-size:10pt\">聯絡電話：</span><input style=\"margin-left:0px;margin-top:2px;font-size:11px;border:1px solid #d1d0d0;width:114px;\" name=\"phone\" type=\"password\" id=\"phone\" value=\"\"><br>					<span style=\"line-height:16pt;font-size:10pt\">就讀年級：</span>					<select name=\"selectedForm\" size=\"1\" style=\"margin-left:-3px;padding:1px;margin-top:2px;font-size:11px;border:1px solid #d1d0d0;width:118px;\" id=\"selectedForm\">						<option value=\"\">[請選擇]</option>						<option value=\"pri1\">小學1年級</option>						<option value=\"pri2\">小學2年級</option>						<option value=\"pri3\">小學3年級</option>						<option value=\"pri4\">小學4年級</option>						<option value=\"pri5\">小學5年級</option>						<option value=\"pri6\">小學6年級</option>						<option value=\"sec1\">中學1年級</option>						<option value=\"sec2\">中學2年級</option>						<option value=\"sec3\">中學3年級</option>						<option value=\"sec4\">中學4年級</option>						<option value=\"sec5\">中學5年級</option>						<option value=\"sec6\">中學6年級</option>						<option value=\"sec7\">中學7年級</option>					</select><br>					<input style=\"margin-left:63px;margin-top:3px;width:74px;height:28px;border:0px solid #fff;background: url(images/Btn_Submit1.png);\" type=\"submit\" name=\"submit\" id=\"submit\" value=\"\">&nbsp;&nbsp;<span id=\"errMsg\"></span><br>					<div style=\"margin-top:5px;line-height:16pt;font-size:10pt;border-top:1px solid #d1d0d0;\">我們會立即發送確認電郵給您，以便啟動帳戶。<br><font size=\"2\" color=\"red\">*</font>必須填寫</div>					</td>				</tr>				</table>				</td>			</tr>			</table>			</form>";
	}else{
		obj.className = "puqutang_login";
		obj.innerHTML = "<form name=\"frm\" method=\"post\" action=\"../website_old/puqutong_login.jsp\">			<table width=\"460\" height=\"222\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">			<tr>				<td width=\"135\" valign=\"bottom\" ><div style=\"display:inline-block;cursor:pointer;font-size:10pt;margin-bottom:8px;margin-left:15px;text-decoration:underline;\" onClick=\"register(1);\">現在註冊</div>&nbsp;<div style=\"display:inline-block;cursor:pointer;font-size:10pt;margin-bottom:8px;margin-left:15px;text-decoration:underline;\" onClick=\"register(0);\">登入</div></td>				<td valign=\"top\">				<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\">				<tr>					<td valign=\"top\">						<div style=\"margin-left:18px;margin-top:8px;line-height:12pt;font-size:10pt;\">用戶登入：<br>						<span style=\"font-size:8pt\">(請輸入電郵地址，格式：email1@abc.net)</span><br>						<input style=\"margin-left:0px;margin-top:2px;font-size:11px;border:1px solid #d1d0d0;width:214px;\" name=\"email\" type=\"textbox\" id=\"textfield2\" ><br>												<span style=\"line-height:16pt;font-size:10pt\">登入密碼：</span><br>						<input style=\"margin-left:0px;margin-top:0px;font-size:11px;border:1px solid #d1d0d0;width:214px;\" name=\"passwd\" type=\"password\" id=\"textfield5\" ><br>						<input style=\"margin-top:1px;width:74px;height:28px;border:0px solid #fff;background:  url(images/Btn_Login.png);\" type=\"submit\" name=\"submit\" id=\"submit\" value=\"\"><br>												<span style=\"margin-top:2px;font-size:10pt;\">忘記密碼：</span><br>						<span style=\"font-size:7pt;\">請輸入登記電郵</span><br>						<input style=\"margin-left:0px;margin-top:2px;font-size:11px;border:1px solid #d1d0d0;width:214px;\" name=\"chkemail\" type=\"text\" id=\"textfield6\" size=\"25\"><br>						<input style=\"margin-top:3px;width:74px;height:28px;border:0px solid #fff;background: url(images/Btn_Submit1.png);\" type=\"submit\" name=\"submit\" id=\"submit\" value=\"\">						</div></td>				</tr>				</table>				</td>			</tr>			</table>			</form>";
	}
}

function change_banner(id_num) {
	var obj = document.getElementById('banner_latest_activity');
	/*if(id_num == 1) {
		obj.innerHTML = "<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"980\" height=\"286\" style=\"width:980px; background:url(images/banner/Main_banner_Exam.jpg) top no-repeat;\"><tr><td colspan=\"5\" height=\"200\"></td></tr><tr><td width=\"20\">&nbsp;</td><td width=\"175\"><a href=\"http://www.gapsk.org/website/enroll/step1.jsp\" target=\"_blank\"><div style=\"width:175px;height:86px;cursor:pointer;\"></div></a></td><td width=\"390\">&nbsp;</td><td width=\"160\"><a href=\"http://www.gapsk.org/website/exam_schedule_enroll.jsp\"><div style=\"width:160px;height:86px;cursor:pointer;\"></div></a></td><td width=\"235\"><a href=\"./pdf/gapsk_oral_schedule.pdf\" target=\"_blank\"><div style=\"width:235px;height:86px;cursor:pointer;\"></div></a></td></tr></table>";	
	}*/
	if(id_num == 1) {
		obj.innerHTML = "<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"980\" height=\"286\" style=\"width:980px; background:url(images/banner/Web_Banner_Speech_finish.png) top no-repeat;\"><tr><td colspan=\"5\" height=\"220\"></td></tr><tr><td width=\"475\">&nbsp;</td><td width=\"155\"><a href=\"http://www.gapsk.org/website/speech_detail.jsp\"><div style=\"width:155px;height:66px;cursor:pointer;\"></div></a></td><td width=\"155\"></td><td width=\"155\"></td><td width=\"40\">&nbsp;</td></tr></table>";
	}
	if(id_num == 2) {
		obj.innerHTML = "<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"980\" height=\"286\" style=\"width:980px; background:url(images/banner/Main_banner_songbook_GAPSK.png) top no-repeat;\"><tr><td></td></tr></table>";
	}
	if(id_num == 3) {
		obj.innerHTML = "<a href=\"./writing_detail.jsp\"><table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"980\" height=\"286\" style=\"width:980px; background:url(images/banner/Main_banner_Writing.png) top no-repeat;\"><tr><td></td></tr></table>";
	}
}

function changeClass(menu_item, class_name){
	menu_item.className = class_name;
}
function getOffset(obj) {
	var offset = {
		left:document.body.scrollLeft+obj.offsetLeft-document.body.scrollLeft,
		top:document.body.scrollTop+obj.offsetTop-document.body.scrollTop
	};
	var parentEl = obj;
	while ((parentEl=parentEl.offsetParent)!=null) {
		offset.left += parentEl.offsetLeft;
		offset.top += parentEl.offsetTop;
	}
	return offset;
}
function showSubMenu(obj, menuid){
	updateSubMenuContent(menuid);
	var coor = getOffset(obj);
	document.getElementById('subMenu').style.top = (obj.offsetHeight + coor.top - 11) + "px";
	document.getElementById('subMenu').style.left = coor.left + "px";
	document.getElementById('subMenu').style.visibility = 'visible';
}
function showSubM(inID){
	document.getElementById(inID).style.visibility = 'visible';
}
function hideSubMenu(inID){
	document.getElementById(inID).style.visibility = 'hidden';
}

//******
//普通話水平考試 : menuid = 1//
var examSubMenuTitle = new Array(
	"簡介",
	"考試詳情及報名",
	"參考書籍",
	"資料下載",
	"常見問題"
);
var examSubMenuHref = new Array(
	"./exam_intro.jsp",
	"./exam_detail.jsp",
	"./exam_books.jsp",
	"./exam_download.jsp",
	"./exam_candidate_know.jsp"
);
//普通話朗誦比賽 : menuid = 2//
var speechSubMenuTitle = new Array(
	"簡介",
	"比賽詳情及報名",
	"比賽守則及須知",
	"網上檢閱評分系統",
	"資料下載",
	"常見問題"
);
var speechSubMenuHref = new Array(
	"./speech_intro.jsp",
	"./speech_detail.jsp",
	"./speech_information.jsp",
	"./speech_score_check.jsp",
	"./speech_download.jsp",
	"./speech_faq.jsp"
);
//中文寫作比賽 : menuid = 3//
var writingSubMenuTitle = new Array(
	"簡介",
	"比賽詳情及報名",
	"歷屆作品分享",
	"資料下載",
	"常見問題"
);
var writingSubMenuHref = new Array(
	"./writing_intro.jsp",
	"./writing_detail.jsp",
	"./writing_works_share.jsp",
	"./writing_download.jsp",
	"./writing_information.jsp"
);
//教學發展部 : menuid = 4//
var trainingSubMenuTitle = new Array(
	"簡介",
	"教師專業文憑課程",
	"結業文憑教師名錄"
);
var trainingSubMenuHref = new Array(
	"training_intro.jsp",
	"training_course.jsp",
	"training_graduation.jsp"
);

//認可課程夥伴 : menuid = 5//
var atpSubMenuTitle = new Array(
	"認可課程合作夥伴",
	"ATP可獲服務支援",
	"ATP責任承擔"
);
var atpSubMenuHref = new Array(
	"atp_intro.jsp",
	"atp_service_support.jsp",
	"atp_accountability.jsp"
);

function updateSubMenuContent(menuid) {
	var i;
	var menuStr = "";
	menuStr += "<table class=\"submenu_table\" cellpadding=\"0\" cellspacing=\"0\" width=\"155\" border=\"0\"><tr><td style=\"width:155px;height:7px; background: url(images/Cut_MainPage.png) top no-repeat;\" width=\"155\" height=\"7\"></td></tr>";

	if(menuid == 1) {
		for(i = 0;i<examSubMenuTitle.length;i++) {
			menuStr += "<tr bgColor=\"#FFFFFF\"><td height=\"6\"></td></tr><tr bgColor=\"#FFFFFF\"><td><a class=\"sub_menu_href\" href="+examSubMenuHref[i]+"><span class=\"arrow_symbol\">》</span>"+examSubMenuTitle[i]+"</a></td></tr>";
		}
	}
	if(menuid == 2) {
		for(i = 0;i<speechSubMenuTitle.length;i++) {
			menuStr += "<tr bgColor=\"#FFFFFF\"><td height=\"6\"></td></tr><tr bgColor=\"#FFFFFF\"><td><a class=\"sub_menu_href\" href="+speechSubMenuHref[i]+"><span class=\"arrow_symbol\">》</span>"+speechSubMenuTitle[i]+"</a></td></tr>";
		}
	}
	if(menuid == 3) {
		for(i = 0;i<writingSubMenuTitle.length;i++) {
			menuStr += "<tr bgColor=\"#FFFFFF\"><td height=\"6\"></td></tr><tr bgColor=\"#FFFFFF\"><td><a class=\"sub_menu_href\" href="+writingSubMenuHref[i]+"><span class=\"arrow_symbol\">》</span>"+writingSubMenuTitle[i]+"</a></td></tr>";
		}
	}
	if(menuid == 4) {
		for(i = 0;i<trainingSubMenuTitle.length;i++) {
			menuStr += "<tr bgColor=\"#FFFFFF\"><td height=\"6\"></td></tr><tr bgColor=\"#FFFFFF\"><td><a class=\"sub_menu_href\" href="+trainingSubMenuHref[i]+"><span class=\"arrow_symbol\">》</span>"+trainingSubMenuTitle[i]+"</a></td></tr>";
		}
	}
	if(menuid == 5) {
		for(i = 0;i<atpSubMenuTitle.length;i++) {
			menuStr += "<tr bgColor=\"#FFFFFF\"><td height=\"6\"></td></tr><tr bgColor=\"#FFFFFF\"><td><a class=\"sub_menu_href\" href="+atpSubMenuHref[i]+"><span class=\"arrow_symbol\">》</span>"+atpSubMenuTitle[i]+"</a></td></tr>";
		}
	}

	menuStr += "<tr bgColor=\"#FFFFFF\"><td height=\"10\"></td></tr></table>";

	document.getElementById('subMenu').innerHTML = menuStr;
}

function showMediaIcon(num, img) {
	document.getElementById('media1').className = "media_off";
	document.getElementById('media2').className = "media_off";
	document.getElementById('media'+num).className = "media_on";
	document.getElementById('media_img').src = "images/media/"+img;
}
function chkEmail() {
	var email = document.getElementById('email').value;
	if(email.length == 0)
		document.getElementById('email').value = "請輸入電郵地址";
}
function clearPlaceHolder() {
	document.getElementById('email').value = "";
}

function go2page(pagname) {
	parent.location.href = "./"+pagname+".jsp";
}

function changeLevelDesc(tab) {
	document.getElementById('level_desc_btn_A').src = "images/Btn_LvA_Off.png";
	document.getElementById('level_desc_btn_B').src = "images/Btn_LvB_Off.png";
	document.getElementById('level_desc_btn_C').src = "images/Btn_LvC_Off.png";
	document.getElementById('level_desc_btn_D').src = "images/Btn_LvD_Off.png";
	if(tab == "A") {
		document.getElementById('level_desc_btn_A').src = "images/Btn_LvA_On.png";
		document.getElementById('level_desc').src = "images/Content_LvA.png";
	}
	if(tab == "B") {
		document.getElementById('level_desc_btn_B').src = "images/Btn_LvB_On.png";
		document.getElementById('level_desc').src = "images/Content_LvB.png";
	}
	if(tab == "C") {
		document.getElementById('level_desc_btn_C').src = "images/Btn_LvC_On.png";
		document.getElementById('level_desc').src = "images/Content_LvC.png";
	}
	if(tab == "D") {
		document.getElementById('level_desc_btn_D').src = "images/Btn_LvD_On.png";
		document.getElementById('level_desc').src = "images/Content_LvD.png";
	}
}
//******
function doSubcribe() {
	var sub_email = document.getElementById('email').value;
	var ok = true;
	if(sub_email.length == 0 || sub_email == "請輸入電郵地址"){
		ok = false;
	}

	var emailRegex = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/;
	if(ok && !sub_email.match(emailRegex)){
		alert("請輸入正確格式的電郵地址");
		ok = false;
	}

	if(ok){
		//add HTTP Req
		var xmlHttpReq = false;
		var respstr = "";
		if (window.XMLHttpRequest) { // Mozilla/Safari
			xmlHttpReq = new XMLHttpRequest();
		} else if (window.ActiveXObject) { // IE
			xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
		}
		xmlHttpReq.open("POST", "./includes/doSubcribe.jsp", true);
		xmlHttpReq.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		xmlHttpReq.onreadystatechange = function() {
			if (xmlHttpReq.readyState==4) {
				respstr = xmlHttpReq.responseText;
				var trimRespstr = respstr.replace(/^\s+|\s+$/g, '') ;
				document.getElementById('email').value = "";
				if(trimRespstr == "1"){
					alert("恭喜，登記成功！");
				}else{
					alert("對不起，登記失敗！");
				}
			}
		};
		xmlHttpReq.send("subcribe_email=" + sub_email);
		//end add HTTP Req
	}
}

/*function loginValidation() {
	var ok = true;
	with (document.frmUserLogin) {
		if (ok && username.value.length==0) {
			alert('Please input Username');
			username.focus();
			ok = false;
		}
		if (ok && password.value.length==0) {
			alert('Please input Password');
			password.focus();
			ok = false;
		}
	}
	return ok;
}*/

//var map_display = true;
/*function display_map() {
	if(!map_display){
		document.getElementById('google_map').style.visibility = "visible";
		map_display = true;
	}else{
		document.getElementById('google_map').style.visibility = "hidden";
		map_display = false;
	}
}*/
