var afterLoginMethod;

function openLoginForm(onAfterLogin) {
	afterLoginMethod = onAfterLogin;

	var loginElement = document.getElementById('loginElement');
	var overlayElement = document.getElementById('loginOverlay');

	if(!loginElement) {
		var loginHolder = document.getElementById('loginHolder');

		var overlayElement = document.createElement('div');
		overlayElement.id = 'loginOverlay';

		overlayElement.style.position = 'absolute';
		overlayElement.style.top = '0';
		overlayElement.style.left = '0';

		overlayElement.style.width = '100%';
		overlayElement.style.height = '100%';

		overlayElement.style.zIndex = 10000;
		overlayElement.style.opacity = 0.7;
		overlayElement.style.filter = "alpha(opacity='70')";

		overlayElement.style.background = 'white';
		overlayElement.onclick = function() {closeLoginForm();};

		document.body.appendChild(overlayElement);

		var loginElement = document.createElement('div');
		loginElement.id = 'loginElement';

		loginElement.style.position	= 'absolute';

		loginElement.style.width	= '490px';
		loginElement.style.height	= '200px';
		loginElement.style.padding	= '10px';

		loginElement.className		= 'loginElement';
		loginElement.style.background = 'white';
		loginElement.style.color	= 'black';
		loginElement.style.background = 'white url(../images/loginform_bg.jpg) repeat-x';
		loginElement.style.border = '1px solid black';

		loginElement.style.zIndex = 10001;
		loginElement.innerHTML		= '<h2>Fadderinnlogging</h2><table style="width: 100%;"><tr><td colspan="2">Du må være innlogget fadder for å kunne benytte gavebutikken.<br/><br/></td><tr><td>Faddernummer</td><td><input id="username"></td></tr><tr><td>Passord</td><td><input type="password" id="password"></td></tr><tr><td>&nbsp;</td><td><input type="submit" value="Logg inn" onclick="performLogin();"><input type="submit" value="Avbryt" onclick="closeLoginForm();"></td></tr><tr><td><a href="/?page_id=100">Glemt passord?</a></td></tr></table>';

		loginHolder.appendChild(loginElement);
	}

	overlayElement.style.display = 'block';
	loginElement.style.display = 'block';
}

function closeLoginForm() {
	var overlayElement = document.getElementById('loginOverlay');
	overlayElement.style.display = 'none';

	var loginElement = document.getElementById('loginElement');
	loginElement.style.display = 'none';
}

function performLogin() {
	var username = document.getElementById('username');
	var password = document.getElementById('password');

	var actionURL = '/?page_id=92';
	var postData = [];
	postData.push('username='+username.value);
	postData.push('password='+password.value);

	executeAjax(
		actionURL,
		function(response) {
			if(response.userId > -1) {
				loggedIn = 1;

				var sponsorMenu = document.getElementById('sponsorMenu');
				sponsorMenu.style.display = 'block';

				var sponsorLogin = document.getElementById('sponsorLogin');
				sponsorLogin.style.display = 'none';

				closeLoginForm();

				if(typeof(afterLoginMethod) != 'undefined') {
					afterLoginMethod();
				}
			} else {
				alert('Ikke innlogget... Feil brukernavn eller passord');
			}
		},
		postData.join('&')
	);
}