/***********************************************
* 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,2,3,6,7 below*/
//#########################################################################################################
//sub menu 1
var menu1=new Array()
menu1[0]='<a href="page_01_1_1.html" title="Problems with Slow Speed">Problems with Slow Speed</a>'
menu1[1]='<a href="page_01_2.html"   title="Problems with Connection">Problems with Connection</a>'
menu1[2]='<a href="page_01_3_1.html" title="Problems with Viewing the Contents">Problems with Viewing the Contents</a>'
menu1[3]='<a href="page_01_4_1.html" title="Problems with Receiving/Sending Emails">Problems with Receiving/Sending Emails</a>'
menu1[4]='<a href="page_01_5_1.html" title="Problems with Signing in to MSN">Problems with Signing in to MSN</a>'
menu1[5]='<a href="page_01_6_1.html" title="Problems with Getting Online after Installing a Firewall">Problems with Getting Online after Installing a Firewall</a>'


//sub menu 2
var menu2=new Array()
menu2[0]="<a href=\"page_02_1.html\"   title=\"Blue Tone's Tips for Broadband Service Users (Video Clips)\">Blue Tone's Tips for Broadband Service Users (Video Clips)</a>"
menu2[1]="<a href=\"page_02_2.html\"   title=\"Blue Tone's Tips for Broadband Service Users (Demonstrations)\">Blue Tone's Tips for Broadband Service Users (Demonstrations)</a>"


//sub menu 3
var menu3=new Array()
menu3[0]='<a href="javascript:openWindow(\'online_quiz.html\',\'onlinequizeng\',\'1000\',\'600\',\'center\',\'scrollbars=yes,resizable=yes\');"  title="&quot;Blue Tone\'s Tips for Broadband Service Users&quot; Online Quiz">"Blue Tone\'s Tips for Broadband Service Users" Online Quiz</a>'
menu3[1]='<a href="../game/red_tone_goes_online/eng/301.html" target="_blank" title="Red Tone Goes Online">Red Tone Goes Online</a>'
menu3[2]='<a href="../game/bttgame/cht/BTT.html" target="_blank" title="Blue Tone\'s Tips for Hassle-free Internet Connection">Blue Tone\'s Tips for Hassle-free Internet Connection</a>'

//sub menu 6
var menu6=new Array()
menu6[0]='<a href="page_06_1_1.html" title="The Basics about Connection and Installation">The Basics about Connection and Installation</a>'
menu6[1]='<a href="page_06_2_1.html" title="Connecting to the Internet with a Modem">Connecting to the Internet with a Modem</a>'
menu6[2]='<a href="page_06_3_1.html" title="Connecting to the Internet with a Router">Connecting to the Internet with a Router</a>'
menu6[3]='<a href="page_06_4_1.html" title="Connecting to the Internet with a Wireless Router">Connecting to the Internet with a Wireless Router</a>'

//sub menu 7
var menu7=new Array()
menu7[0]='<a href="page_07_1_1.html" title="Keeping your Windows Secure">Keeping your Windows Secure</a>'
menu7[1]='<a href="page_07_2_1.html" title="Using Windows Update">Using Windows Update</a>'
menu7[2]='<a href="page_07_3_1.html" title="Using Anti-virus Software">Using Anti-virus Software</a>'
menu7[3]='<a href="page_07_4_1.html" title="Using Firewall Software">Using Firewall Software</a>'
menu7[4]='<a href="page_07_5_1.html" title="Protecting your Computer against Spam and Phishing Emails">Protecting your Computer against Spam and Phishing Emails</a>'
menu7[5]='<a href="page_07_6_1.html" title="P2P Sharing with Caution">P2P Sharing with Caution</a>'
menu7[6]='<a href="page_07_7_1.html" title="Logging on to Websites Securely">Logging on to Websites Securely</a>'
//##############################################################################################################
/* end of edit sub menu 1,2,3,6,7 */
		
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(){
	result=(document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
	//alert(result)
	return result
}

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=\"401\" 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=\"Quick Solutions for Problems with Internet Access\" name=\"leftmenu01\" width=\"219\" height=\"39\" border=\"0\"></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=\"Videos on Quick Solutions for Problems with Internet Access\" name=\"leftmenu02\" width=\"219\" height=\"36\" border=\"0\"><img src=\"images/spacer.gif\" width=\"1\" height=\"1\" border=\"0\" id=\"leftmenu02img\"></a>"
	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=\"Talks of Broadband Consumer Education Series\" name=\"leftmenu02ex\" width=\"219\" height=\"38\" border=\"0\"><img src=\"images/spacer.gif\" width=\"1\" height=\"1\" border=\"0\" id=\"leftmenu02eximg\"></a>"
	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=\"Let's Play Games with Red Tone\" name=\"leftmenu03\" width=\"219\" height=\"23\" border=\"0\"></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=\"Choosing an Internet Service Provider FAQ\" name=\"leftmenu04\" width=\"219\" height=\"36\" border=\"0\"></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=\"Code of Conduct for Internet Users\" name=\"leftmenu05\" width=\"219\" height=\"22\" border=\"0\"></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=\"How a Computer is Connected to the Internet\" name=\"leftmenu06\" width=\"219\" height=\"38\" border=\"0\"></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=\"Staying Safe Online\" name=\"leftmenu07\" width=\"219\" height=\"22\" border=\"0\"></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=\"Set-up for Sending/Receiving Emails and Quick Check\" name=\"leftmenu08\" width=\"219\" height=\"37\" border=\"0\"></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=\"Getting Technical Support\" name=\"leftmenu09\" width=\"219\" height=\"23\" border=\"0\"></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=\"Respect Intellectual Property Rights\" name=\"leftmenu10\" width=\"219\" height=\"23\" border=\"0\"></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=\"Correct Postures when Using a Computer\" name=\"leftmenu11\" width=\"219\" height=\"39\" border=\"0\"></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=\"Glossary\" name=\"leftmenu12\" width=\"219\" height=\"23\" border=\"0\"></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=\"Useful Links\" name=\"leftmenu13\" width=\"219\" height=\"40\" border=\"0\"></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\">Home</a></li>"
	result += "<li><img src='images/arrow.jpg' border=\"0\"> <a href=\"sitemap.html\">Site Map</a></li>"
	result += "<li><img src='images/arrow.jpg' border=\"0\"> <a href=\"aim.html\">Objective</a></li>"
	result += "<li><img src='images/arrow.jpg' border=\"0\"> <a href=\"thanks.html\">Acknowledgements</a></li>"
	result += "<li><img src='images/arrow.jpg' border=\"0\"> <a href=\"contact.html\">Your Feedback</a></li>"

	document.write(result);
}