jQuery(function($) {

	menu = new Object();

	menu.timeout = 500;
	menu.closeTimer = 0;
	menu.ddMenuItem = 0;
	
	// open hidden layer
	menu.open = function(id) {
		// cancel close timer
		this.cancelCloseTime();
	
		if ( this.ddMenuItem.id == id ) {
			// already showing menu
			return;
		}
	
		// close old layer
		if(this.ddMenuItem) {
		    this.ddMenuItem.style.visibility = 'hidden';
		}
	
		// get new layer and show it
		this.ddMenuItem = document.getElementById(id);
		$('#' + this.ddMenuItem.id).slideDown(300);
		this.ddMenuItem.style.visibility = 'visible';
		/*dojo.fadeIn({node: this.ddMenuItem.id,duration: 1}).play();*/
	}
	
	// close showed layer
	menu.close = function () {
		if(this.ddMenuItem) {
			var jId = '#' + this.ddMenuItem.id;
			this.ddMenuItem = 0;
			$(jId).fadeOut(500, 
				function() { this.style.visibility = 'hidden' }
			);
		    /*dojo.fadeOut({node: this.ddMenuItem.id,duration: 500}).play(); */
		}
		//this.ddMenuItem = 0;
	}
	
	// go close timer
	menu.closeTime = function() {
		this.closeTimer = setTimeout("menu.close()", this.timeout);
	}
	
	// cancel close timer
	menu.cancelCloseTime = function() {
		if(this.closeTimer)
		{
			clearTimeout(this.closeTimer);
			this.closeTimer = 0;
		}
	}
	
	

    var items = ['american', 'national'];

    for ( var i=0; i<items.length; i++) {
    	var button = $('#nav-' + items[i]);
    	var dropdown = $('#nav-' + items[i] + '-menu');
		button.hover(
			/* over */
			function() {
				menu.open($(this).attr('id') + '-menu');
			},
			/* out */
			function() {
				menu.closeTime();
			}
		);        
        dropdown.hover(
        	/* over */
        	function() {
        		menu.cancelCloseTime();
        	},
        	/* out */
        	function() {
        		menu.closeTime();
        	}
        );
    }

	$('#home').mouseover( function() {
		menu.close();
	} );
	$('#stadiums').mouseover( function() {
		menu.close();
	} );
	$('#ncaa').mouseover( function() {
		menu.close();
	} );

    /* close layer when click-out */
    $(document).click( function() { menu.close() } );

} );