$(function () 
{
    $('#belMeTerug').live('click', function()
    {
        $('body').prepend($("<div id='popUp'><div id='close'></div></div>"));
        
        $('#popUp').css({top:'30%', left:'30%'});
        
        $.getJSON('http://www.erkende-taxateurs.nl/popUp/proxy.php?callback=?', function(data) 
        {
            $('#popUp').append(data.form);
            
        },'json');
    });
    
    $('#submit').live('click', function()
    {
        $.post('http://www.erkende-taxateurs.nl/popUp/proxy.php?site='+window.location+'&type=post&callback=?', {post: $('#form').serializeArray()}, function(data)
        {
            if(data.valid == 1)
            {
                $('#popUp').animate({width: '300px', height: '100px'});
                    $('#form').remove();     
                $('#message').html(data.content);
            }
            else if(data.valid == 0)
            {
                $('#message').html(data.error);
            }
        },'json');
    });
    
    $('#close').live('click', function()
    {
        $('#popUp').remove();
    });

});