//animate the opening of the branch (span.grower jQueryElement)
function openBranch(jQueryElement, noAnimation) {
    jQueryElement.addClass('OPEN').removeClass('CLOSE');
    if(noAnimation)
        jQueryElement.parent().parent().find('ul:first').show();
                        
    else
        jQueryElement.parent().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().parent().find('ul:first').hide();
    else
        jQueryElement.parent().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
        if($('ul.tree.dhtml ul').length){
            //$('ul.tree.dhtml ul').prev("a").before("<span class='grower OPEN'> </span>");
            $('ul.tree.dhtml ul').prev().append("<span class='grower OPEN'> </span>");
        //$('ul.tree.dhtml ul').prev("a").html('ss'+"<span class='grower OPEN'> </span>");
        }
        //$('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 span.grower.OPEN').addClass('CLOSE').removeClass('OPEN').parent().parent().find('ul:first').hide();
        $('ul.tree.dhtml').show();
		
        //open the tree for the selected branch
        $('ul.tree.dhtml .selected').parents().each( function() {
            if ($(this).is('ul'))
                toggleBranch($(this).prev().children("span:last"), true);
        });
        if ($('ul.tree.dhtml .selected').next().is('ul')){
            toggleBranch( $('ul.tree.dhtml .selected').children("span:last"), true);
        }
		
        //add a fonction on clicks on growers
        $('ul.tree.dhtml span.grower').click(function(){
            toggleBranch($(this));
            return false;
        });
        //mark this 'ul.tree' elements as already 'dynamized'
        $('ul.tree.dhtml').addClass('dynamized');

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