/******************************************************************************** Variables to set.; Drop Menus lists text Remember that to set fontsize and fonttype you set that in the stylesheet above! ********************************************************************************/ //Making a menu object nnMenu=new menuObj('nnMenu') //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, change "cursor:default;" to "cursor:hand" in each of the four classes with the "clA" prefixes at the bottom. /*************************************************************/ nnMenu.clMain='padding:3px; font-family:verdana; font-size:10px; font-weight:bold;text-align:center' //The style for the main menus nnMenu.clMainHilite='padding:3px; font-family:verdana; font-size:10px; font-weight:bold;text-align:center' //The style for NN main mouseovers nnMenu.clSub='padding:1px; font-family:verdana; font-size:10px;' //The style for the submenus nnMenu.clSubHilite='padding:1px; font-family:verdana; font-size:10px;' //The style for NN submenu mouseovers nnMenu.clSubSub='padding:1px; font-family:verdana; font-size:10px;' //The style for the subsubmenus nnMenu.clSubSubHilite='padding:1px; font-family:verdana; font-size:10px;' //The style for NN subsubmenu mouseovers nnMenu.clSubSub2='padding:1px; font-family:verdana; font-size:10px;' //The style for the subsubsubmenus nnMenu.clSubSub2Hilite='padding:1px; font-family:verdana; font-size:10px;' //The style for NN subsubsubmenu mouseovers nnMenu.clAMain='text-decoration:none; cursor:hand; text-align : center;' //The style for the main links nnMenu.clASub='text-decoration:none; cursor:hand' //The style for the sub links nnMenu.clASubSub='text-decoration:none; cursor:hand' //The style for the subsub links nnMenu.clASubSub2='text-decoration:none; cursor:hand' //The style for the subsubsub 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. ****************************************/ nnMenu.mBorderColor= '000000'; nnMenu.s1BorderColor= '#ce6702'; nnMenu.s2BorderColor= 'FFFFFF'; nnMenu.s3BorderColor= 'FFFFFF'; nnMenu.mBorderSize= 1; // The "frame" border size nnMenu.s1BorderSize= 1; nnMenu.s2BorderSize= 1; nnMenu.s3BorderSize= 1; nnMenu.s1Separator= 0; // The borders between the menu items nnMenu.s2Separator= 0; nnMenu.s3Separator= 0; /**************************************** *****************************************/ //Background bar properties nnMenu.backgroundbar=0 //Set to 0 if no backgroundbar nnMenu.backgroundbarfromleft=0 //The left placement of the backgroundbar in pixel or % nnMenu.backgroundbarfromtop=0 //The top placement of the backgroundbar in pixel or % nnMenu.backgroundbarsize=785//The size of the bar in pixel or % nnMenu.backgroundbarcolor="black" //The backgroundcolor of the bar nnMenu.mainheight=22 //The height of the main menuitems in pixel or % nnMenu.mainwidth=70 //The width of the main menuitems in pixel or % /**************************************************************/ // NEW VARIABLES nnMenu.mainOff= 'white'; // The main menu font "off" color nnMenu.mainHilite= 'white'; // The main menu font "on" color nnMenu.subOff= 'white' // The submenu font "off" color nnMenu.subHilite= 'white'; // The submenu font "on" color nnMenu.subsubOff= 'white' // The subsubmenu font "off" color nnMenu.subsubHilite= 'white' // The subsubmenu font "on" color nnMenu.subsub2Off= 'white' // The subsubsubmenu font "off" color nnMenu.subsub2Hilite= 'white' // The subsubsubmenu font "on" color /**************************************************************/ /*These are new variables. In this example they are set like the previous version*/ nnMenu.subwidth=141 // ** NEW ** The width of the submenus nnMenu.subheight=18 //The height if the subitems in pixel or % nnMenu.subsubwidth=135 // ** NEW ** The width of the subsubmenus in pixel or % nnMenu.subsubheight=nnMenu.subheight //** NEW ** The height if the subsubitems in pixel or % nnMenu.subsub2width=nnMenu.mainwidth // Width of the subsubsubmenus nnMenu.subsub2height=nnMenu.subheight // Height of the subsubsubmenus //Writing out the style for the menu (leave this line!) nnMenu.makeStyle() nnMenu.subplacement=nnMenu.mainheight //** NEW ** Relative to the main item nnMenu.subsubXplacement=nnMenu.subwidth + 1 //** NEW ** The X placement of the subsubmenus, relative to the sub item nnMenu.subsubYplacement=0 //** NEW ** The Y placement of the subsubmenus, relative to the sub item nnMenu.subsub2Xplacement=nnMenu.subwidth + 1 // Same as above, but for the subsubsubmenus nnMenu.subsub2Yplacement=0 // Ditto //selected colors , (each page "calls" for a different button to be pressed) nnMenu.mainpressHilite='#ffffff' //main menu text (when selected) nnMenu.mainpresscoloron='#ea7f16'//main menu bgcolor (when selected) nnMenu.mainpresscoloroff='#ce6702'//submenu bgcolor (when selected) // nnMenu.mainbgcoloroff='#737172' //The backgroundcolor of the main menuitems nnMenu.mainbgcoloron='#ce6702' //The backgroundcolor on mouseover of the main menuitems nnMenu.subbgcoloroff='#ce6702' //The backgroundcolor of the sub menuitems nnMenu.subbgcoloron='#dd7209' //The backgroundcolor on mouseover of the sub menuitems nnMenu.subsubbgcoloroff='#ce6702' //The backgroundcolor of the subsub menuitems nnMenu.subsubbgcoloron='#dd7209' //The backgroundcolor on mouseover of the subsub menuitems nnMenu.subsub2bgcoloroff='#ce6702' // Backgroundcolor of subsubsub menuitems nnMenu.subsub2bgcoloron='#dd7209' // Mouseover background color of subsubsub menuitems nnMenu.menuspeed=100 //The speed of the clipping in px nnMenu.menusubspeed=100 //The speed of the submenus clipping in px nnMenu.menurows=1 //Set to 0 if you want rows and to 1 if you want columns //Placement of the menuitems //Example in %: //nnMenu.menuplacement=new Array("15%","15%","15%","15%","15%","25%") //Remember to make the arrays contain as many values as you have main menuitems //Example in px: (remember to use the ' ' around the numbers) //nnMenu.menuplacement=new Array(0,48,132,200,267,340,430,520,610,700,800) //Example right beside eachother (only adding the pxbetween variable) nnMenu.menuplacement=0 //If you use the "right beside eachother" you cant how many pixel there should be between each here nnMenu.pxbetween=0 //in pixel or % //And you can set where it should start from the left here nnMenu.fromleft=99 //in pixel or % //This is how much from the top the menu should be. nnMenu.fromtop=74 //in pixel or % /******************************************************************************** Construct your menus below ********************************************************************************/ //Main items: // makeMain(MAIN_NUM,'TEXT','LINK') (set link to 0 if you want submenus of this menu item) // main 0: nnMenu.makeMain(0,'Home',"default.asp") // main:1 nnMenu.makeMain(1,'About us','profile.htm',0) //sub itemes: nnMenu.makeSub(1,0,' Profile','profile.htm',3) nnMenu.makeSub(1,1,' Team','team.htm',3) nnMenu.makeSub(1,2,' Partners','partners.htm',3) //nnMenu.makeSub(1,3,' Alliances','#',4) //main:2 nnMenu.makeMain(2,'Approach','approach.htm') //sub items: items=3 nnMenu.makeSub(2,0,' Philosophy','approach.htm#Philosophy',items) nnMenu.makeSub(2,1,' Focus','approach.htm#Focus',items) nnMenu.makeSub(2,2,' Criteria','approach.htm#Criteria',items) //nnMenu.makeSub(2,3,' See what they say','say.htm',4) //main:3 nnMenu.makeMain(3,'Portfolio','portfolio.htm') //sub items: nnMenu.makeSub(3,0,' Communications','portfolio.htm#communications',3) nnMenu.makeSub(3,1,' Software','portfolio.htm#software',3) nnMenu.makeSub(3,2,' Others','portfolio.htm#others',3) //main:4 nnMenu.makeMain(4,'News','news.asp') //sub items: //nnMenu.makeSub(4,0,' Press Releases','news_arcive.asp?type=1',2) //nnMenu.makeSub(4,1,' Portfolio Press Releases','news_arcive.asp?type=2',3) //nnMenu.makeSub(4,1,' In the News','news_arcive.asp?type=3',2) // main:5 nnMenu.makeMain(5,'Contact us','contact.htm') //main:6 //nnMenu.makeMain(6,'','#') /******************************************************************************** End menu construction ********************************************************************************/ /// PUT THIS IN EVERY PAGE. REMOVE FROM HERE.(colores the "pressed" button at the top menu - here the first button is pressed) //nnMenu.pageNum = 0; //ZERO BASED! //nnMenu.construct() //nnMenu[nnMenu.pageNum].bgChange(nnMenu.mainpresscoloron,nnMenu.mainpressHilite)