document.onload = (function() {

    var token="pYj47MzFwUjirmkPqCpGf6Nhxhm5n7Y9";

    //var url = 'http://localhost/';
    var url = 'https://keepmeright.com/';
    var logo = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAACElJREFUaIHtmntwVNUdxz9n791Hks1unkLIO0KSCQ8DYnhYSUkZKcLQae0UodWB6pQBqqU6fVhb1A6dIDgdZ2ztYKuitg4drXS0LT5Q+IO+LIlRaIIDNQRIggkkBQLZ3ezeX//Y7HY3e+/uJsD0j/qd2ck95/x+53y/957H75wT+BT/W6hrUamIuIEawDv6OwmcUUp1X+22rliAiGjA54Gm0b91KVy6gYPA28AepdTAlXKYEETEKyLNItInE4dfRHaLSCrRV5W4Q0TuF5FzV0DcDL8SkbJrTb5RRLquMvFYXBaRh64V+Q0S/uQp0XupR3YefkpWvLZU1r9ztxw4/a6EjNB4hLwsIhnp8Eo5iCU8SJ8AvpnK9uhgB2+dfJO3uvYy6B+MK5tVUM/yihU0Fi8m25GdDrc24AtKqZPJjJIKGCW/G/iylU3/cD8tff/gja69fHi2DX/In5TVlKxiFhU38rnSJUzLqcFusycz7wbmJZt+Uwl4kjFvfsA3QN/wJ3xwto22/laODnTQN9yX4GuIgSEGADZlw6ZsCTY1ubXUF85hweSFlGeXk+vKMxPUDixUSp0flwARWQXsbu1rofPCx3RdPEHPpR46z3/Mmcu9lqJDYuAP+cjSnLgdXhCDC4ELDBsBMvQMlEWTXmcOZe4yyrLLKXaXUOWtYqq3mqKsIgivF19KW4CIFAP/BLxLf9/E0MiQJeFYjBhBMjSd20qXsaj4Fqq8NRgS5NjgUd4+tY99PfsRFJrS0qpvUXEjzQt3RJLrlVJPj7XRLXy3Ew4Bot0gNfkR8uxuHml4lPklTXFlRZ5KFpUvY/6/fkdz6zaCEkpLRJbdHZtsFpFXxq7cCQJEZAGwJpI267tjYSDYgO/N/UGU/PGBdv7aexCH5uCW4s8yJbuC5dffji/ko7n1MWyazbI7RQXoWbHJPGALsDk204zduBeSQMjPzZMaWFy2DIB3T7zON95Zx2NtP2Vryzbu2XcXrb0HAbh92mqm59QSCAVS1qtUgsC7RaTQUoCIVALLxysgaARpKl0KQP+lHh5//3HOh3x4HR48Dg+9vgGaWx9jKHARlI3GopsJSihlvfmu/LFZbmCtpQDgzvGSD0PIzZoMwJH+Fs75/41Tc0RLXZqL3stn6Bo8CkChuwTSGFu6+RqxNjYxVkDCgpXrzE3ZEICMEvIHhxEkodyGYsQIxNmmrjOxHqBORGZGEnqMcR4wc6y1U3dZNhBedQVfcDg6WxkIgaCfEBIdpIYYGMoWJRSSEL6gD92moykd3WY+GZp0oQgagcNxAoAGM8s8Z15CniDYlc7GGRvJtmfhD/mZ5qkCYEbBbLbc+GDc7CWAQlHqDdvUF8xm69yHcOkZvHfmb7zZe9BUhMv65dVHHmK9pppZ5ph0IRHBpml8sfZOMvXMuLKynGrKcqqtGgagMreGytwaIPx19vYcQNDjJlVNaaZtjyK6AYodA5VmloUZhWbZAPiCw0mJpoMRY8Q036W7ko2/6MYnVoDbxJASd6ll4267qcu44NScYDLoM/RMJmVOtmw68qCbZcaiKKsIhYqbWRSKkIR4vuM5MuyZZm7pQeBI/yE0lThdFmcVj4ozhTfyECvANGKr9FThdri5GLgYzVNKYRgGB07tw27TTafNdKApjXO+c9iULSGomJp8HEW5phRQkFFIibuUjoH2aJ4hBi7dxc8X7yTHlY9ZF0gPilc7nqX5gyewa644EbW5tckco3uD2DHQaWU99zrTGRaiU6Wa4G8shTAy9Ezq8qYnExDdZsZ6H7eyvmlSg2lUmk6kmgrKpI6y7PDGJgk+ijzEdqH3rKzr8uoodZfRdfFENE9EODN0moDzMgbphQZjoSud8/6BhLC6sXhxqpfTEnmI8xSRDzEJJwCePvILnu94Li4vU3ONvsGJjQGFjYDhJ2CMRKk4NSfPLnmRCk9FMtdZSqmEUALgFSsBy8qX89tju6Nxj1NzsnXhdrxOr5l5WhBgf+fr7Dr2ErrNgQIaJs1PRb49Qt5MwIvAo2ZepdllLC5pYu+JPwLhqXRG/kyy7Flm5mnjWN+haHSqUKyqXp3KZVdsIq6jKaU6gT1Wnqurv4ojJs6PhMdXgtiNzbzJC7ihoD6JNeeBZ2IzzEbKdwHT7dL13qncVr7iv42H/BjGyBX9QkYQCC9qX6+7J9Xg3TZ2U291rPIUsMGs7OxwP+v23cWgf4DpnirsSpvwMmZTik985zh1uY9V1avZXP9AMvNuoFYpFbfgJjsXOopFfPSHztdoPrQVfygw4TAiAt2mU+WpYmfTM3gcnmSm65RSuxL8zSyVUt0ish74jVn5isqVvN/fyhtdf5oI53gCNp3vzPl+KvJ7zMiD+RgAQCn1EvAzq/Jvz36AmuTxSlrYNOs+5lx3YzKTdmCdVWGqWGAz4bUhAW57Nlsafky+qyAlSSusql7DV6bdkcykG7jV6mAXUghQSoWAO7D4EhWeCpoXbk+2+bbEktJb2Tgz6ZXDYcKn0klvNlNGY0qpkFLqXuBeTKbX6fkz2LpgW7L9awJWVK7kwZt+aHkaQfirz0t1uQHjvGYVkUbgBWL2pBF0DLTzyN9/xOmhU0nrWFPzNTbNus+qeBjYoZR6OF1O474nHr272kD4oDUuEOob7mNHSzN/6f1zgl+2I5tv3XA/yyosTy53AQ+n89ZjMeGLbhHxEj4IXgtEjy5GjBFePf4yv/7oBQZ84UXzM1MWsWHmJio8CQcfIcKhy0+UUm0T5XJFEBFNRFaKyJMicixyzdgz1C2/PLJTDpzeP/YGsm/0FjLhpHkiuFb/K+ElfFAW+78S/ePtHv8X+A9WMU8Gal+wrAAAAABJRU5ErkJggg==';

    //Add our CSS
    var cssId = 'myCss';
    if (!document.getElementById(cssId)) {
        var head  = document.getElementsByTagName('head')[0];
        var link  = document.createElement('link');
        link.id   = cssId;
        link.rel  = 'stylesheet';
        link.type = 'text/css';
        link.href = url + '/widget-css';
        link.media = 'all';
        head.appendChild(link);
    }

    var styleCustom = 'left: 20px; bottom: 20px;';

    function hasClass(ele,cls) {
        return !!ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
    }

    function addClass(ele,cls) {
        if (!hasClass(ele,cls)) ele.className += " "+cls;
    }

    function removeClass(ele,cls) {
        if (hasClass(ele,cls)) {
            var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
            ele.className=ele.className.replace(reg,' ');
        }
    }

    hideWidget();

    function addListeners() {
        var closer = document.getElementById("enigma-widget-closer");
        if (closer != null && closer.value != '') {
            closer.addEventListener("click", function () {
                hideWidget();
            });
        }

        var closer = document.getElementById("enigma-widget-menu");
        if (closer != null && closer.value != '') {
            closer.addEventListener("click", function () {
                loadDoc(1);
            });
        }


        //var element = document.getElementById("KeepMeRightWidget");
        var xform = document.getElementById("widget-form-submit");
        if (xform != null && xform.value != '') {

            xform.addEventListener("click", function () {
                //element.innerHTML = ajaxPost("widget-form");
                ajaxPost("widget-form");
            });
        }

        var widgetDate = document.getElementById("widget-date");
        if (widgetDate != null) {
            widgetDate.addEventListener("focus", function () {
                widgetDate.setAttribute('type', 'date');
            });
            widgetDate.addEventListener("focusout", function () {
                if (widgetDate.value=='') {
                    widgetDate.setAttribute('type', 'text');
                } //if
            });
        }

        var classname = document.getElementsByClassName("keepmerightbutton");

        var myFunction = function() {
            var attribute = this.getAttribute("data-request");
            loadDoc(attribute);
        };

        for (var i = 0; i < classname.length; i++) {
            classname[i].addEventListener('click', myFunction, false);
        }
    }


    function loadDoc(request) {
        var xhttp = new XMLHttpRequest();

         xhttp.onreadystatechange = function() {
             if (this.readyState == 4 && this.status == 200) {

                 var element = document.getElementById("KeepMeRightWidget");
                 element.innerHTML = xhttp.responseText;

                 addListeners();

             }
         };

        xhttp.open("GET", url + "widget-request/"+request+"/"+token, true);
        xhttp.send();
    }

    function showWidget() {
        var element = document.getElementById("KeepMeRightWidget");

        element.innerHTML = '<span id="popWidget"><img src="' + logo + '" /></span>';

        element.innerHTML = 'Loading...';

        //element.setAttribute('style', styleOpen);
        addClass(element, 'widget-open');
        removeClass(element, 'widget-closed');


    }

    function hideWidget() {
        var element = document.getElementById("KeepMeRightWidget");
        element.setAttribute('style', styleCustom);
        element.innerHTML = '<span id="popWidget"><img src="' + logo + '" /></span>';

        removeClass(element, 'widget-open');
        addClass(element, 'widget-closed');

        var popper = document.getElementById("popWidget");
        popper.addEventListener("click", function(){
            showWidget();
            loadDoc(1);
        });
    }

    function ajaxPost(formid) {
        var myself = document.getElementById(formid);
        var elem   = myself.elements;
        var url    = myself.action;
        var params = "";
        var value;

        for (var i = 0; i < elem.length; i++) {
            if (elem[i].tagName == "SELECT") {
                value = elem[i].options[elem[i].selectedIndex].value;
            } else {
                value = elem[i].value;
            }
            params += elem[i].name + "=" + encodeURIComponent(value) + "&";
        }

        if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp=new XMLHttpRequest();
        } else {
            // code for IE6, IE5
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }

        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {

                var element = document.getElementById("KeepMeRightWidget");
                element.innerHTML = xmlhttp.responseText;
                addListeners();

            }
        };

        xmlhttp.open("POST",url,true);
        xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        xmlhttp.send(params);

        return xmlhttp.responseText;
    }


})();