/*
* globals
*/

var action

setAction = function(sentAction) {
    action = sentAction
}

/* 
* handlers
*/

handleUserErrorPreview = function() {

    var container = $("#overlay-login")

    // first, clean out the mess..
    container.empty()

    var message = $("<h1/>").html("Er is een communicatiefout opgetreden.")
    container.append(message)
}

handleRegisterError = function() {
    var container = $("#overlay-register")

    // first, clean out the mess..
    container.empty()

    var message = $("<h1/>").html("Er is een communicatiefout opgetreden.")
    container.append(message)
}


/*
* renderfunctions
*/

renderFormErrorPreview = function() {
    var container = $("#overlay-login")

    // add class
    container.addClass("error")
    container.find("h1").html("E-mail of paswoord is incorrect!")
}

renderRegisterError = function() {
    var container = $("#overlay-register")

    // add class
    container.addClass("error")
    container.find("h2").html("Het e-mailadres is niet valide!")
}

renderLoginFormPreview = function() {

    var container = $("#overlay-login")

    // first, clean out the mess..
    container.empty()
    container.removeClass("error")

    container.append($("<h1/>").html("Log in en lees het volledige artikel!"))

    // add hidden field
    var articleID
    if ($.url.param('id') != undefined) {
        articleID = $.url.param('id')
    } else {
        articleID = $.url.param('articleID')
    }

    var form = $("<form/>")
    var inputField = $("<input>")

    inputField.attr("type", "hidden").attr("id", "articleID").attr("name", "articleID").attr("value", articleID)
    form.append(inputField)

    var inputField = $("<input>")
    var label = $("<label/>")
    var div = $("<div/>")

    // add first field
    inputField.attr("type", "text").attr("id", "mail").attr("name", "un").attr("value", "")
    label.attr("for", "un").html("e-mail:")

    div.append(inputField).append(label)
    form.append(div)

    // add second field
    var inputField = $("<input>")
    var label = $("<label/>")
    var div = $("<div/>")

    inputField.attr("type", "password").attr("id", "pass").attr("name", "pw").attr("value", "")
    label.attr("for", "pw").html("paswoord:")

    div.append(inputField).append(label)
    form.append(div)

    // add button
    var button = $("<a/>")
    button.addClass("small").html("LOGIN")
    var div = $("<div/>")
    div.addClass("clear")

    form.append(button).append(div)
    container.append(form)

    // add handlers
    $("#overlay-login a").mouseup(function(evt) {
        getUserCredentials()
    })

    addFormHandlerPreview()
}


renderRegister = function() {

    var container = $("#overlay-register")

    // first, clean out the mess..
    container.empty()
    container.removeClass("error")

    container.append($("<h2/>").html("Schrijf je in op <a href='http://www.plantyn.com/wps/portal/!ut/p/c1/04_SB8K8xLLM9MSSzPy8xBz9CP0os3h_U6NQRydDRwN_Cw9XAyNLT1MvN2cjYwtzI_2CbEdFAHEQNgU!/'>onze nieuwsbrief</a> en blijf op de hoogte van de nieuwe artikels van Leerrijk"))

    // add hidden field
    var articleID
    if ($.url.param('id') != undefined) {
        articleID = $.url.param('id')
    } else {
        articleID = $.url.param('articleID')
    }

    
}



/* 
* form handlers
*/

// formhandler for enter key
addFormHandler = function() {

    $("#abonnee input").keypress(function(e) {
        if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) {
            getUserStatus("login");
            return false;
        } else {
            return true;
        }
    })

}

// formhandler for enter key preview
addFormHandlerPreview = function() {

    $("#overlay-login input").keypress(function(e) {
        if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) {
            getUserCredentials();
            return false;
        } else {
            return true;
        }
    })

}

//formhandler for enter key preview
addFormHandlerRegister = function() {

    $("#overlay-register input").keypress(function(e) {
        if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) {
            registerProspect();
            return false;
        } else {
            return true;
        }
    })

}