/** * @author dennis.odell * Requires : MooTools 1.2 */ window.addEvent('domready', function() { $('nav_main-navigation').getElement('ul').addEvent('mouseover', function(e) { e = new Event(e); var liTag = $(e.target).getParent(); var ulTag = liTag.getParent(); var divTag = ulTag.getParent(); if (liTag.tagName.toUpperCase() == 'LI' && divTag.getProperty('id') == 'nav_main-navigation') { if (!liTag.hasClass('nav_hover')) { var flyoutTag = e.target.getNext(); var flyoutListItems = flyoutTag.getElements('li'); //alert(flyoutListItems) if(flyoutListItems==null){ if (flyoutListItems.length % 2 == 0) { // odd number flyoutListItems[flyoutListItems.length - 1].addClass('nav_last'); } } // CSS classes this.getElements('li').removeClass('nav_hover'); e.target.getParent().addClass('nav_hover'); $('nav_main-navigation').addEvent('mouseleave', function(e) { this.getElements('li').removeClass('nav_hover'); }.bind(this)); // fade effects if (flyoutTag.getElement('ul')!=null){ var existingHeight = flyoutTag.getElement('ul').getStyle('height'); flyoutTag.setStyle('height',0) new Fx.Morph(flyoutTag, {duration:500}).start({ 'height': parseInt(existingHeight) }); flyoutTag.getElement('ul').setStyle('opacity',0.1) new Fx.Morph(flyoutTag.getElement('ul'), {duration:500}).start({ 'opacity': 1 }); flyoutTag.getElement('img').setStyle('opacity',0.1) new Fx.Morph(flyoutTag.getElement('img'), {duration:500}).start({ 'opacity': 1 }); } } } }); });