/**
 * @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'
                });
            });
        });
    }
    
});