$(function() {

    $('a.folder').live('click', function( e ) {

	var $a = $(this);

	e.preventDefault()

	if ( $(this).is('.sub') ) {
	    if ( $a.next.length && $a.next().is('ul') ) {
		$a
		.next()
		.slideUp("normal", function() { $(this).show(); } )
		
		$a
		.removeClass('sub')
		.addClass('collapse').find('>.expand').attr('src', '/images/portal/dropbox/collapse.png');
	    } else { 
		var $icon = $('<span class="ajax-loading"/>').insertAfter( this );

		$.get('/directory/?sub_dir=/'+$(this).attr('rel'),function(data){
		    $a.after(data);
		    $icon.remove()
		    window.$a = $a;
		    $a.removeClass('sub').addClass('collapse').find('>.expand').attr('src', '/images/portal/dropbox/collapse.png');
		});
	    }
	}
    });

    $('a.collapse').live('click', function(e) {
	e.preventDefault()

	$(this).removeClass('collapse').addClass('sub').nextAll('ul').slideDown('normal', function() { $(this).hide() });
	$(this).find('>.expand').attr('src', '/images/portal/dropbox/expand.png');;
    });

});