Ext.onReady(function(){
    
    var field = Ext.get('emailfield');
    
    field.on('focus', function(){
        field.setStyle({
            "color" : "white"
        });
        
        if (field.getValue() == 'E-Mail Adresse') {
            field.set({
                value: ''
            });
        }
    });
    
    field.on('blur', function(){
        field.setStyle({
            "color" : "#999999"
        });
        
        if (field.getValue() == '') {
            field.set({
                value: 'E-Mail Adresse'
            });
        }
    });
    
    var form = Ext.get('newsletterform');
    
    form.on('submit', function(e) {
        
        var mailReg = /^(\w+)([\-+.][\w]+)*@(\w[\-\w]*\.){1,5}([A-Za-z]){2,6}$/;        
        var email = field.getValue();
        var error = Ext.get('newslettermessage');

        if (mailReg.test(email)) {
            error.update('');
            error.removeClass('error');
        } else {
            e.stopEvent();
            error.addClass('error');
            Ext.get('newslettermessage').update('Adresse ungültig.');
        }
    });
})