var navName = navigator.appName ;
var appVer = parseInt(navigator.appVersion);


var linkset=new Array()
//SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT

linkset[0]="<div class='menuitems'>:: <a href=\"whatsnew.html\" target=_top>最 新 消 息</a></div>"
linkset[0]+="<div class='menuitems'>:: <a href=\"story.html\" target=_top>過 往 消 息</a></div>"

linkset[1]="<div class='menuitems'>:: <a href=\"complain_tcu.html\" target=_top>交 通 投 訴 組</a></div>"
linkset[1]+="<div class='menuitems'>:: <a href=\"complain_bus.html\" target=_top>投 訴 巴 士 公 司</a></div>"
linkset[1]+="<div class='menuitems'>:: <a href=\"complain_advertiser.html\" target=_top>投 訴 廣 告 商</a></div>"
linkset[1]+="<div class='menuitems'>:: <a href=\"complain_government.html\" target=_top>投 訴 政 府 部 門</a></div>"

linkset[2]="<div class='menuitems'>:: <a href=\"support_us.html\" target=_top>聯 絡 靜 巴 運 動</a></div>"
linkset[2]+="<div class='menuitems'>:: <a href=\"support_us.html#donation\" target=_top>給 我 們 捐 助</a></div>"
linkset[2]+="<div class='menuitems'>:: <a href=\"support_us.html#distribute\" target=_top>發 放 傳 單</a></div>"
linkset[2]+="<div class='menuitems'>:: <a href=\"support_us.html#linktous\" target=_top>連 結 本 網 站</a></div>"

/*
linkset[3]="<div class='menuitems'>:: <a href=\"forum.html\" target=_top>一 般 討 論</a></div>"
linkset[3]+="<div class='menuitems'>:: <a href=\"forum2.html\" target=_top>投 訴 及 回 覆</a></div>"
linkset[3]+="<div class='menuitems'>:: <a href=\"forum3.html\" target=_top>新 聞 討 論</a></div>"
*/

linkset[3]="<div class='menuitems'>:: <a href=\"survey_passenger.html\" target=_top>乘 客 調 查</a></div>"
linkset[3]+="<div class='menuitems'>:: <a href=\"survey_driver.html\" target=_top>巴 士 車 長 調 查</a></div>"

////No need to edit beyond here

var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
var ns6=document.getElementById&&!document.all
var ns4=document.layers

function showmenu(e,which){

if (!document.all&&!document.getElementById&&!document.layers)
return

clearhidemenu()

menuobj=ie4? document.all.popmenu : ns6? document.getElementById("popmenu") : ns4? document.popmenu : ""
menuobj.thestyle=(ie4||ns6)? menuobj.style : menuobj

if (ie4||ns6)
menuobj.innerHTML=which
else{
menuobj.document.write('<layer name=gui bgColor=#E6E6E6 width=165 onmouseover="clearhidemenu()" onmouseout="hidemenu()">'+which+'</layer>')
menuobj.document.close()
}

menuobj.contentwidth=(ie4||ns6)? menuobj.offsetWidth : menuobj.document.gui.document.width
menuobj.contentheight=(ie4||ns6)? menuobj.offsetHeight : menuobj.document.gui.document.height
eventX=ie4? event.clientX : ns6? e.clientX : e.x
eventY=ie4? event.clientY : ns6? e.clientY : e.y

//Find out how close the mouse is to the corner of the window
var rightedge=ie4? document.body.clientWidth-eventX : window.innerWidth-eventX
var bottomedge=ie4? document.body.clientHeight-eventY : window.innerHeight-eventY

//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<menuobj.contentwidth)
//move the horizontal position of the menu to the left by it's width
menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX-menuobj.contentwidth : ns6? window.pageXOffset+eventX-menuobj.contentwidth : eventX-menuobj.contentwidth
else
//position the horizontal position of the menu where the mouse was clicked
menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX : ns6? window.pageXOffset+eventX : eventX

//same concept with the vertical position
if (bottomedge<menuobj.contentheight)
menuobj.thestyle.top=ie4? document.body.scrollTop+eventY-menuobj.contentheight : ns6? window.pageYOffset+eventY-menuobj.contentheight : eventY-menuobj.contentheight
else
menuobj.thestyle.top=ie4? document.body.scrollTop+event.clientY : ns6? window.pageYOffset+eventY : eventY
menuobj.thestyle.visibility="visible"
return false
}

function contains_ns6(a, b) {
//Determines if 1 element in contained in another- by Brainjar.com
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function hidemenu(){
if (window.menuobj)
menuobj.thestyle.visibility=(ie4||ns6)? "hidden" : "hide"
}

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

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

function clearhidemenu(){
if (window.delayhide)
clearTimeout(delayhide)
}

function highlightmenu(e,state){
if (document.all)
source_el=event.srcElement
else if (document.getElementById)
source_el=e.target
if (source_el.className=="menuitems"){
source_el.id=(state=="on")? "mouseoverstyle" : ""
}
else{
while(source_el.id!="popmenu"){
source_el=document.getElementById? source_el.parentNode : source_el.parentElement
if (source_el.className=="menuitems"){
source_el.id=(state=="on")? "mouseoverstyle" : ""
}
}
}
}

if (ie4||ns6)
document.onclick=hidemenu

document.write("<div id='popmenu' class='menuskin' onMouseover=\"clearhidemenu();highlightmenu(event,'on')\" onMouseout=\"highlightmenu(event,'off');dynamichide(event)\"></div>");

if (ie4||ns6) { 
	document.write("<div id='Welcome' style='position:absolute; width:200px; height:100px; z-index:1; left: 465px; top: 38px'> ");
	document.write("  <table width='100%' border='0'>");
	document.write("	<tr>");
	document.write("	  <td valign='bottom'><img src='pic/text_welcome.gif'></td>");
	document.write("	  <td><img src='pic/icon_bus_stop.gif'></td>");
	document.write("	</tr>");
	document.write("  </table>");
	document.write("</div>");
}

document.write("<table width='100%' border='0' background='pic/bg_blending.gif' cellpadding='0' cellspacing='0'>");
document.write("  <tr> ");
document.write("    <td> ");
document.write("      <table width='760' border='0' align='center' cellpadding='0' cellspacing='0'>");
document.write("        <tr> ");
document.write("          <td width='150' valign=top><a href='index.shtml'><img src='pic/layout_logo.gif' width='150' height='95' border='0'></a></td>");
document.write("          <td valign='top'> ");
document.write("            <table width='100%' border='0' cellpadding='0' cellspacing='0' align='center'>");
document.write("              <tr valign=bottom height=40> ");
document.write("                <td> ");
document.write("                  <div class=cTopLinks align='center'><a href='about_us.html' target=_top onMouseOut='MM_swapImgRestore()' onMouseOver=\"MM_swapImage('Spacer1','','pic/icon_bus.gif',1);\">關於<br><img src=pic/spacer.gif width=10 height=7 border=0>我們</a></div>");
document.write("                </td>");
document.write("                <td> ");
document.write("                  <div class=cTopLinks align='center'><a href='whatsnew.html' target=_top onMouseOut='MM_swapImgRestore();delayhidemenu()' onMouseOver=\"MM_swapImage('Spacer2','','pic/icon_bus.gif',1);showmenu(event,linkset[0])\">最新<br><img src=pic/spacer.gif width=10 height=7 border=0>消息</a></div> ");
document.write("                </td>");
document.write("                <td> ");
document.write("                  <div class=cTopLinks align='center'><a href='the_facts.html' target=_top onMouseOut='MM_swapImgRestore()' onMouseOver=\"MM_swapImage('Spacer3','','pic/icon_bus.gif',1);\">基本<br><img src=pic/spacer.gif width=10 height=7 border=0>資料</a></div> ");
document.write("                </td>");
document.write("                <td> ");
document.write("                  <div class=cTopLinks align='center'><a href='why_hush.html' target=_top onMouseOut='MM_swapImgRestore()' onMouseOver=\"MM_swapImage('Spacer4','','pic/icon_bus.gif',1);\">為何<br><img src=pic/spacer.gif width=10 height=7 border=0>靜巴</a></div> ");
document.write("                </td>");
document.write("                <td> ");
document.write("                  <div class=cTopLinks align='center'><a href='press.html' target=_top onMouseOut='MM_swapImgRestore()' onMouseOver=\"MM_swapImage('Spacer5','','pic/icon_bus.gif',1);\">傳媒<br><img src=pic/spacer.gif width=10 height=7 border=0>報道</a></div> ");
document.write("                </td>");
/*
document.write("                <td> ");
document.write("                  <div class=cTopLinks align='center'><a href='forum.html' target=_top onMouseOut='MM_swapImgRestore();delayhidemenu()' onMouseOver=\"MM_swapImage('Spacer6','','pic/icon_bus.gif',1);showmenu(event,linkset[3]);\">討論<br><img src=pic/spacer.gif width=10 height=7 border=0>廣場</a></div> ");
document.write("                </td>");
*/
document.write("                <td> ");
document.write("                  <div class=cTopLinks align='center'><a href='survey_passenger.html' target=_top onMouseOut='MM_swapImgRestore()' onMouseOver=\"MM_swapImage('Spacer7','','pic/icon_bus.gif',1);showmenu(event,linkset[3]);\">調查<br><img src=pic/spacer.gif width=10 height=7 border=0>結果</a></div> ");
document.write("                </td>");
document.write("                <td> ");
document.write("                  <div class=cTopLinks align='center'><a href='complain_tcu.html' target=_top onMouseOut='MM_swapImgRestore();delayhidemenu()' onMouseOver=\"MM_swapImage('Spacer8','','pic/icon_bus.gif',1);showmenu(event,linkset[1]);\">投訴<br><img src=pic/spacer.gif width=10 height=7 border=0>有門</a></div> ");
document.write("                </td>");
document.write("                <td> ");
document.write("                  <div class=cTopLinks align='center'><a href='support_us.html' target=_top onMouseOut='MM_swapImgRestore();delayhidemenu()' onMouseOver=\"MM_swapImage('Spacer9','','pic/icon_bus.gif',1);showmenu(event,linkset[2]);\">支持<br><img src=pic/spacer.gif width=10 height=7 border=0>我們</a></div> ");
document.write("                </td>");
document.write("                <td> ");
document.write("                  <div class=cTopLinks align='center'><a href='fun_zone.html' target=_top onMouseOut='MM_swapImgRestore()' onMouseOver=\"MM_swapImage('Spacer10','','pic/icon_bus.gif',1)\">靜巴<br><img src=pic/spacer.gif width=10 height=7 border=0>樂園</a></div> ");
document.write("                </td>");
document.write("                <td> ");
document.write("                  <div class=cTopLinks align='center'><a href='useful_links.html' target=_top onMouseOut='MM_swapImgRestore()' onMouseOver=\"MM_swapImage('Spacer11','','pic/icon_bus.gif',1)\">實用<br><img src=pic/spacer.gif width=10 height=7 border=0>連結</a></div> ");
document.write("                </td>");
document.write("              </tr>");
document.write("              <tr height=40>");
document.write("                <td align=center><img src='pic/spacer.gif' name='Spacer1'></td>");
document.write("                <td align=center><img src='pic/spacer.gif' name='Spacer2'></td>");
document.write("                <td align=center><img src='pic/spacer.gif' name='Spacer3'></td>");
document.write("                <td align=center><img src='pic/spacer.gif' name='Spacer4'></td>");
document.write("                <td align=center><img src='pic/spacer.gif' name='Spacer5'></td>");
//document.write("                <td align=center><img src='pic/spacer.gif' name='Spacer6'></td>");
document.write("                <td align=center><img src='pic/spacer.gif' name='Spacer7'></td>");
document.write("                <td align=center><img src='pic/spacer.gif' name='Spacer8'></td>");
document.write("                <td align=center><img src='pic/spacer.gif' name='Spacer9'></td>");
document.write("                <td align=center><img src='pic/spacer.gif' name='Spacer10'></td>");
document.write("                <td align=center><img src='pic/spacer.gif' name='Spacer11'></td>");
document.write("              </tr>");
document.write("              <tr>");
document.write("                <td colspan=10 align=right bgcolor=#ffffff><font face='Verdana, Arial, Helvetica, sans-serif' size=1>[ <a href=../eng/>English</a> ] [ <img src='../eng/pic/text_chinese_version.gif' border=0 align=absmiddle> ]</font><img src='pic/spacer.gif' width=20 height=1></td>");
document.write("              </tr>");
document.write("            </table>");
document.write("          </td>");
document.write("        </tr>");
document.write("      </table>");
document.write("    </td>");
document.write("  </tr>");
document.write("</table>");