// JavaScript Document

var initToggleSelector 			= 'h2';
var initToggleSelectorThree 	= 'h3';
var panelSelector 				= 'ul';

window.addEvent('domready', function() {
	if( 'mainNav' ){
		$( 'mainNav' ).getChildren().each( function( category, i ) { 
			var initToggle 	= category.getElement( initToggleSelector );
			var panel 			= category.getElement( panelSelector );
			
			if( panel ) {
				navHider(panel, initToggle, category);
			}
		});
		
		$( 'mainNav' ).getElements('ul').each( function(eachUL, i ){
			eachUL.getChildren().each( function( category, i ) { 
				var initToggle2 	= category.getElement( initToggleSelectorThree );
				var panel 			= category.getElement( panelSelector );
			
				if( panel ) {
				navHider(panel, initToggle2, category);
				}
			});
		});
	}
});

function navHider(panel, initToggle, category){
	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();
	}
	
	category.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 );
	}
	});
}