$(document).ready(function() {
    jQuery.prompt.setDefaults({
        prefix: 'login',
        show: 'slideDown'
    });

    var txt = '<table border="0" id="logme"><tr><td colspan="2" style="color:yellow;">and you are...</td></tr><tr><td width="80px"></td><td><input type="text" id="txtUserName" name="txtUserName" value="" /></td></tr><tr><td></td><td><input type="password" id="txtPassword" name="txtPassword" value="" /></td></tr></table>';
    function gotoLogin() {
        window.location = document.URL;
    }
    function gotoHome() {
        window.location = '/index.php';
    }
    function mysubmitfunc(v, m, f) {
        var un = m.children('#txtUserName');
        var pw = m.children('#txtPassword');
        if (v == 'home') {
            document.location = '/index.php';
            return false;
        }
        if (v == 'reload') {
            document.location = '/login.php';
            return false;
        }
        if (v == true) {
            if (f.txtUserName == "") {
                //un.css("border", "solid 1px #ff0000");
                return false;
            }
            if (f.txtPassword == "") {
                //pw.css("border", "solid 1px #ff0000");
                return false;
            }
            if ((f.txtUserName != "") && (f.txtPassword != "")) {
                $.post("/login-process.php",{ user: f.txtUserName, pswd: f.txtPassword, m: 'login' },function(theResponse) {
                    if (theResponse == "accepted") {
                        gotoHome();
                        //$.prompt('<p>&nbsp;</p><p>&nbsp;</p><p>Hi Phil,</p><p>You are now logged in!</p>', { callback: gotoHome, buttons: { 'ok': true} });
                        return true;
                    } else {
                        $.prompt('<table border="0" id="logme"><tr><td colspan="2" style="color:red;">Sorry, incorrect!</td></tr><tr><td width="80px"></td><td><input type="text" id="txtUserName" name="txtUserName" value="" /></td></tr><tr><td></td><td><input type="password" id="txtPassword" name="txtPassword" value="" /></td></tr></table>', { submit: mysubmitfunc, buttons: { 'Login': true} });
                        return false;
                    }
                });
            }
        } else {
            //return false;
            document.location = '/index.php';
        }
    }
    $('.logmein').click(function() {
        $.prompt(txt, {
            submit: mysubmitfunc,
            buttons: { 'Login': true }
        });
    });
    $('.logmeout').click(function() {
        $.ajax({
            type: "POST",
            url: "/login-process.php",
            data: {m: 'logout'},
            success: function(theResponse) {
                if (theResponse == "accepted") {
                    //$.prompt('<p>&nbsp;</p><p>&nbsp;</p><p>Bye Phil,</p><p>You are now logged out!</p>', { callback: gotoHome, buttons: { 'ok': true}});
                    gotoHome();
                    //return true;
                }
            }
        });
    });
});