client = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 5 )) if(client){ runTable(); } else{ runMenu(); } function runMenu(){ /******************************************************************************** Copyright (C) 1999 Thomas Brattli This script is made by and copyrighted to Thomas Brattli at www.bratta.com Visit for more great scripts. This may be used freely as long as this msg is intact! I will also appriciate any links you could give me. ********************************************************************************/ //Default browsercheck, added to all scripts! function checkBrowser(){ this.ver=navigator.appVersion this.dom=document.getElementById?1:0 this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0; this.ie4=(document.all && !this.dom)?1:0; this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5) return this } bw=new checkBrowser() /******************************************************************************* Copyright (c) 1999 Thomas Brattli (www.bratta.com) eXperience DHTML coolMenus - Get it at www.bratta.com Version 2.0 This script can be used freely as long as all copyright messages are intact. Visit www.bratta.com/dhtml for the latest version of the script. These are the varibles you have to set to customize the menu. CoolMenus with borders Modifications by DCage *******************************************************************************/ /******************************************************************************** Variables to set. Remember that to set fontsize and fonttype you set that in the stylesheet above! ********************************************************************************/ //Making a menu object oMenu=new menuObj('oMenu') //Place a name for the menu in there. Must be uniqe for each menu //Setting menu object variables //Style variables NOTE: The stylesheet have been removed. Use this instead! (some styles are there by default, like position:absolute ++) /*************************************************************/ // NEW NOTE: Don't specify your font colors in the styles below. They'll be ignored. Use the variables further down in the script. // The styles with the 'Hilite' suffixes are for the Netscape "on" state. // If you want IE to display the "hand" cursor over the links, add "cursor:hand;" to each of the three classes with the "clA" prefixes at the bottom. /*************************************************************/ oMenu.clMain='padding:3px; font-family:verdana; font-size:11px; font-weight:bold;' //The style for the main menus oMenu.clMainHilite='padding:3px; font-family:verdana; font-size:11px; font-weight:bold;' //The style for NN main mouseovers oMenu.clSub='padding:2px; font-family:verdana; font-size:11px;' //The style for the submenus oMenu.clSubHilite='padding:2px; font-family:verdana; font-size:11px;' //The style for NN submenu mouseovers oMenu.clSubSub='padding:5px; font-family:verdana; font-size:11px;' //The style for the subsubmenus oMenu.clSubSubHilite='padding:5px; font-family:verdana; font-size:11px;' //The style for NN subsubmenu mouseovers oMenu.clAMain='text-decoration:none; cursor:default' //The style for the main links oMenu.clASub='text-decoration:none; cursor:default' //The style for the sub links oMenu.clASubSub='text-decoration:none; cursor:default' //The style for the subsub links /*************************************** Border and separator variables NOTE: The first sub border (s1BorderSize) will default to the main border size if you're arranging the menus in columns across the top (menurows=1). Only if the menus are in left-hand rows (menurows=0) will the s1BorderSize variable be applied. ****************************************/ oMenu.mBorderColor= 'black'; oMenu.s1BorderColor= '000000'; oMenu.s2BorderColor= '000000'; oMenu.mBorderSize= 1; // The "frame" border size oMenu.s1BorderSize= 1; oMenu.s2BorderSize= 1; oMenu.s1Separator= 1; // The borders between the menu items oMenu.s2Separator= 1; /**************************************** *****************************************/ //Background bar properties oMenu.backgroundbar=1 //Set to 0 if no backgroundbar oMenu.backgroundbarfromleft=0 //The left placement of the backgroundbar in pixel or % oMenu.backgroundbarfromtop=101 //The top placement of the backgroundbar in pixel or % oMenu.backgroundbarsize="600" //The size of the bar in pixel or % oMenu.backgroundbarcolor="black" //The backgroundcolor of the bar oMenu.mainheight=20 //The height of the main menuitems in pixel or % oMenu.mainwidth='125' //The width of the main menuitems in pixel or % /**************************************************************/ // NEW VARIABLES oMenu.mainOff= '#ffffff'; // The main menu font "off" color oMenu.mainHilite= '#FFFF99'; // The main menu font "on" color oMenu.subOff= '#ffffff' // The submenu font "off" color oMenu.subHilite= '#000000'; // The submenu font "on" color oMenu.subsubOff= '#000000' // The subsubmenu font "off" color oMenu.subsubHilite= '#000000' // The subsubmenu font "on" color /**************************************************************/ /*These are new variables. In this example they are set like the previous version*/ oMenu.subwidth=160// ** NEW ** The width of the submenus oMenu.subheight=20 //The height if the subitems in pixel or % oMenu.subsubwidth=oMenu.mainwidth // ** NEW ** The width of the subsubmenus in pixel or % oMenu.subsubheight=oMenu.subheight //** NEW ** The height if the subsubitems in pixel or % //Writing out the style for the menu (leave this line!) oMenu.makeStyle() oMenu.subplacement=oMenu.mainheight //** NEW ** Relative to the main item oMenu.subsubXplacement=oMenu.subwidth/2 //** NEW ** The X placement of the subsubmenus, relative to the sub item oMenu.subsubYplacement=7 //** NEW ** The Y placement of the subsubmenus, relative to the sub item oMenu.mainbgcoloroff='black' //The backgroundcolor of the main menuitems oMenu.mainbgcoloron='black' //The backgroundcolor on mouseover of the main menuitems oMenu.subbgcoloroff='#002194' //The backgroundcolor of the sub menuitems oMenu.subbgcoloron='#FFFF99' //The backgroundcolor on mouseover of the sub menuitems oMenu.subsubbgcoloroff='#0000CC' //The backgroundcolor of the subsub menuitems oMenu.subsubbgcoloron='#FFFF99' //The backgroundcolor on mouseover of the subsub menuitems oMenu.menuspeed=20 //The speed of the clipping in px oMenu.menusubspeed=15 //The speed of the submenus clipping in px oMenu.menurows=1 //Set to 0 if you want rows and to 1 if you want columns //Placement of the menuitems //Example in %: //oMenu.menuplacement=new Array("20%","40%","60%","50%","65%") //Remember to make the arrays contain as many values as you have main menuitems oMenu.menuplacement=new Array(70,140,250,320,415,505,630) //Example in px: (remember to use the ' ' around the numbers) //oMenu.menuplacement=new Array(10,200,300,400,500,600) //Example right beside eachother (only adding the pxbetween variable) //oMenu.menuplacement=1 //If you use the "right beside eachother" you cant how many pixel there should be between each here oMenu.pxbetween=0 //in pixel or % //And you can set where it should start from the left here oMenu.fromleft=0 //in pixel or % //This is how much from the top the menu should be. oMenu.fromtop=101 //in pixel or % /******************************************************************************** Construct your menus below ********************************************************************************/ //Main 0 oMenu.makeMain(0,'Home','home.html') //Main 1 oMenu.makeMain(1,'About PGTI','overview.html') oMenu.makeSub(1,0,'Company Overview','overview.html',4) oMenu.makeSub(1,1,'Corporate Culture','culture.html',4) oMenu.makeSub(1,2,'Partners','partners.html',4) oMenu.makeSub(1,3,'Contact Us','contact.html',4) //Main 2 oMenu.makeMain(2,'iXp','files/ixpbro.pdf') oMenu.makeSub(2,0,'Introduction','files/ixpbro.pdf',4) oMenu.makeSub(2,1,'White Papers','whitepaper.html',4) oMenu.makeSub(2,2,'Presentations','presentations.html',4) oMenu.makeSub(2,3,'Evaluation Copy','dl.asp',4) //Main 3 oMenu.makeMain(3,'Services','services.html') //Main 4 oMenu.makeMain(4,'Careers','environment.html') oMenu.makeSub(4,0,'Working @ PGTI','environment.html',3) oMenu.makeSub(4,1,'Job Descriptions','jobs.html',3) oMenu.makeSub(4,2,'Contact Us','contact.html',3) //Main 5 oMenu.makeMain(5,'Resource Center','dl.asp') oMenu.makeSub(5,0,'Downloads','dl.asp',5) oMenu.makeSub(5,1,'FAQS','faqs.asp',5) oMenu.makeSub(5,2,'iXp Support','ixp.asp',5) oMenu.makeSub(5,3,'Log Out','logout.asp',5) oMenu.makeSub(5,4,'Edit User Profile','editprofile.asp',5) //Main 6 oMenu.makeMain(6,'Contact Us','contact.html') /******************************************************************************** End menu construction ********************************************************************************/ //When all the menus are written out we initiates the menu oMenu.construct() } function runTable(){ document.write("") }