var afb = new AFB("api", "mysecret");
    var ws;
    var evtidx=0;

    function getParameterByName(name, url) {
        if (!url) {
          url = window.location.href;
        }
        name = name.replace(/[\[\]]/g, "\\$&");
        var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
            results = regex.exec(url);
        if (!results) return null;
        if (!results[2]) return '';
        return decodeURIComponent(results[2].replace(/\+/g, " "));
    }

    // default soundcard is "PCH"
    var devid=getParameterByName("devid");
    if (!devid) devid="hw:0";

    var sndname=getParameterByName("sndname");
    if (!sndname) sndname="PCH";

    var quiet=getParameterByName("quiet");
    if (!quiet) quiet="99";

    function init() {
            ws = new afb.ws(onopen, onabort);
    }

    function onopen() {
            document.getElementById("background").style.background  = "lightgray";
			document.getElementById("main").style.visibility = "visible";
			callbinder("ll-auth", "getuser", "");
            ws.onevent("*", gotevent);
    }

    function onabort() {
            document.getElementById("background").style.background  = "IndianRed";
    }

    function replyok(obj) {
            console.log("replyok:" + JSON.stringify(obj));
            document.getElementById("output").innerHTML = "OK: "+JSON.stringify(obj);

           document.getElementById("usertitle").innerHTML = "A valid user is logged in";
           document.getElementById("userid").innerHTML = obj.response.user;
           document.getElementById("userdevice").innerHTML = obj.response.device;
           document.getElementById("background").style.background  = "lightgreen";
    }

    function replyerr(obj) {
            console.log("replyerr:" + JSON.stringify(obj));
            document.getElementById("output").innerHTML = "ERROR: "+JSON.stringify(obj);
    }

    function gotevent(obj) {
        console.log("gotevent:" + JSON.stringify(obj));
        document.getElementById("outevt").innerHTML = (evtidx++) +": "+JSON.stringify(obj);

        document.getElementById("question").innerHTML = "";
        document.getElementById("output").innerHTML = "";
        document.getElementById("message").innerHTML = "";

        if (obj.event == "ll-auth/login") {
           document.getElementById("usertitle").innerHTML = "A valid user is logged in";
           document.getElementById("userid").innerHTML = obj.data.user;
           document.getElementById("userdevice").innerHTML = obj.data.device;
           document.getElementById("background").style.background  = "lightgreen";
        }

        if (obj.event == "ll-auth/logout") {
           document.getElementById("usertitle").innerHTML = "No user";
           document.getElementById("userid").innerHTML = "";
           document.getElementById("userdevice").innerHTML = "";
           document.getElementById("background").style.background  = "lightgray";
        }

        if (obj.event == "ll-auth/failed") {
           document.getElementById("message").innerHTML = obj.data.message;
        }
    }

    function send(message) {
            var api = document.getElementById("api").value;
            var verb = document.getElementById("verb").value;
            document.getElementById("question").innerHTML = "subscribe: "+api+"/"+verb + " (" + JSON.stringify(message) +")";
            ws.call(api+"/"+verb, {data:message}).then(replyok, replyerr);
    }


    function callbinder(api, verb, query) {
            console.log ("subscribe api="+api+" verb="+verb+" query=" +query);
            document.getElementById("question").innerHTML = "apicall: " + api+"/"+verb +" ("+ JSON.stringify(query)+")";
            ws.call(api+"/"+verb, query).then(replyok, replyerr);
    }