//========================================================================== // DEFINING AND INITIALIZING THE GLOBAL VARIABLES //========================================================================== var bw=new lib_bwcheck() //Making browsercheck object var mDebugging=2; // General debugging variable --- Set to 0 for no debugging, 1 for alerts or 2 for status debugging. // Menu Function Properties GL=new gl_makeit("GL"); // Giving the menu object a unique name GL.useframes=1; // Do you want the menu to pop up across frames? yes=1, no=0 GL.frame="main"; // If so, what is the frame's name? GL.useclick=0; // Pop up the menu onClick? yes=1, no=0 (else if no, then onMouseover) GL.checkselect=1; // Do any of the menus pop up over any form elements? yes=1, no=0 GL.pagecheck=1; // Checking for sub menus that open outside of the page boundary... yes=1, no=0 GL.checkscroll=1; // Do you want the menu to move with the user as the page is scrolled? yes=1, no=0 GL.resizecheck=1; // Do you want the menu to rebuild itself when the browser window is resized? yes=1, no=0 --- Still not working in IE --- Works in NS GL.wait=500; // The amount of time in mili-seconds that a menu stays open when the mouse moves off of it --- Netscape 6 measures mili-seconds a lot slower than IE // Menu Placement Properties GL.rows=0; // Refers to the TOP level menu items... 0 = stacked on top of each other... 1 = horizontal alignment GL.fromleft=5; // How many pixels from the LEFT edge of the browser's window should the menu be placed? (Hint: set this to 0 if you are centering the menu) GL.fromtop=40; // How many pixels from the TOP edge of the browser's window should the menu be placed? GL.pxbetween=40; // How many pixels of space do you want to place between each top menu item? /*You have several different ways to place the top items. --- You can have them right beside eachother (only adding the pixelsbetween variable) by setting this value to 0. --- You can have them aligned to one of the sides - This is mostly when not using frames, but can be used in both conditions --- Values: (If you get strange results check the fromleft, fromtop and pixelsbetween variables above) --- For menus that are placed in columns (align=left or align=right (see below)) you can align them to the "right" or "center" --- For menus that are placed in rows (align=top or align=bottom (see below)) you can align them to the "bottom", "center" or "bottomcenter" GL.menuplacement="center" --- You can also set them directly in pixels: (Remember to have as many array members as you have top items) Example: GL.menuplacement=new Array(10,200,400,600) --- Or you can place in percentage: (remember to use the ' ' around the numbers) Choose one of those options to get the desired results. */ GL.menuplacement="left"; // Your offline path to be used while setting up and testing GL.offlineUrl=""; // Your domain root GL.onlineUrl=""; // NS 4.0 Formating GL.useNS4links=1; GL.NS4padding=0; // Netscape padding for each menu item --- pixels (dealing with Netscape 4.x's style ignorance) // The bar is another layer created behind the top level items in order to give more flexibility to the layout of the menu GL.usebar=0; // Do you want to place a solid bar behind the TOP level menu items? yes=1, no=0 GL.barcolor="#000000"; // If so, what color is that bar? Set this to "menu" if you want it to be the same COLOR as the menu. HEX or COLOR NAME or "menu" GL.barwidth="menu"; // What is the width of that bar? Set this to "menu" if you want it to be the same WIDTH as the menu. PIXELS or PERCENTAGE or "menu" GL.barheight="menu"; // How many pixels tall is the bar? Set this to "menu" if you want it to be the same HEIGHT as the menu. PIXELS or "menu" // GL.barx="centerBar(GL.barwidth)"; // How far from the LEFT edge do you want to place this bar? If you want to center the blog, use this... centerBlog(GL.blogwidth) ...as the value. Set this to "menu" if you want it to be the same LEFT PLACEMENT as the menu. PIXELS, "menu" or centerBlog(GL.blogwidth) GL.bary="menu"; // How far from the TOP edge do you want to place this bar? Set this to "menu" if you want it to be the same TOP PLACEMENT as the menu. PIXELS or "menu" GL.barinheritborder=0; //Set this to 1 if you want the bar to have the same border as the top level menus...yes=1, no=0 //========================================================================== // DEFINING THE LOOK AND FEEL OF EACH MENU LEVEL //========================================================================== /* All menus will inherit the properties, and all properties do only HAVE to be specified on the top level. If a level doesn't have on property specified it will look for it on the last level that was specified, if it still doesn't exist it will get the properties from level[0]. Which means that if you set the background color on level[0] to "black" and don't specify any more levels or don't specify the background color on the last level you specified ALL menus will get the color from level[0]. */ //TOP LEVEL PROPERTIES - ALL OF THESE MUST BE DEFINED FOR LEVEL[0] GL.level[0]=new Array(); GL.level[0].width=110; // The default width for each level[0] (top) item. --- PIXELS or PERCENTAGE GL.level[0].height=18; // The default hieght for each level[0] (top) item. --- PIXELS or PERCENTAGE // GL.level[0].bgcoloroff="#FFEBC6"; // The default BGCOLOR when the mouse is OFF of each level[0] (top) item. --- HEX or COLOR NAME // GL.level[0].bgcoloron="#FFD58C"; // The default BGCOLOR when the mouse is ON each level[0] (top) item. --- HEX or COLOR NAME GL.level[0].textcolor="#002F80"; // The default TEXT COLOR when the mouse is OFF of each level[0] (top) item. --- HEX or COLOR NAME GL.level[0].hovercolor="#002F80"; // The default TEXT COLOR when the mouse is ON each level[0] (top) item. --- HEX or COLOR NAME GL.level[0].style="padding:0px;font-family:verdana, arial, bookman old style, helvetica, sans-serif; font-size:13px; font-weight:bold"; //The default STYLE attributes for each level[0] (top) item. GL.level[0].border=0; // Do you want a border for each level[0] (top) item? yes=1, no=0 GL.level[0].bordercolor="#FFFFFF"; // If so, what color should that border be? HEX or COLOR NAME GL.level[0].offsetX=0; // The number of pixels X offset of the submenus of this item. This does not affect level[0] (top) items, but you need it here so it can be the default value for all levels. GL.level[0].offsetY=3; // The number of pixels Y offset of the submenus of this item. This does not affect level[0] (top) items, but you need it here so it can be the default value for all levels. GL.level[0].NS4font="verdana, arial, bookman old style, helvetica, sans-serif"; // Dealing with Netscape 4.x's style ignorance GL.level[0].NS4fontSize="2"; // Dealing with Netscape 4.x's style ignorance GL.level[0].clip=1 ; // Do you want the sub-menus to "SLIDE" open in an animated effect? yes=1, no=0 GL.level[0].clippx=50; // How many pixels do you want the clip timer to clip each time? Used to control the speed of the animation. GL.level[0].cliptim=50; // How many mili-seconds do want to wait between each pixel clipping? //Filters - This can be used to get some very nice effect like fade, slide, stars and so on. EXPLORER5.5+ ONLY - If you set this to a value it will override the clip on the supported browsers GL.level[0].filter="progid:DXImageTransform.Microsoft.Fade(duration=0.2)"; /*Different filter specs you can try:(REPLACE THE LINE ABOVE WITH ONE OF THE FOLLOWING) GL.level[0].filter="progid:DXImageTransform.Microsoft.Wheel(duration=0.5,spokes=5)" GL.level[0].filter="progid:DXImageTransform.Microsoft.Barn(duration=0.5,orientation=horizontal)" GL.level[0].filter="progid:DXImageTransform.Microsoft.Blinds(duration=0.5,bands=5)" GL.level[0].filter="progid:DXImageTransform.Microsoft.CheckerBoard(duration=0.5)" GL.level[0].filter="progid:DXImageTransform.Microsoft.Fade(duration=0.5)" GL.level[0].filter="progid:DXImageTransform.Microsoft.GradientWipe(duration=0.5,wipeStyle=0)" GL.level[0].filter="progid:DXImageTransform.Microsoft.Iris(duration=0.5,irisStyle=STAR)" GL.level[0].filter="progid:DXImageTransform.Microsoft.Iris(duration=0.5,irisStyle=CIRCLE)" GL.level[0].filter="progid:DXImageTransform.Microsoft.Pixelate(duration=0.5,maxSquare=40)" GL.level[0].filter="progid:DXImageTransform.Microsoft.RadialWipe(duration=0.5)" GL.level[0].filter="progid:DXImageTransform.Microsoft.RandomBars(duration=0.5,orientation=vertical)" GL.level[0].filter="progid:DXImageTransform.Microsoft.RandomDissolve(duration=0.5)" GL.level[0].filter="progid:DXImageTransform.Microsoft.Spiral(duration=0.5)" GL.level[0].filter="progid:DXImageTransform.Microsoft.Stretch(duration=0.5,stretchStyle=push)" GL.level[0].filter="progid:DXImageTransform.Microsoft.Strips(duration=0.5,motion=rightdown)" And last but not least the align variable. This specifies how the submenus of this level comes out. Values: --- "bottom": The sub menus of this level will come out on the top of this item --- "top": The sub menus of this level will come out on the bottom of this item --- "left": The sub menus of this level will come out on the right of this item --- "right": The sub menus of this level will come out on the left of this item In general "left" and "right" works best for menus in columns and "top" and "bottom" works best for menus in rows. But by all means feel free to play with it. If you have set pagecheck to 1 above this is what the pagecheck will change when reaching the bounderies of the page. If it reaches the right boundery and it's aligned left it will change the align to right and so on. */ GL.level[0].align="right"; // LEVEL 1 PROPERTIES --- OPTIONAL GL.level[1]=new Array(); GL.level[1].width=150; GL.level[1].height=18; GL.level[1].offsetX=0; GL.level[1].offsetY=0; GL.level[1].style="padding:2px;font-family:verdana, arial, bookman old style, helvetica, sans-serif; font-size:13px; font-weight:bold"; //The default STYLE attributes for each level[0] (top) item. GL.level[1].textcolor="#003082"; // The default TEXT COLOR when the mouse is OFF of each level[0] (top) item. --- HEX or COLOR NAME GL.level[1].hovercolor="#FFD58B"; // The default TEXT COLOR when the mouse is ON each level[0] (top) item. --- HEX or COLOR NAME GL.level[1].bgcoloroff="#FFD58B"; // The default BGCOLOR when the mouse is OFF of each level[0] (top) item. --- HEX or COLOR NAME GL.level[1].bgcoloron="#013080"; // The default BGCOLOR when the mouse is ON each level[0] (top) item. --- HEX or COLOR NAME GL.level[1].border=1; // Do you want a border for each level[0] (top) item? yes=1, no=0 GL.level[1].bordercolor="#013080"; // If so, what color should that border be? HEX or COLOR NAME //========================================================================== // DEFINING THE MENU ITEMS AND ITS HIREARCHY //========================================================================== /* Variables for each menu item: (** means that they have to be specified!) ** name: The name of the item. This must be unique for each item. Do not use spaces or strange charachters in this one! ** parent: The name of the menuitem you want this to "connect" to. This will be a submenu of the item that have the name you place in here. **for all other then the topitems -- text: The text you want in the item. ** (except if you use images) -- link: The page you want this item to link to. -- target: The target window or frame you want the link to go to (Default is same window if you're not using frames, and the mainframe if you're using frames) -- width: The width of the element. If not specified it will get the default width specified above. -- height: The height of the element. If not specified it will get the default height specified above. -- img1: The "off" image for element if you want to use images. -- img2: The image that appears onmouseover if using images. -- bgcoloroff: The background color for this item. If not specified it will get the default background color specified above. -- bgcoloron: The "on" background color for this item. If not specified it will get the default "on" background color specified above. -- textcolor: The text color for this item. If not specified it will get the default text color specified above. -- hovercolor: The "on" text color for this item. If not specified it will get the default "on" text color specified above. Netscape4 ignores this -- onclick: If you want something to happen when the element is clicked (different from going to a link) spesifiy it here. -- onmouseover: This will happen when you mouseover the element. Could be status text, another imageswap or whatever. -- onmouseout: This will happen when you mouseout the element. SYNTAX: GL.makeMenu("name","parent","text","link","target","width","height","img1","img2","bgcoloroff","bgcoloron","textcolor","hovercolor","onclick","onmouseover","onmouseout") If you decide that all you want to specify "name", "parent","text", and "onmouseout", you still have to show empty placeholders between items like this: GL.makeMenu("name","parent","text","link","","","","","","","","","","","","onmouseout") Trailing empty placeholders are not necessary. NOTE: Remember you can have as many levels/sublevels as you want. Just make sure you specify the correct "parent" for each item. To set styles for each level see above. */ // MENÜ GL.makeMenu("top1","","Business","page.asp?ph_id=20&hmen=Business&umen=","","150"); GL.makeMenu("sub11","top1","Contact","http://www.euroinvestbank.at/htmlp/contact.htm?hmen=Business&umen=Contact","","150"); GL.makeMenu("sub12","top1","Details","http://www.euroinvestbank.at/htmlp/details.htm?hmen=Business&umen=Details","","150"); GL.makeMenu("top2","","Team","page.asp?ph_id=17&hmen=Team&umen=","","150"); GL.makeMenu("top4","","Downloads","page.asp?ph_id=4&hmen=Downloads&umen=","","150"); GL.makeMenu("top5","","OTC Handel","page.asp?ph_id=23&hmen=OTC Handel&umen=","","150"); GL.makeMenu("top6","","Barrique","page.asp?ph_id=28&hmen=Barrique&umen=","","150"); GL.makeMenu("sub61","top6","Barrique 2004","page.asp?ph_id=21&hmen=Barrique&umen=Barrique 2004","","150"); GL.makeMenu("sub62","top6","Barrique 2005","page.asp?ph_id=22&hmen=Barrique&umen=Barrique 2005","","150"); GL.makeMenu("sub63","top6","Barrique 2006","page.asp?ph_id=27&hmen=Barrique&umen=Barrique 2006","","150"); // Making the style sheet and constructing the menu... GL.makeStyle(); GL.construct();