if (TransMenu.isSupported()) {
	var ms = new TransMenuSet(TransMenu.direction.down, 1, 0, TransMenu.reference.bottomLeft);

	var menu1 = ms.addMenu(document.getElementById("tmenu1"));
	menu1.addItem("<li>活動訊息</li>", "generalnews.aspx");
	menu1.addItem("<li>社友動態</li>", "membernews.aspx");
	menu1.addItem("<li>行事曆</li>", "Calendar.aspx");

	var menu2 = ms.addMenu(document.getElementById("tmenu2"));
	menu2.addItem("<li>本社簡介</li>", "introduction.aspx");
	menu2.addItem("<li>組織架構</li>", "organization.aspx");
    menu2.addItem("<li>歷任社長秘書 </li>", "pp.aspx");


	var menu3 = ms.addMenu(document.getElementById("tmenu3"));
	menu3.addItem("<li>現任社長</li>", "president.aspx");
	menu3.addItem("<li>社友名錄</li>", "member.aspx");
	menu3.addItem("<li>本屆職委員</li>", "staff.aspx");
	TransMenu.renderAll();
}

function init() {
	if (TransMenu.isSupported()) {
		TransMenu.initialize();
		menu1.onactivate = function() { document.getElementById("tmenu1").className = "hover"; };
		menu1.ondeactivate = function() { document.getElementById("tmenu1").className = "item"; };

		menu2.onactivate = function() { document.getElementById("tmenu2").className = "hover"; };
		menu2.ondeactivate = function() { document.getElementById("tmenu2").className = "item"; };

		menu3.onactivate = function() { document.getElementById("tmenu3").className = "hover"; };
		menu3.ondeactivate = function() { document.getElementById("tmenu3").className = "item"; };

		}
}