//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>");

		//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 .selected').parents().each( function() {
				if ($(this).is('ul'))
					toggleBranch($(this).prev().prev(), true);
			});
			toggleBranch( $('ul.tree.dhtml .selected').prev(), true);

		//add a fonction on clicks on growers
		$('ul.tree.dhtml span.grower').mouseenter(function(){
			toggleBranch($(this));
		});
		//mark this 'ul.tree' elements as already 'dynamized'
		$('ul.tree.dhtml').addClass('dynamized');

		$('ul.tree.dhtml').removeClass('dhtml');
	}*/
	if(!$('ul.tree.dhtml').hasClass('dynamized')) {
		//alert('ok');
		$('ul.tree div.ssmenu').hide();
		$('ul.tree > li').hover(function() {
			//alert('ok');
			$(this).find("div.ssmenu").show();
		},function() {
	         $(this).find("div.ssmenu").hide();
	         //$(this).find("a:first").css("color","");
	     }
		);
	}




     $("#sousMenuRubrique > li").hover(function()
     {
         $(this).find("ul.sousMenuDeroulant").show();
         $(this).find("a:first").css("color","#2D8BA2");
     },function()
     {
         $("#sousMenuRubrique .sousMenuDeroulant").hide();
         $(this).find("a:first").css("color","");
     });






    //slider homepage shop
    if ($.fn.cycle)
    {

//         $('#homePageSlider').cycle({
//                fx:       'scrollHorz',
//                speed:    1000,
//                pager: '#nav'
//         });

         // ajouter les boutons de navigation
         var $container     = $('#homePageSlider');
         var margeLeft      = 1;
         var margeRight     = 5;
         $container.before('<a href="javascript:;" id="btn-cycle-left" class="btn-cycle">&nbsp;</a>');
         $container.after('<a href="javascript:;" id="btn-cycle-right" class="btn-cycle">&nbsp;</a>');
         var $btns          = $('.btn-cycle');
         var $btnRight      = $('#btn-cycle-right');
         var $btnLeft       = $('#btn-cycle-left');
         /*var nbDiv 			= $('#homePageSlider > div').length;
         var divImgs		= $('#homePageSlider > div');

         $container.after('<div id="carres"></div>');
         var carres = $('#carres');
         divImgs.each(function(index,value){
         	carres.append('<span id="carre-'+index+'"></span>');
         });*/

         // positionner
         $btns.css({
            'top' : (parseInt($container.height() / 2) - parseInt($btnRight.height() / 2)) + 'px'
         });
         $btnLeft.css({
             'margin-left'  : margeLeft + 'px'
             ,left          : 0
         });
         $btnRight.css({
             'margin-right' : margeRight + 'px'
             ,right         : 0
         });

         // évenements et initialisation
          $('#homePageSlider').cycle({
                fx           : 'scrollHorz'
                ,speed       : 1500
                ,timeout	 : 7000
                ,pager       : '#nav'
                ,next        : $btnRight
                ,prev        : $btnLeft
         });

    }

});