/**
 * @author joerg
 */
window.addEvent('domready', function(){

    var list = $$('#listnavsub .first');
    
    list.each(function(element){
    
        var fx = new Fx.Styles(element, {
            duration: 800,
            wait: false
        });
        
        element.addEvent('mouseenter', function(){
            fx.start({
                'background-color': '#e0e0e0',
                'color': '#fff'
            
            });
        });
        
        element.addEvent('mouseleave', function(){
            fx.start({
                'background-color': '#fff',
                'color': '#fff'
            
            });
        });
        
    });
    
    var list = $$('#listnavsub .second');
    
    list.each(function(element){
    
        var fx = new Fx.Styles(element, {
            duration: 300,
            wait: false
        });
        
        element.addEvent('mouseenter', function(){
            fx.start({
                'background-color': '#e0e0e0',
                'color': '#fff'
            
            });
        });
        
        element.addEvent('mouseleave', function(){
            fx.start({
                'background-color': '#eee',
                'color': '#fff'
            
            });
        });
        
    });
    
    var list = $$('#listnavsub .third');
    
    list.each(function(element){
    
        var fx = new Fx.Styles(element, {
            duration: 300,
            wait: false
        });
        
        element.addEvent('mouseenter', function(){
            fx.start({
                'background-color': '#e0e0e0',
                'color': '#fff'
            
            });
        });
        
        element.addEvent('mouseleave', function(){
            fx.start({
                'background-color': '#ddd',
                'color': '#fff'
            
            });
        });
        
    });
    
    var list = $$('.icons a');
    
    list.each(function(element){
    
        var fx = new Fx.Styles(element, {
            duration: 1000,
            wait: false
        });
        
        element.addEvent('mouseenter', function(){
            fx.start({
                'color': '#fff'
            
            });
        });
        
        element.addEvent('mouseleave', function(){
            fx.start({
            
                'color': '#000'
            
            });
        });
        
    });
    
    var list = $$('.contents a');
    
    list.each(function(element){
    
        var fx = new Fx.Styles(element, {
            duration: 1000,
            wait: false
        });
        
        element.addEvent('mouseenter', function(){
            fx.start({
                'color': '#555'
            
            });
        });
        
        element.addEvent('mouseleave', function(){
            fx.start({
            
                'color': '#333'
            
            });
        });
        
    });   
    
    
});