//animate the opening of the branch (span.grower jQueryElement)
function openBranch(jQueryElement, noAnimation) {
		
		// ferme les branches 
		if( jQueryElement.parent().parent().find('span.grower.OPEN') )
		{
				closeBranch( jQueryElement.parent().parent().find('span.grower.OPEN') );
		}
		
		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) {
	
	// ferme pas la branche si correspond a page courrante
	if(jQueryElement.parent().hasClass('selected'))
	{
	
	}
	else
	{
		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);
}


//	if(!jQueryElement.hasClass('OPEN'))	
//		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().after("<span class='grower OPEN'> </span>");
		
		//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 holding the selected branch
		$('ul.tree.dhtml .selected').parents().each( function() {
			if ($(this).is('ul'))
				toggleBranch($(this).prev().prev(), true);
		});
		toggleBranch( $('ul.tree.dhtml .selected').prev(), true);
	
		$('ul.tree.dhtml .selected').parent().find('ul:first').addClass('.selected')

	
		// open the tree of the selected branch
		$('ul.tree.dhtml .selected').parent().find('ul:first').show();
		
		$currentBranch = "";
		
		//add a fonction on clicks on growers
		$('ul.tree.dhtml span.grower').click(function()
		{
			toggleBranch($(this));
		});
		
		
		// ad fc rollover on li
	/*	$('ul.tree.dhtml li').mouseover(function()
		{
			if( $(this).find('span.grower').hasClass('CLOSE'))
			{
				openBranch($(this).find('span.grower'));
			}
			
		});		
	*/	
		//mark this 'ul.tree' elements as already 'dynamized'
		$('ul.tree.dhtml').addClass('dynamized');

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