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 );
	} );
} );