$( document ).ready( function() {
	
	var nav_className = '-';
	
	function nav_out() {
		$( '#nav td' ).removeClass( 'active' );
		$( '#nav .ul_1' ).fadeOut( 'normal' );
		nav_className = '-';
	}
	
	$( '#nav tr.top td, #nav tr.center td' ).bind( 'mouseover', function() {
		var className = $(this).attr( 'className' ).match( /item_([0-9]+)/ )[0];
		if ( className != nav_className ) {
			nav_out();
			$( '#nav .'+className ).addClass( 'active' );
			$( '#nav .'+className+' .ul_1' ).fadeIn( 'normal' );
			nav_className = className;
		}
	});
	
	$( '#nav' ).bind( 'mouseleave', function() {
		nav_out();
	});
	
	$( '#nav tr.bottom td' ).bind( 'mouseover', function() {
		nav_out();
	});
	
	$( '#nav ul.ul_1 li' ).hover(
		function() {
			$( 'ul.ul_2', this ).fadeIn( 'normal' );
		},
		function() {
			$( 'ul.ul_2', this ).fadeOut( 'normal' );
		}
	);
});