var timer = 10;
        
//Creates a new AJAX object
function getHTTPObject() {
    
    //Internet Explorer
    if (window.ActiveXObject) {
        return new ActiveXObject("Microsoft.XMLHTTP");
    
    //Other browser
    } else if (window.XMLHttpRequest) {
        return new XMLHttpRequest();
    
    //Not working at all
    } else {
        alert("Din browser understøtter ikke AJAX!");
        
    	return null;
    }
}

function createPostString(form, doEscape) {
    
    var element = form.elements;
    var postString = "";
    var length = element.length;
    
    for(i = 0; i < length; i++) {
        
        if(element[i].type == "text") {
            if(doEscape) {
                postString += element[i].name + "=" + escape(element[i].value) + "&";
            } else {
                postString += element[i].name + "=" + element[i].value + "&";
            }
        
        } else if(element[i].type == "password") {
            postString += element[i].name + "=" + element[i].value + "&";
        
        } else if(element[i].type == "hidden") {
            postString += element[i].name + "=" + element[i].value + "&";
            
        } else if(element[i].type == "select-one") {
            postString += element[i].name + "=" + element[i].value + "&";
        
        } else if(element[i].type == "textarea") {
            postString += element[i].name + "=" + element[i].value.replace(/\n/g, '<br />') + "&";
        
        } else if(element[i].type != undefined) {
            alert("Tilføj denne type: " + element[i].type);
        } 
        
    }

    return postString;
    
}

//Creates our popup
function initPopup(width, height, title) {
	
	var scrWidth = document.body.offsetWidth; //Gets inner width of browser window
    var shadowDiv = document.getElementById('popupDivShadow');
    var popupDiv = document.getElementById('popupDiv');
    
    //Lets make sure we clear everything, before we make a new window.
    if(shadowDiv.style.display == "block" && popupDiv.style.display == "block") {
        shadowDiv.style.display = "none";
		popupDiv.style.display = "none";
		document.getElementById('popupContent').innerHTML = "";
    }
    
    //Lets show and position the popup
    shadowDiv.style.display = "block";
	popupDiv.style.display = "block";
	
	shadowDiv.style.top = 260 + "px";
	popupDiv.style.top = 250 + "px";
	
	shadowDiv.style.width = width + "px";
	popupDiv.style.width = width + "px";
	
	shadowDiv.style.height = height + "px";
	popupDiv.style.height = height + "px";
	
	shadowDiv.style.left = (scrWidth / 2) - (shadowDiv.offsetWidth / 2) + 10 + "px";
	popupDiv.style.left = (scrWidth / 2) - (shadowDiv.offsetWidth / 2) + "px";
	
	shadowDiv.style.opacity = 0.5;
	shadowDiv.style.filter = "alpha(opacity=50)";
	
	document.getElementById('popupTitle').innerHTML = "<span class='white11bold'>" + title + "</span>";
}

//Checks form
function checkForm() {
	
	//Lets check if the user has filled out the form correctly
	
	if(document.getElementById('username').value == "") {
		alert("Du har ikke indtastet et brugernavn!");
		document.getElementById('username').focus();
		return false;
	}
	
	if(document.getElementById('password').value == "") {
		alert("Du har ikke indtastet en adgangskode!");
		document.getElementById('password').focus();
		return false;
	}

    if(document.getElementById('password_repeat')) {
	     if(document.getElementById('password_repeat').value != document.getElementById('password').value) {
	         alert("Adgangskoderne er ikke ens!");
	         document.getElementById('password_repeat').focus();
			 return false;     
	     }
	}

	return true;
	    		
}

//Creates a popup, when the user has been created
function newUserCreated() {

   initPopup(300, 130, "Brugeroprettelse");
   
   var element = document.getElementById('popupContent');
	
	element.innerHTML = "<span class='darkgrey11'>" +
						"Din bruger er nu oprettet, og du kan logge ind med valgte brugernavn og adgangskode.<br /><br />" +
						"<a class='blue11link' href='#' onclick='javascript: initLoginUser();'>Log ind</a>" +
						"</span>";

}

//Creates a popup, when the user has been logged in
function userLoggedIn() {

   initPopup(300, 170, "Brugerlogin");
   
   var element = document.getElementById('popupContent');
	
	element.innerHTML = "<span class='darkgrey11'>" +
						"Du er nu logged ind, og kan fortsætte til beskyttet indhold.<br /><br />" +
						"Du vil automatisk bliver vidrestillet om <span id='countSpan'>" + timer + "</span> sekunder.<br /><br />" +
						"<a class='blue11link' href='#' onclick='location.href = \"?\"'>Direkte link</a>" +
						"</span>";
						
    countDown();

}

//Our ajax-call to create a new user
function createNewUser() {
	
	httpObject = getHTTPObject();

	if (httpObject != null) {
		
		httpObject.onreadystatechange = function() {
			
			if(httpObject.readyState == 4) {
				
				if(httpObject.responseText != "false") {
					
					if(httpObject.responseText == "username_error") {
		                
		                alert("Brugernavnet er optaget!");
		                document.getElementById("username").focus();
		                
					} else if(httpObject.responseText == "success") {
		                
		                newUserCreated();
		                
					}

				} else {
				
					alert("Der skete en fejl, prøv venligst igen.");

				}
			}

		}

		httpObject.open("POST", "includes/newUser.php?username=" + document.getElementById('username').value + "&password=" + document.getElementById('password').value, true);
		httpObject.send(null);
	}

}

function countDown() {
    
    timer--;
    
    document.getElementById('countSpan').innerHTML = timer;
    
    if(timer <= 0) {
        location.href = '?';
    } else {
        countTimer = setTimeout(countDown, 1000);
    }

}

//Our ajax-call to create a new user
function loginUser() {
	
	httpObject = getHTTPObject();

	if (httpObject != null) {
		
		httpObject.onreadystatechange = function() {
			
			if(httpObject.readyState == 4) {
				
				if(httpObject.responseText != "false") {
					
					if(httpObject.responseText == "validation_error") {
		                
		                alert("Brugernavn og/eller adgangskode er forkert!");
		                document.getElementById("username").focus();
		                
					} else if(httpObject.responseText == "success") {
		                
		                userLoggedIn();
		                
					}

				} else {
				
					alert("Der skete en fejl, prøv venligst igen.");

				}
			}

		}

		httpObject.open("POST", "http://wts.dk/includes/loginUser.php?username=" + document.getElementById('username').value + "&password=" + document.getElementById('password').value, true);
		httpObject.send(null);
	}

}

function checkPassword(value) {
    
    if(value != document.getElementById('password').value) {
        document.getElementById('passwordCheck').innerHTML = "Fejl";
    } else {
        document.getElementById('passwordCheck').innerHTML = "Ok";
    }
    
}

//Creates a popup, to create a new user
function initNewUser() {
    
    initPopup(300, 265, "Brugeroprettelse");
    
    var element = document.getElementById('popupContent');
	
	element.innerHTML = "<span class='darkgrey11'>" +
						"Indtast brugernavn og adgangskode for at oprette en ny bruger.<br /><br />" +
						"Brugernavn<br />" +
						"<input id='username' type='text' /><br /><br />" +
						"Adgangskode<br />" +
						"<input id='password' type='password' /><br /><br />" +
						"Gentag adgangskode<br />" +
						"<input id='password_repeat' type='password' onKeyUp='javascript: checkPassword(this.value);' /> <span class='darkgrey11' id='passwordCheck'></span><br /><br />" +
						"<input style='width: 100px;' type='button' value='Opret bruger' onclick='javascript: if(checkForm()) { createNewUser(); }' />" +
						"</span>";
	
}

//Creates a popup, to login user
function initLoginUser() {
    
    initPopup(300, 220, "Brugerlogin");
    
    var element = document.getElementById('popupContent');
	
	element.innerHTML = "<span class='darkgrey11'>" +
						"Indtast brugernavn og adgangskode for at logge ind.<br /><br />" +
						"Brugernavn<br />" +
						"<input id='username' type='text' /><br /><br />" +
						"Adgangskode<br />" +
						"<input id='password' type='password' /><br /><br />" +
						"<input style='width: 100px;' type='button' value='Log ind' onclick='javascript: if(checkForm()) { loginUser(); }' />"
						"</span>";
    
}