// Lancement de la fonction au chargement
window.addEvent('domready', function(){
		web2Sidebar();
		create_pages_menu();
});

//Fonction qui affecte un système de verrou aux pages contenant des sous-pages
function create_pages_menu(){
	//pour chaque sous-pages
	$$('.page_item ul').each(function(el){
									  
		//on crée un Slider pour l'effet							  
		var mySlider = new Fx.Slide(el, {duration: 500});
		//la page parent
		var parent = el.getParent().getParent();
		
		//le verrou (un élément div) à qui on affecte la class 'locker' et une action lors du click
		//l'action est l'ouverture ou la fermeture du div et le changement de l'image pour le verrou
		var locker= new Element('div',{
			'events':{
				'click': function(){
					mySlider.toggle();
					switchImage(this);
				}
			},
			'class':'locker'
		}).injectAfter(parent);
		
		//on ajoute à la page parent la classe 'parent'
		parent.addClass('parent');
		
		//lorsque on est dans la page qui contient des sous-pages ou dans une sous-pages, les sous-pages doivent être visibles
		if(!parent.hasClass('current_page_item') && !el.getFirst().hasClass('current_page_item')){
			mySlider.hide();
		}else switchImage(locker);
	});
}

//fonction qui change l'image du verrou (flêche contre le haut ou le bas)
function switchImage(el){
	el.toggleClass('locker_close');
	//if(el.getStyle('background-image')=='url(http://blog.esl.ch/wp-content/themes/esl/images/submenu_open.jpg)')
		//el.setStyle('background-image','url(http://blog.esl.ch/wp-content/themes/esl/images/submenu_close.jpg)');
	//else el.setStyle('background-image','url(http://blog.esl.ch/wp-content/themes/esl/images/submenu_open.jpg)');
}

function web2Sidebar(){
	$$('.widget').each(function(el){
		new Element('div',{'class':'top_widget'}).injectBefore(el);
		new Element('div',{'class':'bottom_widget'}).injectAfter(el);
	});
}