$(function() {
    $("#loginForm").dialog({
        buttons: {
            "Login": function() {
                $.ajax({
                    type: "POST",
                    url: "api.php",
                    contentType: "application/json",
                    data: JSON.stringify({
                        action:"login",
                        args:{username:$("#username").val(),password:$("#password").val()}
                    }),
                    success: function(data,textStatus,jqXHR) {
                        $("#info").html("Succes: "+data);
                        $("#loginForm").dialog("close");
                    },
                    error: function(jqXHR,textStatus,errorThrown) {
                        $("#info").html("Login Failed: "+errorThrown);
                    }
                });
            },
            "Register": function() {
                $.ajax({
                    type: "POST",
                    url: "api.php",
                    contentType: "application/json",
                    data: JSON.stringify({
                        action:"register",
                        args:{username:$("#username").val(),password:$("#password").val()}
                    }),
                    success: function(data,textStatus,jqXHR) {
                        $("#info").val("Succes: "+data);
                    },
                    error: function(jqXHR,textStatus,errorThrown) {
                        $("#info").html("Register Failed: "+errorThrown);
                    }
                });
            }
        }

    });
});