function initEffects(color){

		var list = $$('ul.menu li');
		list.each(function(element){
			
			var returnColor = getBGColor(element);
			
			var fx = new Fx.Styles(element, {
				duration: 400,
				wait: false
			});
			
			element.addEvent('mouseenter', function(){
				fx.start({
					'background-color': color
				});
			});
			
			element.addEvent('mouseleave', function(){
				fx.start({
					'background-color': returnColor
				});
			});
			
		});
	
}

function getBGColor(element) {
	var color = element.getStyle('background-color');
	
	if (color == 'transparent') {
		return getBGColor(element.getParent());
	} else {
		return color;
	}
	
}