var J = jQuery.noConflict();

J( function() {
	J( '.category' ).click( function() {
		J( this ).toggleClass( 'active' )
		J( this ).siblings( '.dropdown' ).toggle();
		J( this ).find( '.indicator' ).toggleClass( 'indicator-active' );
		return false;
	} );
			
	J( '#dock > li' ).hover( function() {
		J( '.latest' ).fadeOut( 'fast' );
		J( this ).addClass( 'dock-active' );
		J( this ).children( 'span' ).fadeIn( 200 );
	}).bind( "mouseleave", function() {		
		J( this ).removeClass( 'dock-active' );	
		J( this ).children( 'span' ).fadeOut( 200 );
	} );
			
	J( '#dock' ).bind( "mouseleave", function() {
		J( '.latest' ).fadeIn( 1000 );
	} );
} );