var delay = null;

function signup(id, source)
{   
    $clear(delay);
    show();
    
    new Request.JSON({
        url: "/eclub.aspx",
        onComplete: function(response)
        {
            
            $('output').set('text', response.msg);
            delay = hide.delay(3000);
        }
    }).post({"action": "true", "email": $(id).value, "source": source});
}

function hide()
{
    myFx.start({
        top: -45,
        opacity: 0
    });
}

function show()
{
    myFx.start({
        top: -65,
        opacity: .9
    });
}


window.addEvent('domready', function(){
    
    $('email').addEvents({
        focus: function(e)
        {
            $clear(delay);
            $('output').set('text', 'Please enter your email');
            show();
        },
        blur: function()
        {
            delay = hide.delay(1000);
        }
    });
    
    
    $('submitBtn').setStyle('cursor', 'pointer');
    
    $('outputContainer').setStyles({
        position: 'absolute',
        zIndex: 3,
        backgroundColor: '#fff',
        width: $('email').getWidth(),
        height: 60,
        left: 0,
        top: -45,
        opacity: 0
        
    });
    
    
    
    myFx = new Fx.Morph('outputContainer', {});
});