jQuery(document).ready(function(){
    $("#select-unsubscribe").bind("click", function(e){
        $("#subscribe-error").empty().hide();
        $("#subscribe-confirm").empty().hide();
        $("#subscribe").hide();
        $("#unsubscribe").show();
        $("#unsubscribe-form").show();
        return false;
    });

    $("#select-subscribe").bind("click", function(e){
        $("#unsubscribe-error").empty().hide();
        $("#unsubscribe-confirm").empty().hide();
        $("#unsubscribe").hide();
        $("#subscribe").show();
        $("#subscribe-form").show();
        return false;
    });

    $("#subscribe-form").bind("submit", function(e){
        $.post("/subscription/", { action: "subscribe", 
            'subscribe-name': $("#name").val(),
            'subscribe-email': $("#subscribe-email").val()},
            function(html){
                var error = $(html).find('#error').text();
                var confirm = $(html).find('#confirm').text();

                if (error) {
                    $("#subscribe-confirm").empty().hide();
                    $("#subscribe-error").html(error).show();
                } else if (confirm) {
                    $("#subscribe-error").empty().hide();
                    $("#subscribe-form").hide();
                    $("#subscribe-confirm").html(confirm).show();
                }
        }, 'html');
        return false;
    });

    $("#unsubscribe-form").bind("submit", function(e){
        $.post("/subscription/", { action: "unsubscribe", 
            'unsubscribe-email': $("#unsubscribe-email").val()},
            function(html){
                var error = $(html).find('#error').text();
                var confirm = $(html).find('#confirm').text();

                if (error) {
                    $("#unsubscribe-confirm").empty().hide();
                    $("#unsubscribe-error").html(error).show();
                } else if (confirm) {
                    $("#unsubscribe-error").empty().hide();
                    $("#unsubscribe-form").hide();
                    $("#unsubscribe-confirm").html(confirm).show();
                }
        }, 'html');
        return false;
    });
});