sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

/*
window.addEvent('domready', function() {
	
	//create our Accordion instance
	var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#41464D');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#528CE0');
		}
	});
});
*/

function accordeon() {
 	//create our Accordion instance
	var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#41464D');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#528CE0');
		}
	});
}
window.addEvent('domready', accordeon);

/* padding morph sur H3 toggler */
/* title.addClass('toto'); Ajouter une classe a l'element */ 

function togglerPad() {

$$('.toggler').each(function(title){
    title.addEvents({
        'mouseenter': function(){ 
		      title.addClass('mouseOverToggler');
            //title.morph({paddingLeft: '15px', color: "#2c5fa8", background: 'url(images/illus-puce2.png) ',   backgroundRepeat: 'no-repeat', backgroundPosition: '4px 7px', backgroundColor: '#d2e0e6' });
        },
        'mouseleave': function(){
		  title.removeClass('mouseOverToggler');
            //title.morph({paddingLeft: '10px', color: "#528ce0", background: 'none',  backgroundPosition: '0px 7px', backgroundColor: '#d2e0e6'});

        }
    });
});
}
window.addEvent('domready', togglerPad);