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

    var list = $$('#listnavsub .first');
    
    list.each(function(element){
    
        var fx = new Fx.Styles(element, {
            duration: 300,
            wait: false
        });
        
        element.addEvent('mouseenter', function(){
            fx.start({
                'background-color': '#C6CFA8',
                'color': '#000'
            
            });
        });
        
        element.addEvent('mouseleave', function(){
            fx.start({
                'background-color': '#E8EED2',
                'color': '#111'
            
            });
        });
        
    });
    
    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': '#C6CFA8',
                'color': '#000'
            
            });
        });
        
        element.addEvent('mouseleave', function(){
            fx.start({
                'background-color': '#D9DFC5',
                'color': '#222'
            
            });
        });
        
    });
    
    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': '#C6CFA8',
                'color': '#000'
            
            });
        });
        
        element.addEvent('mouseleave', function(){
            fx.start({
                'background-color': '#C9CFB5',
                'color': '#222'
            
            });
        });
        
    });
    
    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': '#000',
                'font-weight': 'bold'
            
            });
        });
        
        element.addEvent('mouseleave', function(){
            fx.start({
            
                'color': '#777',
                'font-weight': 'nrmal'
            
            });
        });
        
    });
    
    
    
    
});

/**
 * @author joerg
 */
var makenewgrowl = function(element){

    var div2 = '<div id="wait_content"><img src= "/_lib/images/standard-pics/loading_black.gif"></div>';
    
    var top = window.getScrollTop() + (window.getHeight() / 2) - 50, left = window.getScrollLeft() + (window.getWidth() / 2) - 50;
    
    new Element('div', {
        'id': 'wait'
    }).injectInside(document.body).setStyles({
        'top': top + 'px',
        'left': left + 'px',
        'display': 'block',
        'opacity': 0
    }).setHTML(div2);
}

window.addEvent('domready', function(){

    makenewgrowl();
    
    if ($('contact')) {
        $('contact').addEvent('submit', function(e){
            e = new Event(e);
            var list = $$('#wait');
            
            list.each(function(element){
            
                var fx = new Fx.Styles(element, {
                    duration: 200,
                    wait: false
                });
                fx.start({
                    'opacity': '0.7'
                });
            });
        });
    }
    
});