// Copyright 2001-2003 Villario, villario@yahoo.com

<!-- hide JavaScript from non-JavaScript browsers
var agt=navigator.userAgent.toLowerCase();
var is_major = parseInt(navigator.appVersion);
var is_minor = parseFloat(navigator.appVersion);
var is_nav  = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1) && (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1) && (agt.indexOf('webtv')==-1));
var is_nav2 = (is_nav && (is_major == 2));
var is_nav3 = (is_nav && (is_major == 3));
var is_badnav4 = (is_nav && (parseFloat(navigator.appVersion) == 4.02));
var is_oldnav4 = (is_nav && (parseFloat(navigator.appVersion) < 4.06));
var is_nav4 = (is_nav && (is_major == 4));
var is_nav4up = (is_nav && (is_major >= 4));
var is_nav6 = (is_nav && (is_major == 5));
var is_nav6up = (is_nav && (is_major >= 5));
var is_ie   = (agt.indexOf("msie") != -1);
var is_ie3  = (is_ie && (is_major < 4));
var is_ie4  = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")==-1));
var is_ie4up  = (is_ie  && (is_major >= 4));
var is_ie5  = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")!=-1));
var is_ie5up  = (is_ie && !is_ie3 && !is_ie4);
var is_aol   = (agt.indexOf("aol") != -1);
var is_aol3  = (is_aol && is_ie3);
var is_aol4  = (is_aol && is_ie4);
var is_aol5up  = (is_aol && is_ie5up);
var is_opera = (agt.indexOf("opera") != -1);
var is_opera4 = (is_opera && (is_major == 4));
var is_opera5 = (is_opera && (is_major == 5));
var is_opera5up = (is_opera && (is_major >= 5));
var is_webtv = (agt.indexOf("webtv") != -1);
var is_domcom = ((is_nav6up)||(is_ie5up)||(is_opera5up))
var is_mac    = (agt.indexOf("mac")!=-1);
var is_mac68k = (is_mac && ((agt.indexOf("68k")!=-1) || (agt.indexOf("68000")!=-1)));
var is_macppc = (is_mac && ((agt.indexOf("ppc")!=-1) || (agt.indexOf("powerpc")!=-1)));
var dhtmlnav=0;
var dhtmlBrowser=0;
if ((is_nav4up)||(is_ie4up)) dhtmlBrowser=1;

var table_template_front_array1 = new Array();
var table_template_front_array2 = new Array();
var table_template_end_array = new Array();
var row_template_front_array = new Array();
var parent_layer_array = new Array();
var child_layer_array = new Array();
var last_button_name = "";
var last_parent_layer = "";
var last_child_layer = "";
var last_image_name = "";
var image_pointer = "";
var TimerID = "";
var TimerIDLink = "";
var table_width = 155; // Changes the width of all menu tables. Set to widest menu.
var IsLink = "NO";
var PrevLayer = "NO";
var WaitLink = 0;
var LinkLayer = "";
var TimeLinkOut = 100;
var TimeLayerOut = 100;

if (document.images) {
    var I1on = new Image();
    I1on.src = url_path + "images/" + prefix + "menu1_on.gif";
    var I1off = new Image();
    I1off.src = url_path + "images/" + prefix + "menu1_off.gif";
    var I2on = new Image();
    I2on.src = url_path + "images/" + prefix + "menu2_on.gif";
    var I2off = new Image();
    I2off.src = url_path + "images/" + prefix + "menu2_off.gif";
    var I3on = new Image();
    I3on.src = url_path + "images/" + prefix + "menu3_on.gif";
    var I3off = new Image();
    I3off.src = url_path + "images/" + prefix + "menu3_off.gif";
    var I4on = new Image();
    I4on.src = url_path + "images/" + prefix + "menu4_on.gif";
    var I4off = new Image();
    I4off.src = url_path + "images/" + prefix + "menu4_off.gif";
    var I5on = new Image();
    I5on.src = url_path + "images/" + prefix + "menu5_on.gif";
    var I5off = new Image();
    I5off.src = url_path + "images/" + prefix + "menu5_off.gif";
	var I6on = new Image();
    I6on.src = url_path + "images/" + prefix + "menu6_on.gif";
    var I6off = new Image();
    I6off.src = url_path + "images/" + prefix + "menu6_off.gif";
	var I7on = new Image();
    I7on.src = url_path + "images/" + prefix + "menu7_on.gif";
    var I7off = new Image();
    I7off.src = url_path + "images/" + prefix + "menu7_off.gif";
	var I8on = new Image();
    I8on.src = url_path + "images/" + prefix + "menu8_on.gif";
    var I8off = new Image();
    I8off.src = url_path + "images/" + prefix + "menu8_off.gif";
	var I9on = new Image();
    I9on.src = url_path + "images/" + prefix + "menu9_on.gif";
    var I9off = new Image();
    I9off.src = url_path + "images/" + prefix + "menu9_off.gif";
	var I10on = new Image();
    I10on.src = url_path + "images/" + prefix + "menu10_on.gif";
    var I10off = new Image();
    I10off.src = url_path + "images/" + prefix + "menu10_off.gif";
	var I11on = new Image();
    I11on.src = url_path + "images/" + prefix + "menu11_on.gif";
    var I11off = new Image();
    I11off.src = url_path + "images/" + prefix + "menu11_off.gif";
	var I12on = new Image();
    I12on.src = url_path + "images/" + prefix + "menu12_on.gif";
    var I12off = new Image();
    I12off.src = url_path + "images/" + prefix + "menu12_off.gif";
}

function changeImages() {
  if (document.images) {
    for (var i=0; i<changeImages.arguments.length; i+=2) {
      document[changeImages.arguments[i]].src = eval(changeImages.arguments[i+1] + ".src");
    }
  }
}

function Layer(name, visibility, zindex, table_template, left, top) {
    this.name = name;
    this.left = left;
    this.top = top;
    this.width = table_width;
    this.visibility = visibility;
    this.zindex = zindex;
    this.table_template = table_template;
    this.ar = ar;
    this.fl = fl;

    if (this.table_template == 1) {
        this.left = this.left + this.width - 7;
    }
    if ((is_domcom)||(is_ie4)) {
      if (is_mac) { //changed the navigator.appVersion.indexOf("Macintosh") to is_mac
            this.top += 7;
            this.left += 2;
        }
        this.layer_content = '<div id="' + this.name + '" style="position: absolute; left: ' + this.left + '; top: ' + this.top + '; width: ' + this.width + '; visibility: ' + (this.visibility ? 'visible' : 'hidden') + '; z-index: ' + this.zindex + ';">';
    } else if (is_nav4) {
        this.layer_content = '<layer name="' + this.name + '" left=' + this.left + ' top=' + this.top + ' width=' + this.width + ' visibility=' + (this.visibility ? '"show"' : '"hide"') + ' z-index=' + this.zindex + '>';
    }
	   this.layer_content += table_template_front_array1[this.table_template];
	   this.layer_content += name
	   this.layer_content += table_template_front_array2[this.table_template];
		if (this.table_template == 0) {
			parent_layer_array[parent_layer_array.length] = this.name;
		} else {
		child_layer_array[child_layer_array.length] = this.name;
	    }
}

function ar(row_template, row_content) {
    if(row_template>0){
        this.layer_content += row_middle + row_template_front_array[row_template-1] + row_content +  row_end;
    }else{
        this.layer_content += row_template_front_array[row_template] + row_content + row_end;
    }

}

function fl() {
    this.layer_content += table_template_end_array[this.table_template];
    if ((is_domcom)||(is_ie4)) {
      this.layer_content += '</div>';
    } else if (is_nav4) {
        //this.layer_content += '</layer>';
    }
	document.write(this.layer_content)
}

function define_table(tw) {
    table_template_front_array1[0] = '<table width="160" border="0" cellpadding="0" cellspacing="0" bgcolor="#9F47AA"><tr><td>&nbsp;</td><td align="right">';
    table_template_front_array1[0] += '<table width="' + tw + '" cellspacing="0" bgcolor="#6E285D" cellpadding="0" border="0"  onmouseover="TableOver(\'';
//    table_template_front_array2[0] = '\');" onmouseout="TableOut();"><tr><td valign="top" bgcolor="FFFFFF"><table width="' + tw + '" border="0" cellspacing="0" cellpadding="0" >';
    table_template_front_array2[0] = '\');" onmouseout="TableOut();"><tr><td width="155" align="left" valign="top" bgcolor="#9F47AA" class="layertxt"><img src="' + url_path + 'images/spacer.gif" width="5" height="5" /></td></tr>';
    

//    table_template_end_array[0] = '</table></td></tr></table>';
    table_template_end_array[0] = '<tr><td align="left" valign="middle" bgcolor="#9F47AA" class="layertxt"><img src="' + url_path + 'images/spacer.gif" width="5" height="5" /></td></tr></table>';
    table_template_end_array[0] += '</td></tr></table>';

	//row_template_front_array[0] = '<tr><td align="left" valign="middle" class="layertxt"><img src="' + url_path + 'images/w-line.gif" border="0" alt="">';
    row_template_front_array[0] = '<tr><td width="155" align="left" valign="middle" class="layertxt"><table border="0" cellspacing="0" cellpadding="0"><tr>';
//    row_end = '</tr>';
    row_middle = '<tr><td align="left" valign="middle" background="' + url_path + 'images/dotline2.gif" class="layertxt"><img src="' + url_path + 'images/spacer.gif" width="5" height="5" /></td></tr>';

     row_end = '</tr></table></td></tr>';

}

define_table(table_width);

if(prefix=="c-"){
	var l = new Layer("L2", 0, 4, 0, 187, 264);
	l.ar(0, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'mission/' + prefix + 'vision.php" onmouseover="TableOver(\'L2\');">目標</a></td>');
	l.ar(1, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'mission/' + prefix + 'mission.php" onmouseover="TableOver(\'L2\');" class="text_menu_sub">宗旨</a></td>');
	l.fl();
	
	var l = new Layer("L5", 0, 4, 0, 187, 324);
	l.ar(0, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'activities/' + prefix + 'seminars.php" onmouseover="TableOver(\'L5\');">講座</a></td>');
	l.ar(1, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'activities/' + prefix + 'workshops.php" onmouseover="TableOver(\'L5\');">工作坊</a></td>');
	l.ar(1, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'activities/' + prefix + 'other.php" onmouseover="TableOver(\'L5\');">其他活動</a></td>');
	l.fl();
	
	var l = new Layer("L6", 0, 4, 0, 187, 344);
	l.ar(0, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'new/' + prefix + 'seminars.php" onmouseover="TableOver(\'L6\');">講座</a></td>');
	l.ar(1, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'new/' + prefix + 'workshops.php" onmouseover="TableOver(\'L6\');">工作坊</a></td>');
	l.ar(1, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'new/' + prefix + 'other.php" onmouseover="TableOver(\'L6\');">其他活動</a></td>');
	l.ar(1, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'new/' + prefix + 'spotlight.php" onmouseover="TableOver(\'L6\');">焦點匯聚</a></td>');
	l.fl();
	
	var l = new Layer("L9", 0, 4, 0, 187, 403);
	l.ar(0, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'publications/' + prefix + 'annual.php" onmouseover="TableOver(\'L8\');">本會年報</a></td>');
	l.ar(1, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'publications/' + prefix + 'qtsa.php" onmouseover="TableOver(\'L8\');">本會會訊</a></td>');
	l.ar(1, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'publications/' + prefix + 'press.php" onmouseover="TableOver(\'L8\');">新聞稿</a></td>');
	l.fl();
	
	var l = new Layer("L11", 0, 4, 0, 187, 444);
	l.ar(0, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub" nowrap="nowrap"><a href="' + url_path + 'links/' + prefix + 'links.php" onmouseover="TableOver(\'L10\');" class="text_menu_sub">政府機構及官方機構</a>&nbsp;&nbsp;&nbsp;</td>');
	l.ar(1, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'links/' + prefix + 'tourism.php" onmouseover="TableOver(\'L10\');" class="text_menu_sub">旅遊及相關機構</a></td>');
	l.ar(1, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'links/' + prefix + 'trade.php" onmouseover="TableOver(\'L10\');" class="text_menu_sub">商會</a></td>');
	l.ar(1, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'links/' + prefix + 'others.php" onmouseover="TableOver(\'L10\');" class="text_menu_sub">其他</a></td>');
	l.fl();
}else{
	var l = new Layer("L2", 0, 4, 0, 187, 264);
	l.ar(0, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'mission/vision.php" onmouseover="TableOver(\'L2\');">Vision</a></td>');
	l.ar(1, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'mission/mission.php" onmouseover="TableOver(\'L2\');" class="text_menu_sub">Mission</a></td>');
	l.fl();
	
	var l = new Layer("L5", 0, 4, 0, 187, 324);
	l.ar(0, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'activities/seminars.php" onmouseover="TableOver(\'L5\');">Seminars</a></td>');
	l.ar(1, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'activities/workshops.php" onmouseover="TableOver(\'L5\');">Training Workshops</a></td>');
	l.ar(1, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'activities/other.php" onmouseover="TableOver(\'L5\');">Other Events</a></td>');
	l.fl();
	
	var l = new Layer("L6", 0, 4, 0, 187, 344);
	l.ar(0, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'new/seminars.php" onmouseover="TableOver(\'L6\');">Seminars</a></td>');
	l.ar(1, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'new/workshops.php" onmouseover="TableOver(\'L6\');">Training Workshops</a></td>');
	l.ar(1, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'new/other.php" onmouseover="TableOver(\'L6\');">Other Events</a></td>');
	l.ar(1, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'new/spotlight.php" onmouseover="TableOver(\'L6\');">In the Spotlight</a></td>');
	l.fl();
	
	var l = new Layer("L9", 0, 4, 0, 187, 403);
	l.ar(0, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'publications/annual.php" onmouseover="TableOver(\'L8\');">Annual Report</a></td>');
	l.ar(1, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'publications/qtsa.php" onmouseover="TableOver(\'L8\');">QTSA News</a></td>');
	l.ar(1, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'publications/press.php" onmouseover="TableOver(\'L8\');">Press Releases</a></td>');
	l.fl();
	
	var l = new Layer("L11", 0, 4, 0, 187, 444);
	l.ar(0, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub" nowrap="nowrap"><a href="' + url_path + 'links/links.php" onmouseover="TableOver(\'L10\');" class="text_menu_sub">Government and quasi-government</a>&nbsp;&nbsp;&nbsp;</td>');
	l.ar(1, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'links/tourism.php" onmouseover="TableOver(\'L10\');" class="text_menu_sub">Tourism-related</a></td>');
	l.ar(1, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'links/trade.php" onmouseover="TableOver(\'L10\');" class="text_menu_sub">Trade Associations</a></td>');
	l.ar(1, '<td><img src="' + url_path + 'images/bullet2.gif" width="30" height="23" /></td><td class="text_menu_sub"><a href="' + url_path + 'links/others.php" onmouseover="TableOver(\'L10\');" class="text_menu_sub">Others</a></td>');
	l.fl();
}

var numOfMenus = 5; // Number of the Main menus
var numOfImages = 12; // Number of rollover button images

layersList = new Array("L2","L5","L6","L9","L11");
var layerCount = 5; // Total number of the Main and the Sub menus

//--> end hide JavaScript