var listMain = $$('#menu a.main');
var listSub = $$('#menu a.sub');
var listFootLinks = $$('#foot a.links');
var listFootRechts = $$('#foot a.rechts');

listMain.each(function(element) {
 
        var fx = new Fx.Styles(element, {duration:400, wait:false});
 
        element.addEvent('mouseenter', function(){
                fx.start({
                        /*'margin-left': 20,*/
                        'background-color': '#faae4c',
                        color: '#fff'
                });
        });
 
        element.addEvent('mouseleave', function(){
                fx.start({
                        /*'margin-left': 0,*/
                        'background-color': '#d8e3ff',
                        color: '#00417b'
                });
        });
 
});

listSub.each(function(element) {
 
        var fx = new Fx.Styles(element, {duration:400, wait:false});
 
        element.addEvent('mouseenter', function(){
                fx.start({
                        /*'margin-left': 20,*/
                        'background-color': '#faae4c',
                        color: '#fff'
                });
        });
 
        element.addEvent('mouseleave', function(){
                fx.start({
                        /*'margin-left': 0,*/
                        'background-color': '#6e9bc2',
                        color: '#00417b'
                });
        });
 
});

listFootLinks.each(function(element) {
 
        var fx = new Fx.Styles(element, {duration:400, wait:false});
 
        element.addEvent('mouseenter', function(){
                fx.start({
                        /*'margin-left': 20,*/
                        'background-color': '#faae4c',
                        color: '#00417b'
                });
        });
 
        element.addEvent('mouseleave', function(){
                fx.start({
                        /*'margin-left': 0,*/
                        'background-color': '#6e9bc2',
                        color: '#fff'
                });
        });
 
});

listFootRechts.each(function(element) {
 
        var fx = new Fx.Styles(element, {duration:400, wait:false});
 
        element.addEvent('mouseenter', function(){
                fx.start({
                        /*'margin-left': 20,*/
                        'background-color': '#6e9bc2',
                        color: '#00417b'
                });
        });
 
        element.addEvent('mouseleave', function(){
                fx.start({
                        /*'margin-left': 0,*/
                        'background-color': '#faae4c',
                        color: '#fff'
                });
        });
 
});

