// Cascading Popup Menus v5.2 - Single Frame Menu example script. var hBar = new ItemStyle(98, 0, '', 0, 4, '15#ffffff', '10#ffffff', 'lowText', 'highText', 'itemBorder', 'itemBorder', null, null, 'hand', 'default'); var subM = new ItemStyle(22, 0, '', 0, 3, '#eeeeee', '#eeeeee', 'lowText', 'highText', 'itemBorder', 'itemBorder', null, null, 'hand', 'default'); var subBlank = new ItemStyle(23, 0, '>', -15, 3, '#ffffff', '#ffffff', 'lowText', 'highText', 'itemBorderBlank', 'itemBorder', null, null, 'hand', 'default'); var button = new ItemStyle(23, 1, '>', -15, 2, '10#006633', '10#CC6600', 'buttonText', 'buttonHover', 'buttonBorder', 'buttonBorderOver', 80, 95, 'crosshair', 'default'); var pMenu = new PopupMenu('pMenu'); with (pMenu) { startMenu('root', false, 'window.page.winW()/2 - menuW/2 + 43', 20, 40, hBar); addItem('', 'about.html', '', null, 110); addItem('CONSTRUCTION SERVICES', 'mServices', 'sm:', null, 125); with (addItem('PROJECT PROFILES', '#', '', null, 120)) sm = 'mProfiles'; with (addItem('CURRENT WORKS', '#', '', null, 110)) sm = 'mCurrent'; with (addItem('COMPANY LOCATIONS', '#', '', null, 125)) sm = 'mLocations'; with (addItem('CAREERS', 'careers.html', '', null, 90)) sm = 'mCareers'; addItem('CONTACT US', 'contact.html', '', null, 80); with (addItem('AWARDS', 'awards.html', '', null, 60)) sm = 'mAwards'; addItem('HOME', 'index.html', '', null, 90); startMenu('mServices', true, 0, 40, 125, subM, '', false); addItem('design/build', 'design.html', '', subM, 30); addItem('general construction', 'general.html', '', subM, 40); addItem('construction management', 'management.html', '', subM, 40); startMenu('mProfiles', true, 0, 40, 130, subM, '', false); with (addItem('edmonton', 'edmonton.html', '', null)) sm = 'mEdmontonProfiles'; with (addItem('fort mcmurray', 'ftmac.html', '', null)) sm = 'mFortProfiles'; with (addItem('grande prairie', 'grande.html', '', null)) sm = 'mGrandeProfiles'; with (addItem('vancouver', 'http://www.permasteel.com/project.html', '', null)) sm = 'mVancouverProfiles'; with (addItem('calgary', 'calgary.html', '', null)) sm = 'mCalgaryProfiles'; startMenu('mEdmontonProfiles', true, 130, 0, 150, subM, '', false); with (addItem('heavy industry', '#', '', null)) sm = 'mEdmontonHeavyIndustry'; with (addItem('commercial/retail', '#', '', null)) sm = 'mEdmontonCommercial'; with (addItem('manufacturing', '#', '', null)) sm = 'mEdmontonManufacturing'; with (addItem('recreational', '#', '', null)) sm = 'mEdmontonRecreational'; with (addItem('general construction', '#', '', null)) sm = 'mEdmontonGeneral'; startMenu('mEdmontonHeavyIndustry', true, 150, 0, 180, subM, '', false); addItem('willbros canada', 'pr_willbros.html', '', subM, 30); addItem('transwest mining', 'pr_transwest.html', '', subM, 30); addItem('spencer teris', 'pr_spencer.html', '', subM, 30); addItem('Samuel & Son Co.', 'cr_samuel.html', '', subM, 30); startMenu('mEdmontonCommercial', true, 150, 0, 180, subM, '', false); addItem('cp distributors', 'pr_cp.html', '', subM, 30); addItem('motor king', 'pr_motor_king.html', '', subM, 30); addItem('michels', 'cr_michels.html', '', subM, 30); addItem('universal/air hydraulic ltd.', 'pr_universal.html', '', subM, 30); addItem('hotsy cleaning systems', 'cr_hotsy.html', '', subM, 30); addItem('canadian tire', 'cr_canadiantire.html', '', subM, 30); addItem('md provost', 'cr_mdprovost.html', '', subM, 30); addItem('shaw’s enterprises', 'cr_shaws.html', '', subM, 30); addItem('united safety', 'pr_united_safety.html', '', subM, 30); startMenu('mEdmontonManufacturing', true, 150, 0, 180, subM, '', false); addItem('clad tech canada inc.', 'pr_cladtech.html', '', subM, 30); addItem('joes engine and tiger machining inc.', 'cr_joes.html', '', subM, 40); addItem('reliable tube', 'pr_reliable.html', '', subM, 30); addItem('tic', 'pr_tic.html', '', subM, 30); addItem('steelhead fabrications corp', 'cr_steelhead.html', '', subM, 30); addItem('onoway joint ventures', 'cr_onoway.html', '', subM, 30); startMenu('mEdmontonRecreational', true, 150, 0, 180, subM, '', false); addItem('wainwright twin arena', 'pr_wainwright.html', '', subM, 30); addItem('driftpile first nations', 'cr_driftpile.html', '', subM, 30); startMenu('mEdmontonGeneral', true, 150, 0, 180, subM, '', false); addItem('word of life tabernacle', 'pr_wordoflife.html', '', subM, 30); startMenu('mFortProfiles', true, 130, 0, 150, subM, '', false); with (addItem('mining', '#', '', null)) sm = 'mFortMining'; with (addItem('heavy industry', '#', '', null)) sm = 'mFortHeavyIndustry'; with (addItem('commercial/retail', '#', '', null)) sm = 'mFortCommercial'; with (addItem('aviation', '#', '', null)) sm = 'mFortAviation'; startMenu('mFortMining', true, 150, 0, 180, subM, '', false); addItem('transwest mining systems', 'pr_transwest_ftmc.html', '', subM, 30); addItem('p&h mine pro', 'pr_ph.html', '', subM, 30); startMenu('mFortHeavyIndustry', true, 150, 0, 180, subM, '', false); addItem('mmd', 'pr_mmd.html', '', subM, 30); addItem('electric motor servies limited', 'cr_electric.html', '', subM, 30); addItem('burnco concrete', 'cr_burnco.html', '', subM, 30); addItem('CEDA reactor', 'cr_ceda.html', '', subM, 30); startMenu('mFortCommercial', true, 150, 0, 180, subM, '', false); addItem('eecol electric ltd.', 'pr_eecol.html', '', subM, 30); startMenu('mFortAviation', true, 150, 0, 180, subM, '', false); addItem('ft. mcmurray airport', 'pr_ftmcair.html', '', subM, 30); addItem('phoenix helicopter', 'pr_phoenix.html', '', subM, 30); startMenu('mGrandeProfiles', true, 130, 0, 150, subM, '', false); with (addItem('heavy industry', '#', '', null)) sm = 'mGrandeHeavyIndustry'; with (addItem('oil & gas', '#', '', null)) sm = 'mGrandeOilGas'; with (addItem('general construction', '#', '', null)) sm = 'mGrandeGeneral'; startMenu('mGrandeHeavyIndustry', true, 150, 0, 180, subM, '', false); addItem('quad L enterprises ltd.', 'pr_quad.html', '', subM, 30); startMenu('mGrandeOilGas', true, 150, 0, 180, subM, '', false); addItem('prairie boys oilfield services', 'pr_prairieboys.html', '', subM, 30); startMenu('mGrandeGeneral', true, 150, 0, 180, subM, '', false); addItem('town of high prairie', 'pr_townofhigh.html', '', subM, 30); startMenu('mVancouverProfiles', true, 130, 0, 150, subM, '', false); startMenu('mCalgaryProfiles', true, 130, 0, 150, subM, '', false); with (addItem('commercial/retail', '#', '', null)) sm = 'mCalgaryCommercial'; with (addItem('recreational', '#', '', null)) sm = 'mCalgaryRecreational'; startMenu('mCalgaryCommercial', true, 150, 0, 180, subM, '', false); addItem('harley davidson', 'pr_harley.html', '', subM, 30); addItem('harwood ford', 'pr_harwood.html', '', subM, 30); addItem('high river autoplex & rv', 'pr_highriver.html', '', subM, 30); startMenu('mCalgaryRecreational', true, 150, 0, 180, subM, '', false); addItem('garrison curling club', 'pr_garrison.html', '', subM, 30); startMenu('mCurrent', true, -20, 40, 145, subM, '', false); with (addItem('edmonton', 'edmonton.html', '', null)) sm = 'mEdmontonCurrent'; with (addItem('fort mcmurray', 'ftmac.html', '', null)) sm = 'mFortCurrent'; with (addItem('grande prairie', 'grande.html', '', null)) sm = 'mGrandeCurrent'; startMenu('mEdmontonCurrent', true, 145, 0, 180, subM, '', false); addItem('frog lake', 'cr_froglake.html', '', subM, 30); addItem('shaw’s enterprises', 'cr_shaws.html', '', subM, 30); addItem('united safety', 'pr_united_safety.html', '', subM, 30); addItem('advance engineered products ltd', 'cr_advance.html', '', subM, 40); startMenu('mFortCurrent', true, 145, 0, 180, subM, '', false); addItem('transwest mining', 'cr_transwest_ftmc.html', '', subM, 30); addItem('guthrie mechanical services ltd', 'cr_guthrie.html', '', subM, 30); addItem('phoenix heli flight', 'cr_phoenix.html', '', subM, 30); addItem('fort mcmurray regional airport', 'cr_ftmacairport.html', '', subM, 30); addItem('CEDA reactor', 'cr_ceda.html', '', subM, 30); addItem('ph minepro', 'cr_phminepro1.html', '', subM, 30); addItem('ameco', 'cr_ameco.html', '', subM, 30); addItem('emeco canada', 'cr_emeco.html', '', subM, 30); startMenu('mGrandeCurrent', true, 145, 0, 180, subM, '', false); startMenu('mLocations', true, -20, 40, 155, subM, '', false); with (addItem('edmonton', 'edmonton.html', '', null)) sm = 'mEdmontonLocations'; with (addItem('fort mcmurray', 'ftmac.html', '', null)) sm = 'mFortLocations'; with (addItem('grande prairie', 'grande.html', '', null)) sm = 'mGrandeLocations'; with (addItem('calgary', '#', '', null)) sm = 'mCalgaryLocations'; with (addItem('vancouver', '#', '', null)) sm = 'mVancouverLocations'; startMenu('mEdmontonLocations', true, 155, 0, 180, subM, '', false); addItem('17430 103 Avenue, Edmonton, AB T5S 2K8', '#.html', '', subM, 40); startMenu('mFortLocations', true, 155, 0, 180, subM, '', false); addItem('P.O. Box 24029,201 - 425 Gregoire Drive, Ft. McMurray, AB T9H 5M4', '#.html', '', subM, 50); startMenu('mGrandeLocations', true, 155, 0, 180, subM, '', false); addItem('', '#.html', '', subM, 40); startMenu('mCalgaryLocations', true, 155, 0, 180, subM, '', false); addItem('XPS CONSTRUCTION LTD, 139, 808 - 42 Avenue S.E.,Calgary, AB T2G 1Y9', '#.html', '', subM, 50); startMenu('mVancouverLocations', true, 155, 0, 180, subM, '', false); addItem('Percon Construction Ltd., #106 - 7088 Venture St, Delta, BC V4G 1H5', '#.html', '', subM, 50); startMenu('mCareers', true, -20, 40, 145, subM, '', false); addItem('branch manager, ft. mcmurray', 'careers.html', '', subM, 40); addItem('intermediate/senior project manager', 'careers.html', '', subM, 40); addItem('project manager for pre-engineered buildings', 'careers.html', '', subM, 50); addItem('site superintendent', 'careers.html', '', subM, 30); addItem('field technician', 'careers.html', '', subM, 30); addItem('project estimator', 'careers.html', '', subM, 30); addItem('metal building erector', 'careers.html', '', subM, 30); addItem('intermediate accountant', 'careers.html', '', subM, 40); startMenu('mAwards', true, -30, 40, 125, subM, '', false); addItem('safety awards', 'workplace_safety.pdf', '', subM, 30); addItem('vp builder acknowledgement awards', 'awards.html', '', subM, 60); addItem('hall of fame', 'awards.html', '', subM, 30); addItem('top projects', 'topprojects.pdf', '', subM, 30); } // ******************** MENU EFFECTS ******************** // if ((navigator.userAgent.indexOf('rv:0.')==-1) && !(isOp&&!document.documentElement) && !(isIE4&&!window.external)) { pMenu.showMenu = new Function('mN','menuAnim(this, mN, 10)'); pMenu.hideMenu = new Function('mN','menuAnim(this, mN, -15)'); // Add animation to other menu objects like this... //anotherMenu.showMenu = new Function('mN','menuAnim(this, mN, 10)'); //anotherMenu.hideMenu = new Function('mN','menuAnim(this, mN, -15)'); } // ******************** FUNCTIONS CALLED BY THE EFFECTS SECTION ******************** // These can be deleted if you're not using them. Alternatively, if you're using several menu // data files, you may want to move them to the "core" script file instead. // This is the "positioning from page anchors" code used by the advanced positioning expressions. page.elmPos=function(e,p) { var x=0,y=0,w=p?p:this.win; e=e?(e.substr?(isNS4?w.document.anchors[e]:getRef(e,w)):e):p; if(isNS4){if(e&&(e!=p)){x=e.x;y=e.y};if(p){x+=p.pageX;y+=p.pageY}} if (e && this.MS && navigator.platform.indexOf('Mac')>-1 && e.tagName=='A') { e.onfocus = new Function('with(event){self.tmpX=clientX-offsetX;' + 'self.tmpY=clientY-offsetY}'); e.focus();x=tmpX;y=tmpY;e.blur() } else while(e){x+=e.offsetLeft;y+=e.offsetTop;e=e.offsetParent} return{x:x,y:y}; }; // Animation: // // Each menu object you create by default shows and hides its menus instantaneously. // However you can override this behaviour with custom show/hide animation routines, // as we have done in the "Menu Effects" section. Feel free to edit this, or delete // this entire function if you're not using it. Basically, make functions to handle // menuObj.showAnim() and .hideAnim(), both of which are passed menu names. // // Customisers: My lyr.clip() command gets passed the parameters (x1, y1, x2, y2) // so you might want to adjust the direction etc. Oh, and I'm adding 2 to the dimensions // to be safe due to different box models in some browsers. // Another idea: add some if/thens to test for specific menu names...? function menuAnim(menuObj, menuName, dir) { // The array index of the named menu (e.g. 'mFile') in the menu object (e.g. 'pMenu'). var mD = menuObj.menu[menuName][0]; // Add timer and counter variables to the menu data structure, we'll need them. if (!mD.timer) mD.timer = 0; if (!mD.counter) mD.counter = 0; with (mD) { // Stop any existing animation. clearTimeout(timer); // If the litNow() array doesn't show this menu as lit, and we're still showing it, // force a quick hide (this stops miscellaneous timer errors). //if (dir>0 && !menuObj.litNow[menuObj.menu[menuName][0].parentMenu]) dir = -100; // If the layer doesn't exist (cross-frame navigation) quit. if (!lyr || !lyr.ref) return; // This next line is not strictly necessary, but it stops the one-in-a-hundred menu that // shows and doesn't hide on very quick mouseovers. if (!visNow && dir>0) dir = 0-dir; // Show the menu if that's what we're doing. if (dir>0) lyr.vis('visible'); // Also raise showing layers above hiding ones. lyr.sty.zIndex = dir>0 ? mD.zIndex + 1 : 1001; // Alpha fade in IE5.5+. Mozilla's opacity (pre-v1.7) isn't well suited as it's an inheritable // property rather than a block-level filter, and it's slow, but uncomment and try it perhaps. // WARNING: This looks funny if you're mixing opaque and translucent items e.g. solid menus // with dropshadows. If you're going to use it, either disable dropshadows or set the opacity // values for your items to numbers instead of null. //if (isIE && window.createPopup) lyr.alpha(counter&&(counter<100) ? counter : null); // Clip the visible area. The syntax is: lyr.clip(left, top, right, bottom); // As you can see in these examples, three are static at either zero or the edge of a menu item, // and either the top or bottom is a complicated formula based on the 'counter' variable which // counts from 0 to 100 and back again; this give a nice accelerating-sliding animation. // Feel free to experiment with your own animations, here are some samples (use one only): // Straightforward downwards clipping animation (default setting): lyr.clip(0, 0, menuW+2, (menuH+2)*Math.pow(Math.sin(Math.PI*counter/200),0.75) ); // If you want, comment out the above line and enable this one to animate bottom-upwards: //lyr.clip(0, (menuH+2)-(menuH+2)*Math.pow(Math.sin(Math.PI*counter/200),0.75), menuW+2, menuH+2); // Another alternative: Move+clip sliding animation. Looks really cool :). //if (!counter) mD.origY = lyr.y(); //var newY = (menuH+2)-(menuH+2)*Math.pow(Math.sin(Math.PI*counter/200),0.75); //lyr.clip(0, newY, menuW+2, menuH+2); //lyr.y(mD.origY - newY); // Increment the counter and if it hasn't reached the end (counter is 0% or 100%), // set the timer to call the animation function again in 40ms to contine the animation. // Note that we hide the menu div on animation end in that direction. counter += dir; if (counter>100) { counter = 100; lyr.sty.zIndex = mD.zIndex } else if (counter<0) { counter = 0; lyr.vis('hidden') } else timer = setTimeout('menuAnim('+menuObj.myName+',"'+menuName+'",'+dir+')', 40); } };