/***************************************************************************** Copyright (c) 2001 Thomas Brattli (www.bratta.com) eXperience DHTML coolMenus - Get it at www.bratta.com Version 3.02 This script can be used freely as long as all copyright messages are intact. ******************************************************************************/ /***************************************************************************** Default browsercheck - Leave this one ******************************************************************************/ function lib_bwcheck(){ //Browsercheck (needed) this.ver=navigator.appVersion; this.agent=navigator.userAgent this.dom=document.getElementById?1:0 this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0; this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0; this.ie7=(this.ver.indexOf("MSIE 7")>-1 && this.dom)?1:0; this.ie4=(document.all && !this.dom)?1:0; this.ie=this.ie4||this.ie5||this.ie6 || this.ie7 this.mac=this.agent.indexOf("Mac")>-1 this.opera5=this.agent.indexOf("Opera 5")>-1 this.ns7=(this.dom && parseInt(this.ver) >= 5) ?1:0; this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie7 ||this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 ||this.ns7 || this.opera5 || this.dom) return this } 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. oCMenu=new makeCoolMenu("oCMenu") //Making the menu object. Argument: menuname oCMenu.useframes=0 //Do you want to use the menus as coolframemenu or not? (in frames or not) - Value: 0 || 1 oCMenu.frame="frmMain" //The name of your main frame (where the menus should appear). Leave empty if you're not using frames - Value: "main_frame_name" oCMenu.useclick=0 //If you want the menu to be activated and deactivated onclick only set this to 1. - Value: 0 || 1 oCMenu.useNS4links=1 oCMenu.NS4padding=0 oCMenu.checkselect=1 oCMenu.onlineUrl="http://www.rioconsulting.it/" //Value: "path_to_menu_file_online/" oCMenu.pagecheck=1 oCMenu.checkscroll=0 oCMenu.resizecheck=1 //Do you want the page to reload if it's resized (This should be on or the menu will crash in Netscape4) - Value: 0 || 1 oCMenu.wait=510 //How long to wait before hiding the menu on mouseout. Netscape 6 is a lot slower then Explorer, so to be sure that it works good enough there you should not have this lower then 500 - Value: milliseconds //Background bar properties oCMenu.usebar=0 //If you want to use a background-bar for the top items set this on - Value: 1 || 0 oCMenu.barcolor="Navy" //The color of the background bar - Value: "color" oCMenu.barwidth="100%" //The width of the background bar. Set this to "menu" if you want it to be the same width as the menu. (this will change to match the border if you have one) - Value: px || "%" || "menu" oCMenu.barheight="menu" //The height of the background bar. Set this to "menu" if you want it to be the same height as the menu. (this will change to match the border if you have one) - Value: px || "%" || "menu" oCMenu.barx=0 //The left position of the bar. Set this to "menu" if you want it be the same as the left position of the menu. (this will change to match the border if you have one) - Value: px || "%" || "menu" oCMenu.bary=0 //The top position of the bar Set this to "menu" if you want it be the same as the top position of the menu. (this will change to match the border if you have one) - Value: px || "%" || "menu" oCMenu.barinheritborder=0 //Set this to 1 if you want the bar to have the same border as the top menus - Value: 0 || 1 //Placement properties oCMenu.rows=1 //This controls whether the top items is supposed to be laid out in rows or columns. Set to 0 for columns and 1 for row - Value 0 || 1 oCMenu.fromleft=230//This is the left position of the menu. (Only in use if menuplacement below is 0 or aligned) (will change to adapt any borders) - Value: px || "%" oCMenu.fromtop=71 //This is the left position of the menu. (Only in use if menuplacement below is 0 or aligned) (will change to adapt any borders) - Value: px || "%" oCMenu.pxbetween=0 //How much space you want between each of the top items. - Value: px || "%" /*You have several different ways to place the top items. You can have them right beside eachother (only adding the pxbetween variable) oCMenu.menuplacement=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 pxbetween variables above) For menus that are placed in columns (align=left or align=right (se below)) you can align them to the "right" or "center" For menus that are placed in rows (align=top or align=bottom (se below)) you can align them to the "bottom", "center" or "bottomcenter" oCMenu.menuplacement="center" You can also set them directly in pixels: (Remember to have as many array members as you have top items) oCMenu.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. */ oCMenu.menuplacement="left" /* Now we are ready for the properties of each level. For those of that have used the old coolmenus for coolframemenu I will try and explain how this works like this: level[0] = top items level[1] = sub items level[2] = sub2 items level[3] = sub3 items and so on.... All menus will inherit the properties, and all properties does only HAVE to be spesifed on the top level. If a level doesn't have on property spesified it will look for it on the last level that was spesified, 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 doesn't spesify any more levels or doesn't spesify the background color on the last level you spesified ALL menus will get the color from level[0] Did that make sense at all? This can be a little hard to understand, look at the different examples on my site and play with and I am sure you'll get what I mean. */ //TOP LEVEL PROPERTIES - ALL OF THESE MUST BE SPESIFIED FOR LEVEL[0] oCMenu.level[0]=new Array() //Add this for each new level oCMenu.level[0].width=100 //The default width for each level[0] (top) items. You can override this on each item by spesifying the width when making the item. - Value: px || "%" oCMenu.level[0].height=26 //The default height for each level[0] (top) items. You can override this on each item by spesifying the height when making the item. - Value: px || "%" oCMenu.level[0].bgcoloroff="#214767" //The default background color for each level[0] (top) items. You can override this on each item by spesifying the backgroundcolor when making the item. - Value: "color" oCMenu.level[0].bgcoloron="#214767" //The default "on" background color for each level[0] (top) items. You can override this on each item by spesifying the "on" background color when making the item. - Value: "color" oCMenu.level[0].textcolor="#214767" //The default text color for each level[0] (top) items. You can override this on each item by spesifying the text color when making the item. - Value: "color" oCMenu.level[0].hovercolor="#ffffff" //The default "on" text color for each level[0] (top) items. You can override this on each item by spesifying the "on" text color when making the item. - Value: "color" oCMenu.level[0].style="padding:2px; font-family:arial,helvetica,verdana; text-align: right; font-size:12px; font-weight:bold" //The style for all level[0] (top) items. - Value: "style_settings" oCMenu.level[0].border=0 //The border size for all level[0] (top) items. - Value: px oCMenu.level[0].bordercolor="#214767" //The border color for all level[0] (top) items. - Value: "color" oCMenu.level[0].offsetX=10 //The X offset of the submenus of this item. This does not affect the first submenus, but you need it here so it can be the default value for all levels. - Value: px oCMenu.level[0].offsetY=10 //The Y offset of the submenus of this item. This does not affect the first submenus, but you need it here so it can be the default value for all levels. - Value: px oCMenu.level[0].NS4font="arial,helvetica,verdana" oCMenu.level[0].NS4fontSize="2" /*New: Added animation features that can be controlled on each level.*/ oCMenu.level[0].clip=1 //Set this to 1 if you want the submenus of this level to "slide" open in a animated clip effect. - Value: 0 || 1 oCMenu.level[0].clippx=15 //If you have clip spesified you can set how many pixels it will clip each timer in here to control the speed of the animation. - Value: px oCMenu.level[0].cliptim=50 //This is the speed of the timer for the clip effect. Play with this and the clippx to get the desired speed for the clip effect (be carefull though and try and keep this value as high or possible or you can get problems with NS4). - Value: milliseconds //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 //oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Fade(duration=0.5)" //VALUE: 0 || "filter specs" oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.GradientWipe(duration=0.5,wipeStyle=1)" /*Different filter specs you can try: oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Wheel(duration=0.5,spokes=5)" oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Barn(duration=0.5,orientation=horizontal)" oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Blinds(duration=0.5,bands=5)" oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.CheckerBoard(duration=0.5)" oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Fade(duration=0.5)" oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.GradientWipe(duration=0.5,wipeStyle=0)" oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Iris(duration=0.5,irisStyle=STAR)" oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Iris(duration=0.5,irisStyle=CIRCLE)" oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Pixelate(duration=0.5,maxSquare=40)" oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.RadialWipe(duration=0.5)" oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.RandomBars(duration=0.5,orientation=vertical)" oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.RandomDissolve(duration=0.5)" oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Spiral(duration=0.5)" oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Stretch(duration=0.5,stretchStyle=push)" oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Strips(duration=0.5,motion=rightdown)" */ /*And last but not least the align variable. This spesifies 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 generally "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. */ oCMenu.level[0].align="bottom" //Value: "top" || "bottom" || "left" || "right" //EXAMPLE SUB LEVEL[1] PROPERTIES - You have to spesify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this oCMenu.level[1]=new Array() //Add this for each new level (adding one to the number) oCMenu.level[1].width=oCMenu.level[0].width-2 oCMenu.level[1].height=20 oCMenu.level[1].bgcoloroff="#C2D5E7" oCMenu.level[1].bgcoloron="#214767" oCMenu.level[1].style="padding:2px; font-family:arial,helvetica,verdana; font-size:12px; font-weight:normal" oCMenu.level[1].align="middle" oCMenu.level[1].offsetX=-(oCMenu.level[0].width-2)/2+58 oCMenu.level[1].offsetY=-1 oCMenu.level[1].border=1 oCMenu.level[1].bordercolor="#000000" //EXAMPLE SUB LEVEL[2] PROPERTIES - You have to spesify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this oCMenu.level[2]=new Array() //Add this for each new level (adding one to the number) oCMenu.level[2].width=150 oCMenu.level[2].height=20 oCMenu.level[2].bgcoloroff="#b0bed0" oCMenu.level[2].bgcoloron="#214767" oCMenu.level[2].textcolor="white" //The default text color for each level[0] (top) items. You can override this on each item by spesifying the text color when making the item. - Value: "color" oCMenu.level[2].hovercolor="#09353A" //The default text color for each level[0] (top) items. You can override this on each item by spesifying the text color when making the item. - Value: "color" oCMenu.level[2].style="padding:2px; font-family:verdana,arial,helvetica; font-size:11px; font-weight:bold" oCMenu.level[2].align="bottom" oCMenu.level[2].offsetX=2 oCMenu.level[2].offsetY=1 oCMenu.level[2].border=1 oCMenu.level[2].bordercolor="#b0bed0" oCMenu.level[2].NS4font="tahoma,arial,helvetica" oCMenu.level[2].NS4fontSize="1" oCMenu.level[2].clip=1 oCMenu.level[2].clippx=15 oCMenu.level[2].cliptim=50 oCMenu.makeMenu('1','','','home.htm','','100') oCMenu.makeMenu('3','','','','','100') oCMenu.makeMenu('4','3','Clima organizzativo','clima.htm','','150') oCMenu.makeMenu('5','3','Psicologia della sicurezza','psico_sicurezza.htm','','150') oCMenu.makeMenu('6','3','Formazione relazionale','formazione.htm','','150') oCMenu.makeMenu('7','3','Outdoor','outdoor.htm','','150') oCMenu.makeMenu('8','3','Professione formatore','formatore.htm','','150') oCMenu.makeMenu('9','3','Analisi e sviluppo competenze','analisi.htm','','150') oCMenu.makeMenu('10','3','Gestione del personale','gestione.htm','','150') oCMenu.makeMenu('11','3','Psicologia scolastica','scolastica.htm','','150') oCMenu.makeMenu('12','3','Coaching','coaching.htm','','150') oCMenu.makeMenu('13','3','Sistemi di comunicazione interna','sistemi.htm','','150') oCMenu.makeMenu('14','3','Change management','change.htm','','150') oCMenu.makeMenu('20','','','','','110') oCMenu.makeMenu('16','20','Motivare i collaboratori','arte.htm','','150') oCMenu.makeMenu('17','20','Umorismo come risorsa','umorismo.htm','','150') oCMenu.makeMenu('18','20','La creatività nel conflitto','creativita.htm','','150') oCMenu.makeMenu('19','20','Meeting VoiceS','voice.htm','','150') oCMenu.makeMenu('40','','','','','110') oCMenu.makeMenu('21','40','Comunicazione interpersonale','biblio_interp.htm','','150') oCMenu.makeMenu('22','40','Psicologia scolastica','biblio_psi_scolas.htm','','150') oCMenu.makeMenu('23','40','Psicologia della sicurezza','biblio_psi_sicur.htm','','150') oCMenu.makeMenu('24','40','Coaching','biblio_coach.htm','','150') oCMenu.makeMenu('25','40','Selezione del personale','biblio_sele.htm','','150') oCMenu.makeMenu('26','40','Comunicazione interna','biblio_comun.htm','','150') oCMenu.makeMenu('27','40','Assessment','biblio_ass.htm','','150') oCMenu.makeMenu('28','40','Formazione formatori','biblio_form.htm','','150') oCMenu.makeMenu('29','40','Clima organizzativo','biblio_clima.htm','','150') oCMenu.makeMenu('30','40','Evoluzione personale','biblio_evol.htm','','150') oCMenu.makeMenu('50','','','contatti.htm','','110') oCMenu.makeStyle(); oCMenu.construct()