/****************************** 
** global variables 
*******************************/

var iEduCount = 0;
var iEduEdit = 0;
var iEmprCount = 0;
var iEmprEdit = 0;
var iLangCount = 0;
var iLangEdit = 0;
var iUploadCount = 0;
var iRelativeCount = 0;
var iRelativeEdit = 0;

var xmlHttp
var titleTag="new"

function GetXmlHttpObject()
{ 
	var objXMLHttp=null
	if (window.XMLHttpRequest)
	{
		objXMLHttp=new XMLHttpRequest()
	}
	else if (window.ActiveXObject)
	{
		objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
	}	
	return objXMLHttp
}

function checkID(str)
{
	if (str.length==0)
	{ 
		document.getElementById("txtStatus").innerHTML=""
		return
	}
	xmlHttp=GetXmlHttpObject()
	if (xmlHttp==null)
	{
		alert ("Browser does not support HTTP Request")
		return
	}
	setMessage2("<br />Check Availability..."); 
	var url="index.php?tpl=member_form&id="+str+"&checkid=1"
	
	xmlHttp.onreadystatechange=stateChanged2
	xmlHttp.open("GET",url,true)
	xmlHttp.send(null)		
}

function memberPage(step)
{
	xmlHttp=GetXmlHttpObject()
	if (xmlHttp==null)
	{
		alert ("Browser does not support HTTP Request")
		return
	} 	
	setMessage("<img src=\"images/icon_profile.gif\" width=\"38\" height=\"36\" />loading..."); 
	if (step==null)
		var url="index.php?tpl=member_form"
	else
		var url="index.php?tpl=member_form&step="+step
	xmlHttp.onreadystatechange=stateChanged
	xmlHttp.open("GET",url,true)
	xmlHttp.send(null)		
}

function checkPrefer1()
{
	var getMultimedia1 = document.getElementById('multimedia1');
	var getProgramming1 = document.getElementById('programming1');
	var getItnet1 = document.getElementById('itnet1');
	
	if (getMultimedia1.checked==true){
		getProgramming1.checked = false;
		getItnet1.checked = false;
	} else if (getProgramming1.checked==true) {
		getItnet1.checked = false;
		getMultimedia1.checked==false;
	}
	//alert("Get element: "+getelement+" Multimedia: "+getMultimedia);
	//alert(getMultimedia);
}

function checkPrefer2()
{
	var getMultimedia2 = document.getElementById('multimedia2');
	var getProgramming2 = document.getElementById('programming2');
	var getItnet2 = document.getElementById('itnet2');
	
	if (getMultimedia2.checked==true){
		getProgramming2.checked = false;
		getItnet2.checked = false;
	} else if (getProgramming2.checked==true) {
		getItnet2.checked = false;
		getMultimedia2.checked==false;
	}
}

function checkPrefer3()
{
	var getMultimedia3 = document.getElementById('multimedia3');
	var getProgramming3 = document.getElementById('programming3');
	var getItnet3 = document.getElementById('itnet3');
	
	if (getMultimedia3.checked==true){
		getProgramming3.checked = false;
		getItnet3.checked = false;
	} else if (getProgramming3.checked==true) {
		getItnet3.checked = false;
		getMultimedia3.checked==false;
	}	
}

function nextStep()
{
	xmlHttp=GetXmlHttpObject()
	if (xmlHttp==null)
	{
		alert ("Browser does not support HTTP Request")
		return
	} 	
	
	//get value
	var getUser = document.getElementById('username')
	var getPass = document.getElementById('password')
	var getPassR = document.getElementById('password_retype')
	var getEmail = document.getElementById('email')
	var at = getEmail.value.indexOf("@")
	
	
	if (getUser.value==""){
		alert("Field (Login ID) cannot be empty")
		getUser.focus()
	}
	else if (getPass.value==""){
		alert("Field (Password) cannot be empty")
		getPass.focus()
	}
	else if (getPassR.value==""){
		alert("Field (Password Retype) cannot be empty")
		getPassR.focus()
	}
	else if (getEmail.value==""){
		alert("Field (Email) cannot be empty")
		getEmail.focus()
	}
	else if (at == -1){
		alert("Not a valid email")
		getEmail.focus()
	} else {
	document.getElementById('step1').style.display = 'none'; 
	document.getElementById('step2').style.display = '';
	}
	
	//setMessage("<img src=\"images/icon_profile.gif\" width=\"38\" height=\"36\" />loading..."); 
	//if (step==null)
	//	var url="index.php?tpl=member_form"
	//else
	//	var url="index.php?tpl=member_form&step="+step
	/*
	url="index.php?tpl=member_form&step="+step
	xmlHttp.onreadystatechange=stateChanged
	xmlHttp.open("GET",url,true)
	xmlHttp.send(null)
	*/	
}

function validation(login)
{
	xmlHttp=GetXmlHttpObject()
	if (xmlHttp==null)
	{
		alert ("Browser does not support HTTP Request")
		return
	} 	
	
	var returnVal = false;
	//get value
	if (login!=true){
	var getUser = document.getElementById('username')
	var getPass = document.getElementById('password') 
	var getPassR = document.getElementById('password_retype')
	}
	var getEmail = document.getElementById('email') 	
	var at = getEmail.value.indexOf("@")
	var getName = document.getElementById('name')
	var getSurname = document.getElementById('surname')
	//var getIcno = document.getElementById('icno')
	var getDob = document.getElementById('dob')
	var getGender = document.getElementById('gender')
	var getNationality = document.getElementById('nationality')
	
	var validformat=/^\d{4}\-\d{1,2}\-\d{1,2}$/
	
	if (login!=true){
		if (getUser.value=="" && login!=true){
			alert("Field (Login ID) cannot be empty")
			showTab('step1')
			getUser.focus()
			return returnVal		
		}
		else if (getPass.value=="" && login!=true){
			alert("Field (Password) cannot be empty")
			showTab('step1')
			getPass.focus()
			return returnVal		
		}
		else if (getPassR.value=="" && login!=true){
			alert("Field (Password Retype) cannot be empty")
			showTab('step1')
			getPassR.focus()
			return returnVal		
		}
	}
	if (getEmail.value==""){
		alert("Field (Email) cannot be empty")
		showTab('step1')
		getEmail.focus()
		return returnVal		
	}
	else if (at == -1){
		alert("Not a valid email")
		showTab('step1')
		getEmail.focus()
		return returnVal		
	} 
	else if (getName.value==""){
		alert("Field (First Name) cannot be empty")
		showTab('step1')
		getName.focus()	
		return returnVal	
	}
	else if (getSurname.value==""){
		alert("Field (Family/Last Name) cannot be empty")
		showTab('step1')
		getSurname.focus()
		return returnVal		
	}/*
	else if (getIcno.value==""){
		alert("Field (I/C Number) cannot be empty")
		showTab('step1')
		getIcno.focus()	
		return returnVal	
	}*/
	else if (getDob.value==""){
		alert("Field (Date of Birth) cannot be empty")
		showTab('step1')
		getDob.focus()
		return returnVal		
	}
	else if (!validformat.test(getDob.value)){
		alert("Invalid Date Format. Please correct and submit again.")
		showTab('step1')
		getDob.focus()
		return returnVal
	} 
	else { //Detailed check for valid date ranges
		var today=new Date()
		var thisyear = today.getFullYear()
		var yearfield=getDob.value.split("-")[0]
		var monthfield=getDob.value.split("-")[1]
		var dayfield=getDob.value.split("-")[2]
		var dayobj = new Date(yearfield, monthfield-1, dayfield)
		if ((dayobj.getMonth()+1!=monthfield)||(dayobj.getDate()!=dayfield)||(dayobj.getFullYear()!=yearfield)) {
			alert("Invalid Day, Month, or Year range detected. Please correct and submit again.")
			showTab('step1')
			getDob.focus()
			return returnVal
		}
		else if (yearfield >= thisyear){
			alert("Invalid Year of birth. Please correct and submit again.")
			showTab('step1')
			getDob.focus()
			return returnVal
		}
	}
		
	if (getGender.value==""){
		alert("Field (Gender) cannot be empty")
		showTab('step1')
		getGender.focus()		
	}
	else if (getNationality.value==""){
		alert("Field (Nationality) cannot be empty")
		showTab('step1')
		getNationality.focus()		
	}
	else {
	returnVal = true
	}
	return returnVal
	//setMessage("<img src=\"images/icon_profile.gif\" width=\"38\" height=\"36\" />loading..."); 
	//if (step==null)
	//	var url="index.php?tpl=member_form"
	//else
	//	var url="index.php?tpl=member_form&step="+step
	/*
	url="index.php?tpl=member_form&step="+step
	xmlHttp.onreadystatechange=stateChanged
	xmlHttp.open("GET",url,true)
	xmlHttp.send(null)
	*/	
}

function setMessage(msg) {
     document.getElementById("txtMember").innerHTML = msg
} 

function setMessage2(msg) {
     document.getElementById("txtStatus").innerHTML = msg
} 

function stateChanged() 
{ 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
	{ 
		document.getElementById("txtMember").innerHTML=xmlHttp.responseText 
	} 
}

function stateChanged2() 
{ 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
	{ 
		document.getElementById("txtStatus").innerHTML=xmlHttp.responseText 
	} 
}

// Show and hide function
function showHide(obj, sMode){
	document.getElementById(obj).style.display = sMode;
}

function showTab(tabName, typeOfTab) {
	if (typeOfTab==1)
	{
		var arrTable = new Array('step1', 'step2', 'step3', 'step4', 'step5', 'step6');
		var arrButton = new Array('btnTabStep1', 'btnTabStep2', 'btnTabStep3', 'btnTabStep4', 'btnTabStep5', 'btnTabStep6');
		
		for(var i=0; i<arrTable.length; i++) {
			if(tabName == arrTable[i]) {
				showHide(tabName, 'block');
				document.getElementById(arrButton[i]).className = 'showActiveBtn1';
			}
			else {
				showHide(arrTable[i], 'none');
				document.getElementById(arrButton[i]).className = 'blurActiveBtn1';
			}
		}
	}
	else if (typeOfTab==2)
	{
		var arrTable = new Array('menu1', 'menu2', 'menu3', 'menu4');
		//var arrButton = new Array('btnTabStep1', 'btnTabStep2', 'btnTabStep3', 'btnTabStep4', 'btnTabStep5', 'btnTabStep6');
		
		for(var i=0; i<arrTable.length; i++) {
			if(tabName == arrTable[i]) {
				showHide(tabName, 'block');
				//document.getElementById(arrButton[i]).className = 'showActiveBtn1';
			}
			else {
				showHide(arrTable[i], 'none');
				//document.getElementById(arrButton[i]).className = 'blurActiveBtn1';
			}
		}
	}
	else {
		var arrTable = new Array('step1', 'step2');
		var arrButton = new Array('btnTabStep1', 'btnTabStep2');
		
		for(var i=0; i<arrTable.length; i++) {
			if(tabName == arrTable[i]) {
				showHide(tabName, 'block');
				document.getElementById(arrButton[i]).className = 'showActiveBtn';
			}
			else {
				showHide(arrTable[i], 'none');
				document.getElementById(arrButton[i]).className = 'blurActiveBtn';
			}
		}	
	}

}



/*
function checkID(str)
{
	if (str.length==0)
	{ 
		document.getElementById("txtStatus").innerHTML=""
		return
	}
	xmlHttp=GetXmlHttpObject()
	if (xmlHttp==null)
	{
		alert ("Browser does not support HTTP Request")
		return
	} 	
	setMessage2("<br />Check Availability..."); 
	var url="index.php?tpl=member_form&id="+str+"&checkid=1"
	
	xmlHttp.onreadystatechange=stateChanged2
	xmlHttp.open("GET",url,true)
	xmlHttp.send(null)		
}
*/