jQuery(function($) {  
  $('#tree li ul li').parent().hide();
  
  $('#activitymenu ul li a').attr('href', '#').click(function(){
    var id = $(this).parent().attr('id').replace('_opener', '');
    if ( $('.displayfield:first').attr('id') == id ) {
      return false;
    }
    
    $('.displayfield').fadeOut('fast', function(){
      $(this).removeClass('displayfield').addClass('hidefield');
      $('li.selecta').removeClass('selecta');
      $('#'+id).fadeIn('fast', function(){
        $('#'+id+'_opener').addClass('selecta');
        $(this).addClass('displayfield');
      });
    })
    return false;
  });
  
  $('#tree span.expandable').click(function() {
    if ($(this).hasClass('exp')) {
	    collapseElement(this, true);
    } else {
      expandElement(this, true);
    }
    return false;
  });
  
  expandElement($('#tree li a.active span.expandable'), false);
  expandElement($('#tree li ul li.active').parents('li:first').find('span.expandable'), false);
  
  function expandElement(expander, effect) {
    expander = $(expander).get(0);
    if (expander != undefined) {
	    var parentUl = $(expander).parents('li:first').children('ul:first');
	    if (effect == false) {
	      parentUl.show();
	    } else {
	      parentUl.show('blind', {direction: 'vertical'});
	    }
	    
	    var bgImage = $(expander).css('background-image').replace('right', 'down');
	    $(expander).css('background-image', bgImage);
	    $(expander).addClass('exp');
	  }
  }
  

  
  function collapseElement(collapser) {
    $(collapser).parents('li:first').children('ul:first').hide('blind', {direction: 'vertical'});
    var bgImage = $(collapser).css('background-image').replace('down', 'right');
    $(collapser).css('background-image', bgImage);
    $(collapser).removeClass('exp');
  }
});

function displayMenu(val) {
    alert(val);
    $('.displayfield').toggleClass('hidefield');
    return false;
}