function getCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i = 0; i <ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') {
            c = c.substring(1);
        }
        if (c.indexOf(name) == 0) {
            return c.substring(name.length,c.length);
        }
    }
    return "";
}


var displayname=getCookie("displayname");
var username=getCookie("username");
var remember=getCookie("remember");

function ConnectBox(bChangeUser)
{
    var div = document.getElementById("connect-box");
    if( !bChangeUser )
    {
        if( remember == 1 )
        {
            div.innerHTML = "\
                <form action=\"../enzoapp/security/user_validation.php?lang=eng\" method=\"post\"><p><span style=\"color: white;\">Welcome " + displayname + "</span></p>	\
                    <p><a href=\"javascript:ConnectBox(true)\">Connect with another account</a></p>																	\
                    <input type=\"hidden\" id=\"usecookie\" name=\"usecookie\" value=\"1\"/>																				\
                    <input type=\"submit\" value=\"\" onclick=\"javascript:form.submit();\"/>																				\
                </form>";
        }
        else
        {
            div.innerHTML = "\
                <form action=\"../enzoapp/security/user_validation.php?lang=eng\" method=\"post\">\
                    <p><input type=\"text\" id=\"username\" name=\"username\" onfocus=\"if (this.value == 'Enter username') { this.value = '' };\" onblur=\"if (this.value == '') { this.value = 'Enter username'; }\" value=\"Enter username\" /> <input type=\"password\" id=\"password\" name=\"password\" value=\"Mot de passe\" onfocus=\"if (this.value == 'Mot de passe') { this.value = '' };\" onblur=\"if (this.value == '') { this.value = 'Mot de passe'; }\" /></p>\
                    <p><input type=\"checkbox\" id=\"remember\" name=\"remember\" value=\"1\"/><span>Remember me</span><a href=\"forgottenpassword.html\">Lost password?</a></p>\
                    <input type=\"submit\" value=\"\" onclick=\"javascript:form.submit();\"/>\
                </form>";
        }
    }
    else
    {
            div.innerHTML = "\
                <form action=\"../enzoapp/security/user_validation.php?lang=eng\" method=\"post\">\
                    <p><input type=\"text\" id=\"username\" name=\"username\" value=\"" + username + "\" onfocus=\"if (this.value == 'Enter username') { this.value = '' };\" onblur=\"if (this.value == '') { this.value = 'Enter username'; }\" value=\"Enter username\" /> <input type=\"password\" id=\"password\" name=\"password\" value=\"Mot de passe\" onfocus=\"if (this.value == 'Mot de passe') { this.value = '' };\" onblur=\"if (this.value == '') { this.value = 'Mot de passe'; }\" /></p>\
                    <p><input type=\"checkbox\" id=\"remember\" name=\"remember\" value=\"1\" checked/><span>Remember me</span><a href=\"forgottenpassword.html\">Lost password?</a></p>\
                    <input type=\"submit\" value=\"\" onclick=\"javascript:form.submit();\"/>\
                </form>";
    }
}

ConnectBox(false);