var xmlHttp;
var proc;

//程式由此執行
function LoginAjax(){
	createXMLHttpRequest();//建立XMLHttpRequest物件

	var loginid = document.getElementById("login_id").value;
	var loginpsd = document.getElementById("login_psd").value;
	var remember = document.getElementById("remember").checked;
	
	var url = "includes/Login.php?login_id="+loginid+"&login_psd="+loginpsd+"&remember="+remember; 
	
	xmlHttp.onreadystatechange = callback; //資料回傳之後，使用callback這個函數處理後續動作
	
	xmlHttp.open("POST", url, true);//將輸入的帳號傳至後端作驗證
	xmlHttp.send(null);
          
}
//xmlHttp.open(a,b,c)
//第一個參數是 HTTP request 的方法，也就是從 GET、POST、HEAD 中選一個使用,都要大寫
//第二個參數是要呼叫的url,不過只能呼叫同一個網域的網頁 
//第三個參數決定此 request 是否不同步進行
//如果設定為true則即使後端尚未傳回資料也會繼續執行後面的程式
//如果設定為false則必須等後端傳回資料才會繼續執行後面的程式
		
		
//此函式在建立XMLHttpRequest物件
function createXMLHttpRequest(){
	if (window.ActiveXObject)	{	//IE
		xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
	} 
	else if (window.XMLHttpRequest)	{	//other browser
	  xmlHttp = new XMLHttpRequest();                
	}
}

function callback(){
	if (xmlHttp.readyState == 4){
		if (xmlHttp.status == 200){
			var xmldoc = xmlHttp.responseXML;	//接收後端程式傳回來的xml
			var mes = xmldoc.getElementsByTagName("message")[0].firstChild.data;	// 將Tag 為message的值抓出來
			var val = xmldoc.getElementsByTagName("passed")[0].firstChild.data;		// 將Tag 為passed的值抓出來
			setMessage(mes, val);
		}
	}
}
//xmlHttp.readyState 所有可能的值： 0 (還沒開始), 1 (讀取中), 2 (已讀取), 3 (資訊交換中), 4 (一切完成) 
//xmlHttp.status = 200 (一切正常), status = 404 (查無此頁), status =500 (內部錯誤)		
        
function setMessage(message, isValid){            
	var messageArea = document.getElementById("LoginMsg");
	var returl = document.getElementById("ret_url").value;
	var fontColor = "red"; 
	
	if (isValid == "true" || isValid == "True"){
		fontColor = "green";
		if (returl==""){
    	location.href= ("member.php");
		}else{
    	location.href= ("member.php?returl="+returl);
		}
	}
	messageArea.innerHTML = "<font color=" + fontColor + ">" + message + " </font>";	//顯示訊息
	if(isValid == "false" || isValid == "False"){
		document.login_form.login_id.select();
	}
}