function login() {
    var loginForm = document.getElementById('loginForm')
    var request = initXmlHttp()
    request.open('POST', 'interface/login.php', true)
    request.onreadystatechange = function() { loginRegisterCallback(request, 'login', loginForm.name.value) }
    request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')

    request.send('name=' + escape(loginForm.name.value) + '&password=' + escape(loginForm.password.value))
}

function register() {
    var regForm = document.getElementById('registerForm')
    var request = initXmlHttp()
    request.open('POST', 'interface/registration.php', true)
    request.onreadystatechange = function() { loginRegisterCallback(request, 'register', regForm.name.value) }
    request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')

    request.send('name=' + escape(regForm.name.value) + '&password=' + escape(regForm.password.value) + '&email=' + escape(regForm.email.value))
}

function loginRegisterCallback(request, aType, name) {
    if (request.readyState == 4) {
        var stat = document.getElementById(aType + 'Status')
        stat.style.display = 'block'
        if (request.status == 200) {
            stat.className = 'success'
            if ('login' == aType) {
                stat.innerHTML = 'logged in'
                var userIdSessionId = request.responseText.split('\n')
                loggedIn(userIdSessionId[0], userIdSessionId[1], name)
            }
            else {
                stat.innerHTML = 'thank you! please check your e-mail to finish registering';
                setTimeout(function() { blaggartLoadCanvas() }, 5000)
            }
        }
        else {
            stat.innerHTML = request.responseText
            stat.className = 'failure'
        }
    }
}

function loggedIn(id, sessionId, name_) {
    setCookie('id', id)
    setCookie('name', name_)
    name = name_
    // this session is currently the text on the page oh dear!
    setCookie('session', sessionId)
    setTimeout(function() { blaggartLoadCanvas() }, 3000)

}