// JavaScript Document
window.addEvent('domready', function(){
			var list = $$('#menu a');
			list.each(function(element) {
				
				var fx = new Fx.Styles(element, {duration:200, wait:false});
				
				element.addEvent('mouseenter', function(){
					fx.start({
						'padding-left': 20,
						color: '#666666'
					});
				});
				
				element.addEvent('mouseleave', function(){
					fx.start({
						'padding-left': 0,
						'color': '#666666'
					});
				});
				
			});
		}); 
window.onload=function(){
	
	/*$$('#menu a').each(function(el) {
		el.addEvent('mouseenter',function(){						
		myEffect = el.effect('padding-left', {duration: 200,transition: Fx.Transitions.linear, wait: false}).start('0','20');
		})
		
		el.addEvent('mouseleave',function(){							
		myEffect = el.effect('padding-left', {duration: 500,transition: Fx.Transitions.Bounce.easeOut, wait: true}).start('20','0');
		})
	})*/
	
	myStretch = document.getElementsByClassName('toggler');
	myStretcher = document.getElementsByClassName('accordion');
	
	// 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', '#666666');
    	},
    	onBackground: function(tog){
			tog.setStyle('color', '#666666');
    	},
		alwaysHide: true,
		start : 'all-closed',
		height: true,
		opacity : true			
	});
}