/******************************* Replace http://libertyinternation.com.hk https://libertyinternation.com.hk To http://www.libertyinternation.com.hk https://www.libertyinternation.com.hk *******************************/ if ( location.href.toLowerCase().indexOf("http://libertyinternational.com.hk")==0 ) location.href = location.href.replace("http://", "http://www."); if ( location.href.toLowerCase().indexOf("https://libertyinternational.com.hk")==0 ) location.href = location.href.replace("https://", "https://www."); /******************************* MENU OPTIONS AND DEFAULT VALUES bgColorOn = "#001D61" bgColorOff = "#405689" fontColorOn = "#FFFFFF" fontColorOff = "#FFFFFF" borderColor = "#FFFFFF" borderWidth = 1 cellTopPad = 5 cellBottomPad = 5 cellLeftPad = 22 cellRightPad = 22 *******************************/ /******************************* TO USE, CREATE NavBar() WITH STARTING X,Y COOORDS var navbar = new NavBar(0, 143); var menu; ADD Menu() WITH MENU NAME AND MENU WIDTH NOTE: TO ALLOW TOP IMAGE ROLLOVER, JS IMAGE NAME MUST BE Top_(on|off) ADD Menu TO NavBar menu = new Menu("Personal", 192); navbar.addMenu(menu); UPDATE MENU OPTIONS BY ASSIGN NEW VALUES TO MENU OBJECT (CHOOSE FROM OPTIONS ABOVE) menu.bgColorOn = "orange"; ADD SUBMENUS TO MENU WITH TEXT IN MENU AND LINK menu.addSubmenu("My Policy", "/omapps/ContentServer?pagename=pm/PrimaryPage&pid=992377920770&dir=/personal/HomePage"); AFTER ADDING ALL MENUS/SUBMENUS, BUILD NavBar navbar.build(); TO POSITION MENUS IN ORDER HORIZONTALLY, CALL positionMenus() navbar.positionMenus(); OTHERWISE POSITION MENUS INDIVIDUALLY USING moveLayerTo(), PASSING HANDLE TO MENU'S CSS OBJECT (STORED IN ARRAY IN NavBar) AND X,Y COORDS moveLayerTo(navbar.menus[1].css,578,117); BE SURE TO INCLUDE THE FOLLOWING STYLES IN YOUR CSS: .menu{ border: none; cursor: hand; margin: 0; padding: 0; position: absolute; visibility: hidden; z-index: 1; } .submenu{ border: none; border-width: 0; margin: 0; padding: 0; top: 0px; z-index: 2; } .menutext a{ color: #FFFFFF; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; text-decoration: none; } *******************************/ //browser detection vars var isNav4, isDOM, isIE4; if (document.getElementById) { //Netscape 6/IE 5 isDOM = true; } else if (document.all) { //IE 4 isIE4 = true; } else if (document.layers) { //Netscape 4 isNav4 = true; } //POPUP MENU ROLLOVER OPTIONS var allSet = false; var timer = 0; var currentTopNav = ""; var origWidth; var origHeight; // Reload page in case of a browser resize. if (isNav4) { origWidth = window.innerWidth; origHeight = window.innerHeight; window.onresize = navBarReload; } function navBarReload() { if (isNav4 && origWidth == window.innerWidth && origHeight == window.innerHeight) return; // For IE, reload on a timer in case the Windows 'Show window contents while // dragging' display option is on. if (isIE4) setTimeout('window.location.href = window.location.href', 2000); else window.location.href = window.location.href; } /*********** NAVBAR FUNCTIONS ************/ function NavBar(x, y){ //NavBar Constructor this.menus = new Array(); this.left = x; this.top = y; this.build = NavBarBuild; this.addMenu = NavBarAddMenu; this.positionMenus = NavBarPositionMenus; } function NavBarBuild(){ //Create NavBar and Menu Objects for (var i=0; i"+ ""+ ""+ ""+ ""; if (this.submenus.length == 0) { //for some reason, if there aren't any submenus in the first menu, all the layers get messed. //just add dummy text to fake layer (this won't get shown on menu hover) middleText = "."; }else{ for (i=0; i

"; } middleText += ""+ ""+ ""+ ""; } } bottomText += "

"+ "

"+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "


	"+this.submenus[i].text+"

"+ "

"+ "

"; document.write(topText+middleText+bottomText); /* str += "

"; str += ""; str += ""; str += ""; str += ""; for (i=0; i

"; } str += ""; str += ""; str += ""; str += ""; } str += "

"; str += "

"; str += ""; str += ""; str += ""; str += ""; str += ""; str += ""; str += ""; str += ""; str += ""; str += ""; str += ""; str += ""; str += "


	"+this.submenus[i].text+"

"; str += "

"; str += "

"; str += "

"; document.write(str); */ } function MenuDefineObjects(){ //set menu objects/methods if (isDOM) { this.css = document.getElementById(this.name).style; this.evnt = document.getElementById(this.name); } else if (isIE4) { this.css = document.all[this.name].style; this.evnt = document.all[this.name]; } else if (isNav4) { this.css = eval("document." + this.name); this.evnt = eval("document." + this.name); } this.evnt.onmouseover = overLayer; this.evnt.onmouseout = delayHideLayer; //set submenus objects/methods for (i=0; i 0) { document.images[imgName].src = eval(imgName+"_"+state+".src"); } } function highlight(main, submenu, bgColor, fontColor){ //Change submenu colors on mouseover if (isDOM) { var menu = document.getElementById(submenu).style; var link = document.getElementById(submenu+"_link").style; link.color = fontColor; menu.backgroundColor = bgColor; } else if (isIE4) { var menu = document.all[submenu].style; menu.backgroundColor = bgColor; } else if (isNav4) { //var menu = eval("document." + main + ".document." + submenu); //menu.bgColor = bgColor; } } function selectTopNav(navName){ //turns on menu swap(navName, 'on'); currentTopNav = navName; } function showLayer(show, hasTopNav){ if (allSet) { //hide all other layers, and display this one clearTimeout(timer); hideLayers(); for (var i=0; i