// Utilizing MooTools Library http://www.mootools.net

window.addEvent('domready', function(){
	new FlyoutMenu({ menuItems: $$('#navGlobal .toptier') });
});


// Flyout Menu Class
var FlyoutMenu = new Class({
	Implements: Options,
	options: {
		menuItems: [],
		flyoutDuration: 500
	}, 
	initialize: function(options){
		this.setOptions(options)
		this.menuItems = [];
		this.addMenuItems(this.options.menuItems);
	},
	addMenuItems: function(menuItems) {
		$$(menuItems).each(function(menuItem){
		this.menuItems.include($(menuItem));
			var slideFx = new Fx.Tween(menuItem.getElement('div'), {duration:this.options.flyoutDuration, transition:Fx.Transitions.Sine.easeInOut});
			menuItem.addEvents({
				'mouseenter': function(){ 
					slideFx.cancel();
					(function() {slideFx.start('height', menuItem.getElement('ul').getSize().y + menuItem.getElement('.secondtierFooter').getSize().y) }).delay(250);
				},
				'mouseleave': function(){ 
					slideFx.cancel(); 
					slideFx.start('height', '0');
				}
			});
		}, this);
	} 
	
});