// Animation des menus a gauche
window.addEvent('domready', function() {
	/*var elthover=new Element('p').injectAfter($("permanent_menu"));
	elthover.innerHTML="toto est dans la place";
	var eltout=new Element('p').injectAfter($("permanent_menu"));
	eltout.innerHTML="toto est dans la place";
	*/
	buildSlide($$("ul.element3"),false);
	 
	buildSlide($$("ul.element2"),true);

});

function buildSlide(items, needEvent)
{
		items.each(function(item,i)
		{
				/* creation du slyde */
				var mySlide = new Fx.Slide(item,{
					duration: 300,
					
					transition: Fx.Transitions.linear
				}).hide();
				/* initialisation de l'etat de depart*/
				//alert(item.getParent().getParent().innerHTML);
				if(item.getParent().getParent().hasClass("active")){
					mySlide.show();
				}else{
					mySlide.hide();
					if(needEvent){
						item.getParent().getParent().addEvent('mouseover', function(e){
							e = new Event(e);
							
							
							if(!mySlide.open){
								mySlide.slideIn();
							}
							masque=false;
							
							e.stopPropagation();
						});
						
						item.getParent().getParent().addEvent('mouseout', function(e)
						{
							e = new Event(e);
							
							var mm= function() {
								if(masque){
									mySlide.slideOut();
								}
							};
							mm.delay(200);
							masque=true;
							e.stopPropagation();
						});
					}
				}
		}
		);
}

// hidden_toggler et hidden_div pour inserer des div cache dans le content
window.addEvent('domready', function() {
	var togglers=$$('.hidden_toggler');
	togglers.each(function(toggler, i) {
		
		var hidden_divs=toggler.getParent().getParent().getElements(".hidden_div");
		hidden_divs.each(function(hidden_div) {
			var mySlide = new Fx.Slide(hidden_div,{
			duration: 1000,
			transition: Fx.Transitions.Pow.easeInOut
			});
			var moins=hidden_div.getParent().getParent().getElement(".hidden_inner_toggler");
			if(moins){
				moins.addEvent('click', function(e){
					e = new Event(e);
					mySlide.toggle();
					e.stop();
				});
			}
			toggler.addEvent('click', function(e){
				e = new Event(e);
				mySlide.toggle();
				e.stop();
			});
			mySlide.hide();
		});
	});

});

// Ellipse ... du breadcrumb si pas assez de place sur la nav_bar
window.addEvent('domready', function() {		 
  var navBar = document.getElementById('nav_bar');
  if (navBar){
    var navBarScroll = document.getElementById('nav_bar_scroll');
    var lisToTruncate=navBarScroll.getElementsByTagName('a');
    var i = 1;

// ligne suivante modifiee pour compatibilite IE6
//    while ((i < lisToTruncate.length) && (navBar.offsetWidth<navBarScroll.offsetWidth)){ 
//alert(550+'/'+navBarScroll.offsetWidth);
    while ((i < lisToTruncate.length) && (550<navBarScroll.offsetWidth)){ 
//alert(i);
//		lisToTruncate[i].setAttribute('title',lisToTruncate[i].firstChild.innerHTML);
		lisToTruncate[i].setAttribute('title',lisToTruncate[i].innerHTML);

//		lisToTruncate[i].firstChild.innerHTML='<span class="ellipsis">...</span>';	

		lisToTruncate[i].innerHTML='...';	
		i++;
    }	

  }
});