// JavaScript Document

window.onload=function(){
//function(){
$$('#menu a').each(function(el) { 
		el.addEvent('mouseenter',function(){
		//p = el.innerHTML.toUpperCase();
		//el.innerHTML = p;
		//el.setStyle('background','#000');
		myEffect = el.effect('margin-left', {duration: 100,transition: Fx.Transitions.linear, wait: false}).start('0','10');
		})
		
		el.addEvent('mouseleave',function(){
		//p = el.innerHTML.toLowerCase();
		//el.innerHTML = p;
		//el.setStyle('background','#000');
		//myEffect = el.effect('margin-left', {duration: 800,transition: Fx.Transitions.Bounce.easeOut, wait: false}).start('20','0');
		myEffect = el.effect('margin-left', {duration: 200,transition: Fx.Transitions.linear, wait: false}).start('10','0');
		})
	
	})
	
	var myStretch = document.getElementsByClassName('toggler');
	//alert(myStretch)
	var myStretcher = document.getElementsByClassName('accordion');
	//alert(myStretcher)
	
	// setup the accordion elements by clearing display styles	
	myStretcher.each(function(el){
		el.style.display = '';
	});
	
	
var ac = new Fx.Accordion(myStretch,myStretcher,
 
  {
		onActive: function(tog){
        //tog.setStyle('color', '#fff');
		//tog.setStyle('background-color', '#000');
		//tog.setStyle('cursor', 'help');
		
    },
    onBackground: function(tog){
       
		//tog.setStyle('color', '#fff');
		//tog.setStyle('background-color', '#000');
		//tog.setStyle('cursor', 'help');
		
    },
		alwaysHide: true,
		start : 'all-closed',
	
		height: true,
		opacity : true			
	});
}