/* ========================================================================== Moduł: menu_pagen.js Funkcja: Definicja struktury menu strony PAGEN. Parametry dotyczące menu (coolMenu DHTML v. 4.6) Uwagi: Instalacja modułu wymaga załączenia skryptu pod koniec sekcji oraz obecności modułu coolmenu.js. Autor: Wojciech Szajnerman (e-mail: w.szajnerman@egplus.pl) ========================================================================== Copyright: (c) 2001 Thomas Brattli (www.dhtmlcentral.com). This site uses the coolMenus. You can get it for your own site by going to http://www.dhtmlcentral.com/projects/coolmenus ========================================================================== */ function findPos() { if(bw.ns4) { x = document.layers.layerMenu.pageX; y = document.layers.layerMenu.pageY; } else { x = 0; y = 0; var el, temp; el = bw.ie4?document.all["divMenu"]:document.getElementById("divMenu"); if(el.offsetParent) { temp = el; while(temp.offsetParent) { temp = temp.offsetParent; x += temp.offsetLeft; y += temp.offsetTop; }; }; x += el.offsetLeft; y += el.offsetTop; } return [x,y]; } pos = findPos(); /* Parametry głównej struktury menu (Menu properties) ========================================================================== oCMenu.frames Set this property to 1 if you are using frames for your menus (if you have your main items and sub items in different frames that is). If you have your entire menu in ONE frame set this to 0. oCMenu.pxBetween Used to set how much space you want between your top items. This can be specified in percentage or pixels. Remember to use quotes around percentage values, f.e. oCMenu.pxBetween="20%". Note: the value of this property is ignored if "menuPlacement" is specified. oCMenu.fromLeft This controls the left position of the menu. Can be specified in percentage or in pixels. If "menuPlacement" is used and the menu is in rows (rows=1) this property is ignored. oCMenu.fromTop This sets the top position of the menu. It can be specified in percentage or in pixels. If "menuPlacement" is used (set to something else then 0) and the menu is in columns (rows=0) then this property is ignored. oCMenu.rows This rows property is for the top level. If you set this to 1 you will get the top menu items placed beside each other. If you set it to 0 the items will align below each other. oCMenu.menuPlacement Values supported: "right", "center", "bottom" and "bottomcenter". You can also set them directly in pixels or in percentage (remember to use the ' ' around the numbers). oCMenu.offlineRoot If you choose to have this code inside a menu.js file, or if you're using frames you must set these two variables. The offlineRoot variable is the actual path to the directory where you menu.js file is locally. Start with file:/// and use slashes, no backward slashes and end with a slash. oCMenu.onlineRoot The value of the "offlineRoot" property should be the path to the ROOT of your web. Example: my website is hosted at geocities, my url is: http://www.geocities.com/myWeb/ My onlineRoot would then be: oCMenu.onlineRoot="/myWeb/" If you have your own domain name you just set this value to "/". oCMenu.resizeCheck This is a boolean, set to 1 it will refresh the menu on page resize in IE and NS6 and reload the page in the rest of the browsers, 0 to set it off. oCMenu.wait This controls how long the script should wait before hiding the open menu items after the mouse has left them. Value is in milliseconds (1000 = 1 second). oCMenu.fillImg This property is new in this version. Netscape 4 and Opera now uses a transparent image that covers the menu item which makes the "hand" cursor work on the entire element. This also helps because now the events are set on the image instead of the layers, this way is more stable in NS4. The value here is the full path relative from the ROOT of your web (or the onlineRoot and offlineRoot property values) to your fill image. This means that if you have the fill image in the images directory you should set this to "images/cm_fill.gif" oCMenu.zIndex The value of this variable controls what zIndex the menu should "start" on. The first element of the menu (the backgroundbar) will have this zIndex and all other elements will have a higher value. This means that if you have another script on the page which has layers you want to appear "behind" this one, set the zIndex of the menu to something higher then the zIndex those elements have */ oCMenu = new makeCM("oCMenu"); oCMenu.pxBetween = 0; oCMenu.fromLeft = pos[0]; oCMenu.fromTop = pos[1]; oCMenu.onresize = "pos=findPos(); oCMenu.fromLeft=pos[0]; oCMenu.fromTop=pos[1]"; oCMenu.rows = 0; oCMenu.menuPlacement = 0; oCMenu.offlineRoot = "file:///C|/Strona EGPLUS.PL/www.egn.pl/"; oCMenu.onlineRoot = "/"; oCMenu.resizeCheck = 1; oCMenu.wait = 300; oCMenu.fillImg = "images/rw203.jpg"; oCMenu.zIndex = 0; oCMenu.useBar = 0; /* Parametry dla tła (background bar properties) ========================================================================== oCMenu.useBar If set to 1 the script will make a background bar for the script, set to 0 it will not make a bar. oCMenu.barWidth 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). This can be specified also in pixels (without quotation marks). oCMenu.barHeight The height of the background bar. Set this to "menu" if you want it to be the same height as the menu. oCMenu.barClass The value of this property should be a CSS class that will be used for the background bar. Note: The class for the background bar must contain: "width:10; height:10; position:absolute". If you specify a background color remember to add layer-background-color with the same value for NS4. oCMenu.barX The left and top positions of the bar. Set these to "menu" if you want them to be the same as the left oCMenu.barY and top position of the menu (this will change to match the border if you have one). oCMenu.barBorderX These control the horizontal and vertical borders of the background bar. Specified in pixels. oCMenu.barBorderY oCMenu.barBorderClass The value of this property should be a CSS class that will be the class for the backgroundbar border. */ oCMenu.barWidth = "menu"; oCMenu.barHeight = "menu"; oCMenu.barClass = "clBar"; oCMenu.barX = "menu"; oCMenu.barY = "menu"; oCMenu.barBorderX = 0; oCMenu.barBorderY = 0; oCMenu.barBorderClass = ""; /* Parametry menu (poziom 0) ========================================================================== oCMenu.level[0].arrow This gives you the ability to add an arrow that will automatically appear on the right of the item if the item has submenus. The value must be an image file, and it must be specified with the full path from the ROOT of your web. If you do not specify this the level will not use this feature. How to set the variable: myCoolMenu.level[x].arrow="images/my_arrow_image.gif" oCMenu.level[0].arrowWidth These are the the width and the height of the arrow image. These have to be manually set oCMenu.level[0].arrowHeight (if you are using arrows) or Explorer and Opera might give some strange results. Specified in pixels. */ oCMenu.level[0] = new cm_makeLevel(); oCMenu.level[0].width = 191; oCMenu.level[0].height = 31; oCMenu.level[0].regClass = "clLevel0"; oCMenu.level[0].overClass = "clLevel0over"; oCMenu.level[0].borderX = 0; oCMenu.level[0].borderY = 0; oCMenu.level[0].borderClass = "clLevel0border"; oCMenu.level[0].offsetX = -30; oCMenu.level[0].offsetY = 10; oCMenu.level[0].rows = 0; oCMenu.level[0].arrow = 0; oCMenu.level[0].arrowWidth = 0; oCMenu.level[0].arrowHeight = 0; oCMenu.level[0].align = "right"; oCMenu.level[0].filter = "progid:DXImageTransform.Microsoft.Fade(duration=0.1)"; /* Parametry menu (poziom 1) ========================================================================== */ oCMenu.level[1] = new cm_makeLevel(); oCMenu.level[1].width = 180; oCMenu.level[1].height = 30; oCMenu.level[1].regClass = "clLevel1"; oCMenu.level[1].overClass = "clLevel1over"; oCMenu.level[1].borderX = 1; oCMenu.level[1].borderY = 1; oCMenu.level[1].align="bottomright" oCMenu.level[1].align = "right"; oCMenu.level[1].offsetX = -10; oCMenu.level[1].offsetY = 3; oCMenu.level[1].borderClass = "clLevel1border"; oCMenu.level[1].arrow = 0; oCMenu.level[1].arrowWidth = 0; oCMenu.level[1].arrowHeight = 0; /* Parametry menu (poziom 2) ========================================================================== */ oCMenu.level[2] = new cm_makeLevel(); oCMenu.level[2].width = 180; oCMenu.level[2].height = 30; oCMenu.level[2].offsetX = 1; oCMenu.level[2].offsetY = -3; oCMenu.level[2].regClass = "clLevel2"; oCMenu.level[2].overClass = "clLevel2over"; oCMenu.level[2].borderClass = "clLevel2border"; /* Parametry menu (poziom 0) ========================================================================== Menu item creation: myCoolMenu.makeMenu(...); name This is a unique name for the item. If not specified the script will automatically make a name for the item. Please note though that you have to put in a name if you have subitems on this item because you have to tell the subitems to use this item as it's parent. parent_name The name of the menu item you want this to connect to. text The text you want in the item (except if you use images). link The page you want the item to link to. target The target window or frame you want the link to go to. Default is the same window if you're not using frames, and the main frame is the default if you're using frames. width The width of the element. If not specified it will get the default width from the higher level. height The height of the element. If not specified it will get the default height from the higher level. regImage The "off" image for an element if you want to use images. overImage The image that appears onMouseOver if using images. regClass This is the same as "level[x].regClass" only that this specifies a CSS class for this item only. If you have one item that you want to look differently from the rest of them you set that here. overClass This controls the look of this item when it's mouseovered. If not specified it will inherit the value from the level. align This is used to override the level variable, if you want the subitems of this item to align differently then the rest of the items in this level specify it here. rows This sets the rows of the subitems below this item only. Used if you want to override the level value. nolink If you have items that are meant to be info items only or something like that you can set this value to 1 and the item will not get a hand cursor and/or a link (the events will not work either). onclick If you want something to happen when the element is clicked (different from going to a link) you can specify 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. Submenu: STRONA GŁÓWNA ========================================================================= */ oCMenu.makeMenu('top1', '', 'Home', 'index.html', '', '191', '31', 'images/menu/menu_01_off.jpg', 'images/menu/menu_01_on.jpg'); /* Submenu: O NAS ========================================================================== */ oCMenu.makeMenu('top2', '', 'O nas', '', '', '191', '32', 'images/menu/menu_02_off.jpg', 'images/menu/menu_02_on.jpg'); oCMenu.makeMenu('top20', 'top2', 'Praktyki studenckie i praca', 'praktyki.html', '', '180', ''); oCMenu.makeMenu('top21', 'top2', 'Promocje', 'promocje.html', '', '180', ''); /* Submenu: PRODUKTY ========================================================================== */ oCMenu.makeMenu('top3', '', 'Produkty', '', '', '191', '32', 'images/menu/menu_03_off.jpg', 'images/menu/menu_03_on.jpg'); oCMenu.makeMenu('top30', 'top3', 'Katalogi upominków           ›', '', '', '180', ''); oCMenu.makeMenu('top300', 'top30', 'Upominki reklamowe 2009', 'http://www.linkandsell.com/?shop_id=1215', '', '180'); oCMenu.makeMenu('top301', 'top30', 'MCOLLECTION 2009', 'http://www.mcollection.ws/?RID=pl777828', '', '180'); oCMenu.makeMenu('top302', 'top30', 'Odzież firmowa 2009', 'http://www.textileurope.pl/', '', '180'); oCMenu.makeMenu('top303', 'top30', 'Ceramika reklamowa 2009', 'http://www.kubki.info/kubki/', '', '180'); oCMenu.makeMenu('top304', 'top30', 'Pamięci USB 2009', 'http://www.gadgets.nu', '', '180'); oCMenu.makeMenu('top305', 'top30', 'Słodycze PromoCANDY', 'http://www.promo-candy.com/index.php', '', '180'); oCMenu.makeMenu('top31', 'top3', 'Gadżety reklamowe           ›', '', '', '180', ''); oCMenu.makeMenu('top310', 'top31', 'Baloniki reklamowe', 'baloniki.html', '', '180'); oCMenu.makeMenu('top311', 'top31', 'Breloki', 'breloki.html', '', '180'); oCMenu.makeMenu('top312', 'top31', 'Ceramika reklamowa', 'ceramika.html', '', '180'); oCMenu.makeMenu('top313', 'top31', 'Cukierki firmowe', 'cukierki.html', '', '180'); oCMenu.makeMenu('top314', 'top31', 'Metaloplastyka', 'metaloplastyka.html', '', '180'); oCMenu.makeMenu('top315', 'top31', 'Odznaki Quick-button', 'odznaki.html', '', '180'); oCMenu.makeMenu('top316', 'top31', 'Torby papierowe', 'reklamowki.html', '', '180'); oCMenu.makeMenu('top317', 'top31', 'Smycze z nadrukiem', 'smycze.html', '', '180'); oCMenu.makeMenu('top318', 'top31', 'Taśmy opakowaniowe', 'tasmy.html', '', '180'); oCMenu.makeMenu('top319', 'top31', 'Zapałki reklamowe', 'zapalki.html', '', '180'); oCMenu.makeMenu('top32', 'top3', 'Grafika                             ›', '', '', '180', ''); oCMenu.makeMenu('top320', 'top32', 'Litery blokowe ze styroduru', 'styrodur.html', '', '180', ''); oCMenu.makeMenu('top321', 'top32', 'Rysunki satyryczne', 'satyra.html', '', '180', ''); oCMenu.makeMenu('top322', 'top32', 'Wycinanie liter z folii PCV', 'litery_pcv.html', '', '180', ''); oCMenu.makeMenu('top33', 'top3', 'Poligrafia                          ›', '', '', '180', '', ''); oCMenu.makeMenu('top330', 'top33', 'Bloczki konferencyjne', 'bloczki.html', '', '180', ''); oCMenu.makeMenu('top331', 'top33', 'Kalendarze', 'kalendarze.html', '', '180', ''); oCMenu.makeMenu('top332', 'top33', 'Naklejki wypukłe 3D', 'naklejki_3d.html', '', '180', ''); oCMenu.makeMenu('top333', 'top33', 'Nadruk na płytach CD/DVD', 'nadruk_cd.html', '', '180', ''); oCMenu.makeMenu('top334', 'top33', 'Sitodruk', 'sitodruk.html', '', '180', ''); oCMenu.makeMenu('top335', 'top33', 'Tampondruk', 'tampondruk.html', '', '180', ''); oCMenu.makeMenu('top336', 'top33', 'Tłoczenie', 'tloczenie.html', '', '180', ''); oCMenu.makeMenu('top34', 'top3', 'Tłumaczenia niemieckie', 'tlumaczenia.html', '', '180', ''); oCMenu.makeMenu('top35', 'top3', 'Systemy informacyjne        ›', '', '', '180', ''); oCMenu.makeMenu('top350', 'top35', 'Flagi i banery', 'flagi.html', '', '180', ''); oCMenu.makeMenu('top351', 'top35', 'System SIGNET', 'signet.html', '', '180', ''); /* Submenu: PORTFOLIO ========================================================================== */ oCMenu.makeMenu('top4', '', 'Portfolio', 'portfolio.html', '', '191', '32', 'images/menu/menu_04_off.jpg', 'images/menu/menu_04_on.jpg'); /* Submenu: STREFA KLIENTA ========================================================================== */ oCMenu.makeMenu('top5', '', 'Strefa Klienta', '', '', '191', '32', 'images/menu/menu_05_off.jpg', 'images/menu/menu_05_on.jpg'); /* oCMenu.makeMenu('top50', 'top5', 'Ciekawe linki', 'under.html', '', '180', ''); */ oCMenu.makeMenu('top51', 'top5', 'Download', 'download.html', '', '180', ''); oCMenu.makeMenu('top52', 'top5', 'FTP', 'ftp.html', '', '180', ''); oCMenu.makeMenu('top53', 'top5', 'Mapa strony', 'mapa-strony.html', '', '180', ''); oCMenu.makeMenu('top54', 'top5', 'Newsletter', 'newsletter.html', '', '180', ''); oCMenu.makeMenu('top55', 'top5', 'Polityka prywatności', 'polityka.html', '', '180', ''); oCMenu.makeMenu('top56', 'top5', 'Przygotowanie materiałów', 'materialy.html', '', '180', ''); oCMenu.makeMenu('top57', 'top5', 'Warunki współpracy', 'wspolpraca.html', '', '180', ''); /* Submenu: KONTAKT ========================================================================== */ oCMenu.makeMenu('top6', '', 'Kontakt', 'kontakt.html', '', '191', '32', 'images/menu/menu_06_off.jpg', 'images/menu/menu_06_on.jpg'); oCMenu.construct(); /* ========================================================================== (c) 2009 Agencja Reklamowa EURO GRAPHIC. Wszystkie prawa zastrzeżone. ========================================================================== */