// JavaScript Document

var baseSelector 				= 'primaryNav';
var initToggleSelector 	= 'h2';
var panelSelector 			= 'ul';

window.addEvent('domready', function() {
	$( baseSelector ).getChildren().each( function( category, i ) { 
		var initToggle 	= category.getElement( initToggleSelector );
		var panel 			= category.getElement( panelSelector );
		
		if( panel ) {
			
			if ( navigator.userAgent.indexOf( 'Mac' ) != -1 && navigator.userAgent.indexOf( 'Firefox/2' ) != -1  ) {
				panel.style.setProperty('display', 'none', null);
			} else {
				var fx = new Fx.Style( panel, 'opacity', { duration: 250 } );
				fx.hide();
			}
			
			initToggle.addEvent( 'mouseenter', function( event ) {
				if ( navigator.userAgent.indexOf( 'Mac' ) != -1 && navigator.userAgent.indexOf( 'Firefox/2' ) != -1  ) {
					return panel.style.setProperty('display', 'block', null);
				} else {
					return fx.stop() &&	fx.start( panel.getStyle( 'opacity' ), 1 );
				}
			}); 
			
			category.addEvent( 'mouseleave', function( event ) {
			if ( navigator.userAgent.indexOf( 'Mac' ) != -1 && navigator.userAgent.indexOf( 'Firefox/2' ) != -1  ) {
				return panel.style.setProperty('display', 'none', null);
			} else {
				return fx.stop() &&	fx.start( panel.getStyle( 'opacity' ), 0 );
			}
			});
			
		}
	});
});