/* ---------------------------- */
/* XMLHTTPRequest Enable */
/* ---------------------------- */
function createObject() {
var request_type;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer"){
request_type = new ActiveXObject("Microsoft.XMLHTTP");
}else{
request_type = new XMLHttpRequest();
}
return request_type;
}

var http = createObject();

/* -------------------------- */
/* LOGIN */
/* -------------------------- */
/* Required: var nocache is a random number to add to request. This value solve an Internet Explorer cache issue */
var nocache = 0;

function login() {
	// Optional: Show a waiting message in the layer with ID ajax_response
	document.getElementById('login_response').innerHTML = "Verifying... "
	// Required: verify that all fileds is not empty. Use encodeURI() to solve some issues about character encoding.
	var usr = encodeURI(document.getElementById('usernameLogin').value);
	var psw = encodeURI(document.getElementById('passwordLogin').value);
	// Set te random number to add to URL request
	nocache = Math.random();
	// Pass the login variables like URL variable
	http.open('get', 'login.php?usr='+usr+'&psw='+psw+'&nocache = '+nocache);
	http.onreadystatechange = loginReply;
	http.send(null);
}

function loginReply() {
	if(http.readyState == 4){
		var loginresponse = http.responseText;
		if(loginresponse == "verified"){
			// if login fails
			document.getElementById('login_response').innerHTML = 'You are currently logged in, ';
			document.getElementById('clientmenuarea').innerHTML = '<a href="contactus.html">client menu</a>';
			document.getElementById('loginform').style.visibility = 'hidden';
			document.getElementById('loginreminderlink').innerHTML = '<a class="inline" href="javascript:logout()">click here to logout</a>';
		} else {
		// else if login is ok show a message: "Welcome + the user name".
			document.getElementById('login_response').innerHTML = 'Login failed! Verify username and password. ';
		}
	}
}

function logout() {
	// Optional: Show a waiting message in the layer with ID ajax_response
	document.getElementById('login_response').innerHTML = "Logging out... "
	// Set te random number to add to URL request
	nocache = Math.random();
	// Pass the login variables like URL variable
	http.open('get', 'logout.php?nocache = '+nocache);
	http.onreadystatechange = logoutReply;
	http.send(null);
}

function logoutReply() {
	if(http.readyState == 4){
		var logoutesponse = http.responseText;
		document.getElementById('login_response').innerHTML = '';
		document.getElementById('clientmenuarea').innerHTML = '';
		document.getElementById('loginform').style.visibility = 'visible';
		document.getElementById('usernameLogin').value = '';
		document.getElementById('passwordLogin').value = '';
		document.getElementById('loginreminderlink').innerHTML = '<a class="inline" href="#">Click here if you have forgotten your login info.</a>';
	}
}