function formLogin(){
	var d = document;
	var tform = document.getElementById('loginform');
	var uname = d.getElementsByName('username')[0].value;
	var upass = d.getElementsByName('password')[0].value;
	var sURL = "/login_proc.php?username=" + uname + "&password=" + upass;
	ajaxProgress("loginform","set","");
	makeRequest(sURL,"loginbar");
	var lURL = "/menu.php";
	makeRequest(lURL,"menubar");
	var pURL = "/loginpage.php";
	makeRequest(pURL,"maincontent");
}
function logout(){
	var sURL = "/logout.php";
	ajaxProgress("loginbar","set","");
	makeRequest(sURL,"loginbar");
	var maindiv = document.getElementById('maincontent');
	maindiv.innerHTML = "<p>You have successfully logged out.</p>"	
	var lURL = "/menu.php";
	makeRequest(lURL,"menubar");
}
function makeRequest(url,div){
	var d = document;
	var request = ajaxRequest();
	request.open("GET",url,false);
	request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	request.send(null);
	if(request.status == 200){
			var newdiv = d.getElementById(div);
			/* newdiv.style.bgColor = "#bbbbbb";
			newdiv.style.display = "block"; */
			newdiv.innerHTML = request.responseText;
	}
}
function ajaxProgress(div,act,data){
	var d = document;
	var area = d.getElementById(div);
	if(act = "set"){
		area.innerHTML = "<img id='lb_ajax' src='images/ajax-loader.gif' alt='loading'>";
		return true;
	}else{
		area.innerHTML = data;
		
	}
}