//animate the opening of the branch (span.grower jQueryElement)
function openBranch(jQueryElement, noAnimation) {
  $('span.OPEN', jQueryElement.closest('ul')).each(function() {
    closeBranch($(this));
  });
  jQueryElement.addClass('OPEN').removeClass('CLOSE');
  jQueryElement.parent().addClass('active');
  if(noAnimation)
    jQueryElement.parent().find('ul:first').show();
  else
    jQueryElement.parent().find('ul:first').slideDown();
}
//animate the closing of the branch (span.grower jQueryElement)
function closeBranch(jQueryElement, noAnimation) {
  jQueryElement.addClass('CLOSE').removeClass('OPEN');
  jQueryElement.parent().removeClass('active');
  if(noAnimation)
    jQueryElement.parent().find('ul:first').hide();
  else
    jQueryElement.parent().find('ul:first').slideUp();
}

//animate the closing or opening of the branch (ul jQueryElement)
function toggleBranch(jQueryElement, noAnimation) {
  if(jQueryElement.hasClass('OPEN'))
    closeBranch(jQueryElement, noAnimation);
  else
    openBranch(jQueryElement, noAnimation);
}

//when the page is loaded...
$(document).ready(function () {
  //to do not execute this script as much as it's called...
  if(!$('ul.tree.dhtml').hasClass('dynamized'))
  {
    //add growers to each ul.tree elements
    $('ul.tree.dhtml ul').prev().before("<span class='grower OPEN'></span>");
    
    $('ul.tree.dhtml a.selected').parents('li').addClass('selected');
		
    //dynamically add the '.last' class on each last item of a branch
    $('ul.tree.dhtml ul li:last-child, ul.tree.dhtml li:last-child').addClass('last');
		
    //collapse every expanded branch
    $('ul.tree.dhtml span.grower.OPEN').addClass('CLOSE').removeClass('OPEN').parent().find('ul:first').hide();
    $('ul.tree.dhtml').show();
		
    //open the tree for the selected branch
    $('ul.tree.dhtml a.selected').parents().each( function() {
      if ($(this).is('ul'))
        toggleBranch($(this).prev().prev(), true);
    });
    toggleBranch( $('ul.tree.dhtml a.selected').prev(), true);
		
    //add a fonction on clicks on growers
    $('ul.tree.dhtml span.grower').click(function(){
      toggleBranch($(this));
    });
    //mark this 'ul.tree' elements as already 'dynamized'
    $('ul.tree.dhtml').addClass('dynamized');

    $('ul.tree.dhtml').removeClass('dhtml');
  }
});