var name='';
var email='';
var currentPage=0;
var pages=['index','demographics','pay','account'];
var page={};
var nextLabel=['','Personal details','Tuition','Create an account'];
var demoNext=2, accountBack=2; accountStep=4;

function showPage(e){currentPage=e;
var mainFrame=document.createElement("div");
mainFrame.id=pages[e];
mainFrame.innerHTML=page[pages[e]];
document.getElementById("main").appendChild(mainFrame)};

function goTo(e){regError=[];
var o=[];
var field=document.getElementsByClassName('field');
for(i=0;i<field.length;i++){if(field[i].id=='email'){var pattEmail=/^.+@.+\.[a-z0-9\.]+$/i; if(pattEmail.test(field[i].value)==false){regError.push('- a valid email address')}};
if(field[i].id=='age'){if(field[i].value!=''&&(field[i].value<10||field[i].value>99)){regError.push('- a valid age')}};
if(field[i].id=='donation'){if(field[i].value!=''&&field[i].value>9999){regError.push("- donations can't exceed $9999")}};
o.push(field[i].id+'='+encodeURIComponent(field[i].value))};
var radio=document.getElementsByClassName('radio');
for(i=0;i<radio.length;i++){x=document.querySelector("input[type='radio'][name="+radio[i].id+"]:checked"); if(x!=null){x=x.value} else{x='0'}; o.push(radio[i].id+"="+encodeURIComponent(x))};
var checkbox=document.getElementsByClassName('checkbox');
var checkObj={}; checkID='';
for(i=0;i<checkbox.length;i++){if(checkbox[i].id!=checkID){if(checkID!=''){o.push(checkID+"="+encodeURIComponent(checkObj[checkID].join('|')))};
checkID=checkbox[i].id; checkObj[checkID]=[]};
if(checkbox[i].checked!=false){checkObj[checkID].push(checkbox[i].value)}};
if(checkID!=''){o.push(checkID+"="+encodeURIComponent(checkObj[checkID].join('|')))};
if(regError.length>0){alert("Please review your registration and provide:\n"+regError.join("\n"));}
else{o=o.join('&');
var ajaxR;
if(window.XMLHttpRequest){ajaxR=new XMLHttpRequest()} else{ajaxR=new ActiveXObject('Microsoft.XMLHTTP')};
ajaxR.onreadystatechange=function(){if(ajaxR.readyState==4&&ajaxR.status==200){rResponse=JSON.parse(ajaxR.responseText);
if(rResponse.error!==undefined){alert(rResponse.error)} else{if(e!='canvas'){document.getElementById(pages[currentPage]).style.display='none';
currentPage=e;
if(document.getElementById(pages[e])==undefined){var js=document.createElement("script");
js.src="mooc/register/"+pages[e]+".php";
document.body.appendChild(js)}
else{document.getElementById(pages[e]).style.display='block';
if(e==1){document.getElementById('demoNext').value='NEXT: '+nextLabel[demoNext]};
if(e==3){document.getElementById('accountStep').innerHTML='STEP '+accountStep+':'}};
window.scroll(0,0)}}}}};
ajaxR.open('POST','mooc/engine/register.php',true);
ajaxR.setRequestHeader('Content-type','application/x-www-form-urlencoded');
ajaxR.send(o)};

function goBack(e){document.getElementById(pages[currentPage]).style.display='none';
currentPage=e;
document.getElementById(pages[currentPage]).style.display='block';
window.scroll(0,0)};

function checkPartner(e){if(e==''){e='independent'};
if(e=='independent'){document.getElementById('noPartner').checked=true; demoNext=2; accountBack=2; accountStep=4} else{document.getElementById('yesPartner').checked=true; demoNext=3; accountBack=1; accountStep=3}; document.getElementById('partner').value=e};

function checkRequired(){var enableButton=false;
var req=document.getElementsByClassName('required');
for(i=0;i<req.length;i++){if(req[i].value==''){enableButton=true}}; document.getElementById('nextButton0').disabled=enableButton};

page['index']="<div class='backLinkFrame'>&nbsp;</div><div class='mainTitle regTitle'><span class='light'>STEP "+(currentPage+1)+":</span> START YOUR REGISTRATION</div><div>Fill out the form below to register in the January 2024 Synergia MOOC, <em>Transition to Cooperative Commonwealth</em>. You will be asked to provide background information about yourself, consider an appropriate donation level to support the MOOC (if applicable), and finally to create an account in our MOOC platform, Canvas. <em>[All items in this first step are *required.]</em></div>";

page['index']+="<table class='regContent'><tr><td class='regLabel'>*Name</td><td class='regInput'><input id='name' class='field required' type='text' maxlength='64'/></td></tr><tr><td class='regLabel'>*Email</td><td class='regInput'><input id='email' class='field required' type='text' maxlength='64' onkeyup='this.value=this.value.replace(/\\s/,\"\")'/></td></tr><tr><td style='padding:0.5em 0' colspan='2'>*Are you affiliated with one of our CCEDNET partners?<input id='partner' class='field required' type='hidden' value=''/></td></tr><tr><td style='padding:3px 9px 0 0;text-align:right;vertical-align:top'><input id='noPartner' name='radioPartner' type='radio' onclick='checkPartner(this.value)' value='independent'></td><td style='padding-top:3px;vertical-align:top'>No, I am registering independently</td></tr><tr><td style='padding:3px 9px 0 0;text-align:right'><input id='yesPartner' name='radioPartner' type='radio'></td><td style='padding-top:3px;vertical-align:top'><select id='selectPartner' onchange='checkPartner(this.value)' style='width:100%'><option value='' selected>Select your partnership</option><option value=\'Black Eco Bloom\'>Black Eco Bloom</option><option value=\'Break the Divide\'>Break the Divide</option><option value=\'Diverse Nature Collective\'>Diverse Nature Collective</option><option value=\'Eviance\'>Eviance</option></select></td></tr></table>";

page['index']+="<div id='regNavFrame'><table><tr><td style='width:29%;padding-right:1%'> </td><td style='width:69%;padding-left:1%'><input id='nextButton0' type='button' class='navButton nextButton' onclick='goTo(1)' value='NEXT: "+nextLabel[1]+"' disabled/></td></tr></table></div>";

setInterval(checkRequired,300);