/***********************************************
* AnyLink Vertical Menu- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var leftmenu_offset_left = -40;
var leftmenu_offset_top = -45;


//edit sub menu 1
var menu1=new Array()
menu1[0]='<a href="page_01_1_1.html" title="上網速度突然下降怎麼辦？">上網速度突然下降怎麼辦？</a>'
menu1[1]='<a href="page_01_2.html"   title="連線失敗怎麼辦？">連線失敗怎麼辦？</a>'
menu1[2]='<a href="page_01_3_1.html" title="未能瀏覽網頁內容怎麼辦？">未能瀏覽網頁內容怎麼辦？</a>'
menu1[3]='<a href="page_01_4_1.html" title="未能收發電郵怎麼辦？">未能收發電郵怎麼辦？</a>'
menu1[4]='<a href="page_01_5_1.html" title="未能登入MSN怎麼辦？">未能登入MSN怎麼辦？</a>'
menu1[5]='<a href="page_01_6_1.html" title="安裝防火牆後不能上網怎麼辦？">安裝防火牆後不能上網怎麼辦？</a>'

//edit sub menu 2
var menu2=new Array()
menu2[0]='<a href="page_02_1.html" title="「藍通通上網貼士」短片">「藍通通上網貼士」短片</a>'
menu2[1]='<a href="page_02_2.html" title="「藍通通上網貼士」示範">「藍通通上網貼士」示範</a>'

//edit sub menu 3
var menu3=new Array()
menu3[0]='<a href="javascript:openWindow(\'online_quiz.html\',\'onlinequizcht\',\'1000\',\'600\',\'center\',\'scrollbars=yes,resizable=yes\');"  title="藍通通上網貼士大激玩">&nbsp;&nbsp;藍通通上網貼士大激玩</a>'
menu3[1]='<a href="../game/red_tone_goes_online/cht/301.html" target="_blank" title="紅通通上網接駁通">&nbsp;&nbsp;紅通通上網接駁通</a>'
menu3[2]='<a href="../game/bttgame/cht/BTT.html" target="_blank" title="請教藍通通 上網順利暢通">&nbsp;&nbsp;請教藍通通 上網順利暢通</a>'

//edit sub menu 6
var menu6=new Array()
menu6[0]='<a href="page_06_1_1.html" title="上網接駁及安裝基本法">上網接駁及安裝基本法</a>'
menu6[1]='<a href="page_06_2_1.html" title="寬頻數據機連線上網不可不知">寬頻數據機連線上網不可不知</a>'
menu6[2]='<a href="page_06_3_1.html" title="路由器連接上網不可不知">路由器連接上網不可不知</a>'
menu6[3]='<a href="page_06_4_1.html" title="家居無線上網不可不知">家居無線上網不可不知</a>'

//edit sub menu 7
var menu7=new Array()
menu7[0]='<a href="page_07_1_1.html" title="保持視窗系統處於安全狀態">保持視窗系統處於安全狀態</a>'
menu7[1]='<a href="page_07_2_1.html" title="使用視窗系統更新功能">使用視窗系統更新功能</a>'
menu7[2]='<a href="page_07_3_1.html" title="使用防毒軟件不可不知">使用防毒軟件不可不知</a>'
menu7[3]='<a href="page_07_4_1.html" title="使用防火牆不可不知">使用防火牆不可不知</a>'
menu7[4]='<a href="page_07_5_1.html" title="提防濫發電郵及釣魚電郵不可不知">提防濫發電郵及釣魚電郵不可不知</a>'
menu7[5]='<a href="page_07_6_1.html" title="使用P2P分享軟件不可不知">使用P2P分享軟件不可不知</a>'
menu7[6]='<a href="page_07_7_1.html" title="安全登入網站方法不可不知">安全登入網站方法不可不知</a>'


		
var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
var horizontaloffset=2 //horizontal offset of menu from default location. (0-5 is a good value)

/////No further editting needed

var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width: 160px;" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}


function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top=-500
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
/*
if (windowedge-dropmenuobj.x-obj.offsetWidth < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure+obj.offsetWidth
*/
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight

/*
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move menu up?
//edgeoffset=dropmenuobj.contentmeasure-obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either? (position at top of viewable window then)
edgeoffset=dropmenuobj.y
}
*/
}

return edgeoffset
}


function populatemenu(what){
if (ie4||ns6){
//dropmenuobj.innerHTML=what.join("")

dropmenuobj.innerHTML='<table border="0" cellspacing="0" cellpadding="10"><tr><td align="right"><table id="Table_01" width="226" border="0" cellpadding="0" cellspacing="0"><tr><td><img src="images/popup_menu_01.gif" width="10" height="10" alt=""></td><td height="10" background="images/popup_menu_02.gif"><img src="images/popup_menu_02.gif" width="212" height="10" alt=""></td><td><img src="images/popup_menu_03.gif" width="4" height="10" alt=""></td></tr><tr><td width="10" valign="top" background="images/popup_menu_left_bg.gif"><img src="images/popup_menu_left_arrow.gif" width="10" height="27"></td><td valign="top" bgcolor="#FFFFFF"><table border="0" cellpadding="10" cellspacing="0"><tr><td nowrap>'+ what.join("") +'</td></tr></table></td><td background="images/popup_menu_06.gif"><img src="images/popup_menu_06.gif" width="4" height="10" alt=""></td></tr><tr><td><img src="images/popup_menu_07.gif" width="10" height="4" alt=""></td><td height="4" background="images/popup_menu_08.gif"><img src="images/popup_menu_08.gif" width="212" height="4" alt=""></td><td><img src="images/popup_menu_09.gif" width="4" height="4" alt=""></td></tr></table></td></tr></table>'


}
}


function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)
	//window.status = ie4
	//alert()
if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")+leftmenu_offset_left
dropmenuobj.y=getposOffset(obj, "top")+leftmenu_offset_top
	//window.status = dropmenuobj.x + " " + dropmenuobj.y
//alert(dropmenuobj.x + " " + dropmenuobj.y)
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+obj.offsetWidth+horizontaloffset+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+"px"
}

return clickreturnvalue()
}

function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}

function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}
















//###################### edit menu here ###########################
function leftmenu()
{
	result="<table width=\"225\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td bgcolor=\"#D7E9F3\"><br>"
	result+="<table width=\"219\" height=\"200\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" id=\"Table_01\">"
	
	
	
	//edit menu 1
	result+="<tr><td>"
	result+="<a href=\"page_01.html\" onMouseOut=\"MM_swapImgRestore();delayhidemenu();\" onMouseOver=\"MM_swapImage('leftmenu01','','images/leftmenu_on_01.gif',1);dropdownmenu(document.all['leftmenu01img'], event, menu1, '165px');\"><img src=\"images/leftmenu_01.gif\" alt=\"解決上網問題速查\" name=\"leftmenu01\" width=\"219\" height=\"29\" border=\"0\" id=\"leftmenu01\" /></a><img src=\"images/spacer.gif\" width=\"1\" height=\"1\" border=\"0\" id=\"leftmenu01img\">"
	result+="</td></tr>"
	
	//edit menu 2
	result+="<tr><td>"
	result+="<a href=\"page_02.html\" onMouseOut=\"MM_swapImgRestore();delayhidemenu();\" onMouseOver=\"MM_swapImage('leftmenu02','','images/leftmenu_on_02.gif',1);dropdownmenu(document.all['leftmenu02img'], event, menu2, '165px');\"><img src=\"images/leftmenu_02.gif\" alt=\"解決上網題速查影片\" name=\"leftmenu02\" width=\"219\" height=\"21\" border=\"0\" id=\"leftmenu02\" /></a><img src=\"images/spacer.gif\" width=\"1\" height=\"1\" border=\"0\" id=\"leftmenu02img\">"
	result+="</td></tr>"
		
	//edit menu 2ex
	result+="<tr><td>"
	result+="<a href=\"page_02_ex.html\" onMouseOut=\"MM_swapImgRestore();\" onMouseOver=\"MM_swapImage('leftmenu02ex','','images/leftmenu_on_02_ex.gif',1);\"><img src=\"images/leftmenu_02_ex.gif\" alt=\"上網百事通教育系列講座\" name=\"leftmenu02ex\" width=\"219\" height=\"22\" border=\"0\" id=\"leftmenu02ex\" /></a><img src=\"images/spacer.gif\" width=\"1\" height=\"1\" border=\"0\" id=\"leftmenu02eximg\">"
	result+="</td></tr>"
		
	//edit menu 3
	result+="<tr><td>"
	result+="<a href=\"page_03.html\" onMouseOut=\"MM_swapImgRestore();delayhidemenu();\" onMouseOver=\"MM_swapImage('leftmenu03','','images/leftmenu_on_03.gif',1);dropdownmenu(document.all['leftmenu03img'], event, menu3, '165px');\"><img src=\"images/leftmenu_03.gif\" alt=\"紅通通請你玩遊戲\" name=\"leftmenu03\" width=\"219\" height=\"23\" border=\"0\" id=\"leftmenu03\" /></a><img src=\"images/spacer.gif\" width=\"1\" height=\"1\" border=\"0\" id=\"leftmenu03img\">"
	result+="</td></tr>"
	
	
	//edit menu 4
	result+="<tr><td>"
	result+="<a href=\"page_04.html\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('leftmenu04','','images/leftmenu_on_04.gif',1)\"><img src=\"images/leftmenu_04.gif\" alt=\"選擇互聯網服務供應商問與答\" name=\"leftmenu04\" width=\"219\" height=\"22\" border=\"0\" id=\"leftmenu04\" /></a>"
	result+="</td></tr>"
	
	
	//edit menu 5
	result+="<tr><td>"
	result+="<a href=\"page_05.html\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('leftmenu05','','images/leftmenu_on_05.gif',1)\"><img src=\"images/leftmenu_05.gif\" alt=\"善用網絡四守則\" name=\"leftmenu05\" width=\"219\" height=\"21\" border=\"0\" id=\"leftmenu05\" /></a>"
	result+="</td></tr>"
	
	//edit menu 6
	result+="<tr><td>"
	result+="<a href=\"page_06.html\" onMouseOut=\"MM_swapImgRestore();delayhidemenu();\" onMouseOver=\"MM_swapImage('leftmenu06','','images/leftmenu_on_06.gif',1);dropdownmenu(document.all['leftmenu06img'], event, menu6, '165px');\"><img src=\"images/leftmenu_06.gif\" alt=\"電腦如何接駁互聯網不可不知\" name=\"leftmenu06\" width=\"219\" height=\"23\" border=\"0\" id=\"leftmenu06\" /></a><img src=\"images/spacer.gif\" width=\"1\" height=\"1\" border=\"0\" id=\"leftmenu06img\">"
	result+="</td></tr>"
	
	
	//edit menu 7
	result+="<tr><td>"
	result+="<a href=\"page_07.html\" onMouseOut=\"MM_swapImgRestore();delayhidemenu();\" onMouseOver=\"MM_swapImage('leftmenu07','','images/leftmenu_on_07.gif',1);dropdownmenu(document.all['leftmenu07img'], event, menu7, '165px');\"><img src=\"images/leftmenu_07.gif\" alt=\"安全上網不可不知\" name=\"leftmenu07\" width=\"219\" height=\"22\" border=\"0\" id=\"leftmenu07\" /></a><img src=\"images/spacer.gif\" width=\"1\" height=\"1\" border=\"0\" id=\"leftmenu07img\">"
	result+="</td></tr>"
	
	//edit menu 8
	result+="<tr><td>"
	result+="<a href=\"page_08_1.html\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('leftmenu08','','images/leftmenu_on_08.gif',1)\"><img src=\"images/leftmenu_08.gif\" alt=\"電郵收發設定與快速檢查\" name=\"leftmenu08\" width=\"219\" height=\"21\" border=\"0\" id=\"leftmenu08\" /></a>"
	result+="</td></tr>"
	
	
	//edit menu 9
	result+="<tr><td>"
	result+="<a href=\"page_09.html\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('leftmenu09','','images/leftmenu_on_09.gif',1)\"><img src=\"images/leftmenu_09.gif\" alt=\"尋找技術支援不可不知\" name=\"leftmenu09\" width=\"219\" height=\"23\" border=\"0\" id=\"leftmenu09\" /></a>"
	result+="</td></tr>"
	
	
	//edit menu 10
	result+="<tr><td>"
	result+="<a href=\"page_10.html\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('leftmenu10','','images/leftmenu_on_10.gif',1)\"><img src=\"images/leftmenu_10.gif\" alt=\"尊重知識產權\" name=\"leftmenu10\" width=\"219\" height=\"22\" border=\"0\" id=\"leftmenu10\" /></a>"
	result+="</td></tr>"
	
	
	//edit menu 11
	result+="<tr><td>"
	result+="<a href=\"page_11_1.html\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('leftmenu11','','images/leftmenu_on_11.gif',1)\"><img src=\"images/leftmenu_11.gif\" alt=\"使用電腦的正確姿勢\" name=\"leftmenu11\" width=\"219\" height=\"22\" border=\"0\" id=\"leftmenu11\" /></a>"
	result+="</td></tr>"
	
	
	//edit menu 12
	result+="<tr><td>"
	result+="<a href=\"page_12_1.html\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('leftmenu12','','images/leftmenu_on_12.gif',1)\"><img src=\"images/leftmenu_12.gif\" alt=\"網絡名詞小百科\" name=\"leftmenu12\" width=\"219\" height=\"22\" border=\"0\" id=\"leftmenu12\" /></a>"
	result+="</td></tr>"
	
	//edit menu 13
	result+="<tr><td>"
	result+="<a href=\"page_13.html\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('leftmenu13','','images/leftmenu_on_13.gif',1)\"><img src=\"images/leftmenu_13.gif\" alt=\"實用連結\" name=\"leftmenu13\" width=\"219\" height=\"22\" border=\"0\" id=\"leftmenu13\" /></a>"
	result+="</td></tr>"
	
	
	
	
	
	result+="</table></td></tr></table>"
	
	document.write(result);
}



//###################### edit top menu here ###########################
function topmenu(){
	var result = '';

result += "<li><img src='images/arrow.jpg' border=\"0\"> <a href=\"index.html\">首頁</a></li>"
result += "<li><img src='images/arrow.jpg' border=\"0\"> <a href=\"sitemap.html\">網頁地圖</a></li>"
result += "<li><img src='images/arrow.jpg' border=\"0\"> <a href=\"aim.html\">網站目的</a></li>"
result += "<li><img src='images/arrow.jpg' border=\"0\"> <a href=\"thanks.html\">鳴謝</a></li>"
result += "<li><img src='images/arrow.jpg' border=\"0\"> <a href=\"contact.html\">你的意見</a></li>"

	document.write(result);
}