
function validateField(fieldId, fieldBoxId, fieldType, required)
{
	var fieldBox = document.getElementById(fieldBoxId);
	var fieldObj = document.getElementById(fieldId);
	if(fieldType == 'text'  ||  fieldType == 'textarea'  ||  fieldType == 'password'  ||  fieldType == 'file'  ||  fieldType == 'phone'  || fieldType == 'website')
	{	
		if(required == 1 && fieldObj.value == '') {	setError(fieldObj);	return false; }
	}
	else if(fieldType == 'menu'  || fieldType == 'country'  || fieldType == 'state')
	{	
		if(required == 1 && fieldObj.selectedIndex == 0) { setError(fieldObj); return false; }
	}
	else if(fieldType == 'email')
	{	
		if((required == 1 && fieldObj.value=='')  ||  (fieldObj.value!=''  && !validate_email(fieldObj.value))) { setError(fieldObj); return false; }
	}
	else if(fieldType == 'checkbox')
	{
		if(required == 1 && fieldObj.checked == 0) { setError(fieldObj); return false; }
	}
}

function setError(fieldObj)
{
	fieldObj.setAttribute("class","mainFormError");
	fieldObj.setAttribute("className","mainFormError");
	fieldObj.focus();
}

function validate_email(emailStr)
{		
	var apos=emailStr.indexOf("@");
	var dotpos=emailStr.lastIndexOf(".");
	if (apos<1||dotpos-apos<2) { return false; }
	else { return true;	}
}

function generateForm()
{
	var someHTML='<form method="post" enctype="multipart/form-data" action="processor.php" onSubmit="return validatePage1();"><table class="mainForm" id="mainForm_1">';
	for (i=0; i<arrNam.length; i++)
	{
		someHTML+='<tr class="mainForm" id="fieldBox_'+i+'"><td class="form"><label class="formFieldQuestion">'+arrNam[i]+'</label></td><td class="form">';
		if (arrType[i] == 'textarea') {someHTML+= '<textarea wrap="virtual" name="field_'+i+'" id="field_'+i+'" rows="1" cols="35"></textarea>'}
		else if (arrType[i] == 'listbox') {someHTML +=buildListbox(i);}
		else {someHTML+='<input class="textBox" type="'+arrType[i]+'" name="field_'+i+'" id="field_'+i+'" size="10">';}
		someHTML+='</td></tr>';
	}
	someHTML+='<tr class="mainForm"><td class="form"><input id="saveForm" class="mainForm" type="submit" value="Submit" /></td></tr></table></form>';
	document.getElementById('mainForm').innerHTML=someHTML;
}

function validatePage1()
{
	var retVal=true;
	for(i=0;i<arrNam.length;i++) { if (validateField('field_'+i, 'fieldBox_'+i, arrType[i], arrReq[i])==false) { retVal=false; } }
	if(retVal == false)
	{
		alert('Please correct the errors.  Fields marked with an asterisk (*) are required');
		return false;
	}
	return retVal;
}

function buildListbox(identifier)
{
	var moreHTML = '<select name="field_'+identifier+'" id="field_'+identifier+'">';
	for (j=0;j<arrCon.length;j++) 
	{ 
		if (j == arrCon.length) { moreHTML+='<option value="'+arrCon[j]+'">'+arrCon[j]+'</option>';  }
		else { moreHTML+='<option value="'+arrCon[j]+'">'+arrCon[j]+'</option>'; }	
		
	}
	moreHTML+='</select>';
	return moreHTML;
}
