var customMembershipForm = {

	individualMemberFieldsetClass:'individual-member-info-fieldset',
	individualMemberLabelClass:'inline_label',
	individualMemberInputType:'text',
	dataDivClass:'inline',
	individualMemberNumber:6,
	individualMemberMaxNumber:10,
	addBtnAlertClass:"alert",
	
	init:function() {	
		individualMembers=document.getElementById("individual-members-fieldset");
		if(!individualMembers) { return false; }
		addBtn=document.getElementById("addBtn");		
		customMembershipForm.addEvent(addBtn,"click",customMembershipForm.addIndividual,false);
	},
	
	addIndividual:function() {
		if(customMembershipForm.individualMemberNumber<customMembershipForm.individualMemberMaxNumber) {
			var fieldsetElm = customMembershipForm.createFieldset();
			individualMembers=document.getElementById("individual-members-fieldset");
			individualMembers.appendChild(fieldsetElm);
			return false;
		}
		else { 
			var btn = document.getElementById("addBtn");
			btn.style.display = "none";
			var addBtnDiv = document.getElementById("addBtnDiv");
			var addBtnAlert = customMembershipForm.createTextElm("p","Maximum number of additional individual members reached. Please contact us if you have more than 10 total additional individual members.");
			addBtnAlert.className = customMembershipForm.addBtnAlertClass;
			addBtnDiv.appendChild(addBtnAlert);
			return false; 			
		}
	},
	
	createFieldset:function() {
		//create the fieldset and add its class
		var fieldsetElm = document.createElement("fieldset");
		fieldsetElm.className=customMembershipForm.individualMemberFieldsetClass;
		
		//create the fieldset's legend
		if(customMembershipForm.individualMemberNumber==customMembershipForm.individualMemberNumber){customMembershipForm.individualMemberNumber=customMembershipForm.individualMemberNumber+1;}
		else {
			return false;	
		}
		var legendElmTxt = "Individual Member "+customMembershipForm.individualMemberNumber;
		var fieldsetLegend = customMembershipForm.createTextElm("legend",legendElmTxt);
		
		
		//DATA DIV1
		//create the fieldset's divs
		var dataDiv1 = document.createElement("div");
		dataDiv1.className=customMembershipForm.dataDivClass;
		
		//create the fieldset's label
		var labelElmTxt = "First Name :";
		labelElm = customMembershipForm.createTextElm("label",labelElmTxt);
		labelElm.className = customMembershipForm.individualMemberLabelClass;
		labelElm.setAttribute("for","first"+customMembershipForm.individualMemberNumber);
		
		//create the fieldset's label
		var inputElm = document.createElement("input");
		inputElm.setAttribute("type","text");
		inputElm.setAttribute("name","first"+customMembershipForm.individualMemberNumber);
		inputElm.setAttribute("id","first"+customMembershipForm.individualMemberNumber);
		//attach label to div
		dataDiv1.appendChild(labelElm);
		dataDiv1.appendChild(inputElm);
										   

		//DATA DIV2
		//create the fieldset's divs
		var dataDiv2 = document.createElement("div");
		dataDiv2.className=customMembershipForm.dataDivClass;
		
		//create the fieldset's label
		var labelElmTxt = "Last Name :";
		labelElm = customMembershipForm.createTextElm("label",labelElmTxt);
		labelElm.className = customMembershipForm.individualMemberLabelClass;
		labelElm.setAttribute("for","last"+customMembershipForm.individualMemberNumber);
		
		//create the fieldset's label
		var inputElm = document.createElement("input");
		inputElm.setAttribute("type","text");
		inputElm.setAttribute("name","last"+customMembershipForm.individualMemberNumber);
		inputElm.setAttribute("id","last"+customMembershipForm.individualMemberNumber);
		//attach label to div
		dataDiv2.appendChild(labelElm);
		dataDiv2.appendChild(inputElm);
		
		
		//DATA DIV3
		//create the fieldset's divs
		var dataDiv3 = document.createElement("div");
		dataDiv3.className=customMembershipForm.dataDivClass;
		
		//create the fieldset's label
		var labelElmTxt = "Title :";
		labelElm = customMembershipForm.createTextElm("label",labelElmTxt);
		labelElm.className = customMembershipForm.individualMemberLabelClass;
		labelElm.setAttribute("for","title"+customMembershipForm.individualMemberNumber);
		
		//create the fieldset's label
		var inputElm = document.createElement("input");
		inputElm.setAttribute("type","text");
		inputElm.setAttribute("name","title"+customMembershipForm.individualMemberNumber);
		inputElm.setAttribute("id","title"+customMembershipForm.individualMemberNumber);
		//attach label to div
		dataDiv3.appendChild(labelElm);
		dataDiv3.appendChild(inputElm);
		
		
		//DATA DIV4
		//create the fieldset's divs
		var dataDiv4 = document.createElement("div");
		dataDiv4.className=customMembershipForm.dataDivClass;
		
		//create the fieldset's label
		var labelElmTxt = "E-Mail :";
		labelElm = customMembershipForm.createTextElm("label",labelElmTxt);
		labelElm.className = customMembershipForm.individualMemberLabelClass;
		labelElm.setAttribute("for","email"+customMembershipForm.individualMemberNumber);
		
		//create the fieldset's label
		var inputElm = document.createElement("input");
		inputElm.setAttribute("type","text");
		inputElm.setAttribute("name","email"+customMembershipForm.individualMemberNumber);
		inputElm.setAttribute("id","email"+customMembershipForm.individualMemberNumber);
		//attach label to div
		dataDiv4.appendChild(labelElm);
		dataDiv4.appendChild(inputElm);



		//DATA DIV Username
		//create the fieldset's divs
		var dataDivUN = document.createElement("div");
		dataDivUN.className=customMembershipForm.dataDivClass;
		
		//create the fieldset's label
		var labelElmTxt = "Username :";
		labelElm = customMembershipForm.createTextElm("label",labelElmTxt);
		labelElm.className = customMembershipForm.individualMemberLabelClass;
		labelElm.setAttribute("for","principle-voting-member-info-username"+customMembershipForm.individualMemberNumber);
		
		//create the fieldset's label
		var inputElm = document.createElement("input");
		inputElm.setAttribute("type","text");
		inputElm.setAttribute("name","username"+customMembershipForm.individualMemberNumber);
		inputElm.setAttribute("id","principle-voting-member-info-username"+customMembershipForm.individualMemberNumber);
		inputElm.setAttribute("maxlength","32");
		//attach label to div
		dataDivUN.appendChild(labelElm);
		dataDivUN.appendChild(inputElm);




		//DATA DIV Password
		//create the fieldset's divs
		var dataDivPW = document.createElement("div");
		dataDivPW.className=customMembershipForm.dataDivClass;
		
		//create the fieldset's label
		var labelElmTxt = "Password :";
		labelElm = customMembershipForm.createTextElm("label",labelElmTxt);
		labelElm.className = customMembershipForm.individualMemberLabelClass;
		labelElm.setAttribute("for","principle-voting-member-info-password"+customMembershipForm.individualMemberNumber);
		
		//create the fieldset's label
		var inputElm = document.createElement("input");
		inputElm.setAttribute("type","password");
		inputElm.setAttribute("name","password"+customMembershipForm.individualMemberNumber);
		inputElm.setAttribute("id","principle-voting-member-info-password"+customMembershipForm.individualMemberNumber);
		inputElm.setAttribute("maxlength","32");
		//attach label to div
		dataDivPW.appendChild(labelElm);
		dataDivPW.appendChild(inputElm);



		//DATA DIV Password Confirm
		//create the fieldset's divs
		var dataDivPWC = document.createElement("div");
		dataDivPWC.className=customMembershipForm.dataDivClass;
		
		//create the fieldset's label
		var labelElmTxt = "Password Confirm :";
		labelElm = customMembershipForm.createTextElm("label",labelElmTxt);
		labelElm.className = customMembershipForm.individualMemberLabelClass;
		labelElm.setAttribute("for","principle-voting-member-info-password_confirm"+customMembershipForm.individualMemberNumber);
		
		//create the fieldset's label
		var inputElm = document.createElement("input");
		inputElm.setAttribute("type","password");
		inputElm.setAttribute("name","password_confirm"+customMembershipForm.individualMemberNumber);
		inputElm.setAttribute("id","principle-voting-member-info-password_confirm"+customMembershipForm.individualMemberNumber);
		inputElm.setAttribute("maxlength","32");
		//attach label to div
		dataDivPWC.appendChild(labelElm);
		dataDivPWC.appendChild(inputElm);





		//attach legend to fieldset
		fieldsetElm.appendChild(fieldsetLegend);		
		fieldsetElm.appendChild(dataDiv1);
		fieldsetElm.appendChild(dataDiv2);
		fieldsetElm.appendChild(dataDiv3);
		fieldsetElm.appendChild(dataDiv4);
		fieldsetElm.appendChild(dataDivUN);
		fieldsetElm.appendChild(dataDivPW);
		fieldsetElm.appendChild(dataDivPWC);

		
		
		
		return fieldsetElm;
	},

	addEvent: function(elm, evType, fn, useCapture){
		if (elm.addEventListener){
			elm.addEventListener(evType, fn, useCapture);
			return true;
		} else if (elm.attachEvent) {
			var r = elm.attachEvent('on' + evType, fn);
			return r;
		} else {
			elm['on' + evType] = fn;
		}
	},

	createTextElm:function(elm,txt){
		var tempObj=document.createElement(elm);
		tempObj.appendChild(document.createTextNode(txt));
		return tempObj;
	}



}
customMembershipForm.addEvent(window, 'load', customMembershipForm.init, false);