//animate the opening of the branch (span.grower jQueryElement)
function openBranch(jQueryElement, noAnimation) {
  jQueryElement.addClass('OPEN').removeClass('CLOSE');
  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');
  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 ul').parent().find('h3').before("&nbsp;<span class='grower OPEN'>&nbsp;&nbsp;</span>&nbsp;");
		
		//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 ul').prev().parent().find('h3 span.grower.OPEN').addClass('CLOSE').removeClass('OPEN');
	    //$('ul.tree.dhtml ul').hide();
		
		$('ul.tree.dhtml').show();
		
		//open the tree for the selected branch
		$('ul.tree.dhtml .selected').parents().each( function() {
			//alert($(this).html());
			if ($(this).is('ul')) {
			  toggleBranch($(this).prev().prev(), true);
			  $(this).prev().find('a').addClass('trailer');
			}
		});
		toggleBranch( $('ul.tree.dhtml .selected').prev(), true);
		
		
		/*$('ul.tree.dhtml .selected').parent().find('ul:first').each(function()
		{
			alert($(this).html());
			if ($(this).is('ul')) {
			  alert($(this).prev().find('span.grower').html());
			  toggleBranch($(this).prev().find('span.grower'), true);
			}
		});*/
		//alert($('ul.tree.dhtml .selected').next().html());
		//toggleBranch($('ul.tree.dhtml .selected').next(), true);
		
		//toggleBranch( $('ul.tree.dhtml .selected'), 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');
	}
});