/*
 * globals
 */

var action

setAction = function (sentAction) {
	action = sentAction
}

/* 
 * handlers
 */

handleUserStatus = function(data) {
	renderForm(data)
}

handleUserError = function() {

	var container = $("#abonnee")

	// first, clean out the mess..
	container.empty()
	
	var message = $("<h2/>").html("Er is een communicatiefout opgetreden.")
	container.append(message)
}

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)
}

handleUserStatusPreview = function(data) {
	
	if (data.Status == 0) {
		// credentails are wrong
		renderFormErrorPreview()
	} else {
		// set loggedIn status
		loggedIn = true
		// log in succesful, get lastarticle again
		retrieveArticle(lastArticleId)
	}	
}

handleRegisterStatus = function(data) {
	
	if (data.Status == 0) {
		// credentails are wrong
		renderRegisterError()
	} else {
		// register succesful, get lastarticle again
		registered = true
		retrieveArticle(lastArticleId)
	}
	
}

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
 */

renderForm = function(data) {
	
	if (action=="login") {
		if (data.Status == 1) {
			// user is logged on
			// set loggedIn status
			loggedIn = true
			renderUserLoggedIn()
		} else { 
			// credential error
			renderFormError()
		}
	} else {
		if (data.Status == 1) {
			
			if (action == "logout") {
				// user is succesfully logged out
				// set loggedIn status
				loggedIn = false
				renderLoginForm()
			} else {
				// user is logged on
				// set loggedIn status
				loggedIn = true
				renderUserLoggedIn()
			}	
		} else { 
			// user has no session
			renderLoginForm()
		}
	}	
}

renderFormError = function() {
	
	var container = $("#abonnee")
	
	// add class
	container.addClass("error")
	container.find("h2").html("E-mail of paswoord is incorrect!")
}

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!")
}


renderUserLoggedIn = function() {
	
	var container = $("#abonnee")
	
	// first, clean out the mess..
	container.empty()
	
	container.append($("<a/>").addClass("small").html("UITLOGGEN"))
	container.append($("<h1/>").html("U bent nu ingelogd."));
	
	// add handlers
	$("#abonnee a").mouseup(function (evt) {
		getUserStatus("logout")
	})

}

renderLoginForm = function() {
	
	var container = $("#abonnee")
	
	// first, clean out the mess..
	container.empty()
	container.removeClass("error")
	
	container.append($("<h1/>").html("Ik ben reeds abonnee."))
	container.append($("<h2/>").html("Ik meld me hier aan."))
	
	var inputField = $("<input>")
	var label = $("<label/>")
	var div = $("<div/>")
	var form = $("<form/>")
	
	// 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
	$("#abonnee a").mouseup(function (evt) {
		getUserStatus("login")
	})
	
	addFormHandler()
}


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!"))
	
	var inputField = $("<input>")
	var label = $("<label/>")
	var div = $("<div/>")
	var form = $("<form/>")
	
	// 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("Vul je naam en e-mailadres in en lees het volledige artikel!"))
	
	var inputField = $("<input>")
	var label = $("<label/>")
	var div = $("<div/>")
	var form = $("<form/>")
	
	// add first field
	inputField.attr("type","text").attr("id","name").attr("name","name").attr("value","")
	label.attr("for","name").html("naam:")
		
	div.append(inputField).append(label)
	form.append(div)
	
	// add second field
	var inputField = $("<input>")
	var label = $("<label/>")
	var div = $("<div/>")
	
	inputField.attr("type","text").attr("id","email").attr("name","email").attr("value","")
	label.attr("for","email").html("e-mail:")
		
	div.append(inputField).append(label)
	form.append(div)
	
	// add button
	var button = $("<a/>")
	button.addClass("small").html("VERSTUUR")
	var div = $("<div/>")
	div.addClass("clear")
	
	form.append(button).append(div)
	container.append(form)
	
	// add handlers
	$("#overlay-register a").mouseup(function (evt) {
		registerProspect()
	})
	
	addFormHandlerRegister()
}



/* 
 * 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;  
		}
	})
	
}





$(document).ready(function(){
	

		
})