// CHANGE HISTORY

// 11/07/11 - added 8th grade to check_grade function

function build_free_reg_lightbox()
{
	show_lightbox(pop_div);
	document.getElementById('lightbox').style.borderColor = 'purple';
}

// input: selected grade
function check_grade(gr)
{
	if (gr == '8' || gr == '17')
	{
		close_lightbox();		
		show_lightbox(pop_cs);		
	}
}

// input: selected month
function month_changed(mn)
{
	switch (mn)
	{
		case '':		
		
			document.getElementById('pop_day_div').innerHTML = '<select id="pop_day" name="pop_day"><option value="">Day</option></select>';
			break;		
		
		case '1':
		case '3':
		case '5':
		case '7':
		case '8':
		case '10':
		case '12':
		
			document.getElementById('pop_day_div').innerHTML = pop_day31;			
			break;
			
		case '4':
		case '6':
		case '9':
		case '11':	
		
			document.getElementById('pop_day_div').innerHTML = pop_day30;			
			break;			
		
		case '2':	
			
			y = document.getElementById('pop_year').value;			
			
			document.getElementById('pop_day_div').innerHTML = pop_day28;
			
			if (y != '')
			{
				// check for leap year
				if (parseInt(y) % 4 == 0)
				{			
					document.getElementById('pop_day_div').innerHTML = pop_day29;				
				}							
			}
			
			break;
	}
}

// input: selected year
function year_changed(yr)
{
	// if month is feb, set the day dropdown again
	if (document.getElementById('pop_month').value == '2')
	{		
		if (parseInt(yr) % 4 == 0)
		{			
			document.getElementById('pop_day_div').innerHTML = pop_day29;				
		}
		else
		{			
			document.getElementById('pop_day_div').innerHTML = pop_day28;				
		}
	}
}


// pop_div variable is used in created lightbox div

var pop_div = '';	

pop_div += '<center>';

pop_div += '<p style="border-bottom: 2px solid orange; text-align: left; margin: 15px 15px 15px 15px; line-height: 25px; color: purple; font-weight: bold; font-size: 13px;">Create Your Free Account <span style="font-weight: normal;">(all fields are required)</span></p>';

pop_div += '<form action="free_reg_process.html" method="post" onsubmit="return pop_submitChk(this);">';
	
pop_div += '<table border="0" cellpadding="0" cellspacing="4" style="font-family: Arial, Helvetica, sans-serif; width: 380px; font-size: 13px; margin-left: auto; margin-right: auto;">';


pop_div += '<tr>';	

pop_div += '<td align="right" valign="bottom" class="lightbox_text">Grade:&nbsp;</td>';

pop_div += '<td id="pop_grade_cell" name="pop_grade_cell" style="text-align: left; vertical-align: bottom;">';

pop_div += '<select id="pop_grade" name="pop_grade" onchange="check_grade(this.value);">';	
pop_div += '<option value="">Grade</option>';	
pop_div += '<option value="-1">Pre-K</option>';	
pop_div += '<option value="0">Kindergarten</option>';	
pop_div += '<option value="1">1st</option>';	
pop_div += '<option value="2">2nd</option>';	
pop_div += '<option value="3">3rd</option>';	
pop_div += '<option value="4">4th</option>';	
pop_div += '<option value="5">5th</option>';	
pop_div += '<option value="6">6th</option>';	
pop_div += '<option value="7">7th</option>';	
pop_div += '<option value="8">8th</option>';	
pop_div += '<option value="17">Other</option>';
pop_div += '</select></td>';

pop_div += '</tr>';


//pop_div += '<tr>';	
//pop_div += '<td colspan="2" valign="bottom" style="padding: 10px 30px 10px 15px; text-align: justify; color: red;">Please ask your parent for the CORRECT email address. Listing the correct address will immediately enter you into this month\'s contest!</td>';
//pop_div += '</tr>';





pop_div += '<tr>';	
pop_div += '<td align="right" valign="bottom" class="lightbox_text">Parent\'s Email Address:</td>';
pop_div += '<td align="left" valign="bottom"><input name="pop_email" value="" id="pop_email" type="text" size="30" maxlength="30" /></td>';	
pop_div += '</tr>';

pop_div += '<tr>';	
pop_div += '<td align="right" valign="bottom" class="lightbox_text">Re-type Email Address:</td>';
pop_div += '<td align="left" valign="bottom"><input name="pop_email_check" value="" id="pop_email_check" type="text" size="30" maxlength="30" /></td>';	
pop_div += '</tr>';



pop_div += '<tr>';	
pop_div += '<td align="right" valign="bottom" class="lightbox_text">First Name:&nbsp;</td>';
pop_div += '<td align="left" valign="bottom"><input name="pop_first_name" value="" id="pop_first_name" type="text" size="30" maxlength="30" onblur="this.value = this.value.charAt(0).toUpperCase() + this.value.substr(1);" /></td>';
pop_div += '</tr>';





pop_div += '<tr>';	
pop_div += '<td align="right" valign="bottom" class="lightbox_text">First Initial of LAST Name:&nbsp;</td>';
pop_div += '<td align="left" valign="bottom"><input name="pop_last_initial" value="" id="pop_last_initial" type="text" size="30" maxlength="1" onblur="this.value = this.value.toUpperCase();" /></td>';	
pop_div += '</tr>';





	
pop_div += '<tr>';	

pop_div += '<td class="lightbox_text">Gender:&nbsp;</td>';

pop_div += '<td id="pop_gender_cell" name="pop_gender_cell" class="lightbox_text">';

pop_div += '<select id="pop_gender" name="pop_gender">';	
pop_div += '<option value="">Gender</option>';	
pop_div += '<option value="Male">Male</option>';	
pop_div += '<option value="Female">Female</option>';	
pop_div += '</select>';	

pop_div += '</td></tr>';







pop_div += '<tr>';	
pop_div += '<td class="lightbox_text">Birthdate:&nbsp;</td>';


pop_div += '<td id="pop_birthdate_cell" name="pop_birthdate_cell" class="lightbox_text">';

pop_div += '<select id="pop_month" name="pop_month" onchange="month_changed(this.value);">';
pop_div += '<option value="">Month</option>';	
pop_div += '<option value="1">Jan</option>';
pop_div += '<option value="2">Feb</option>';	
pop_div += '<option value="3">March</option>';	
pop_div += '<option value="4">April</option>';	
pop_div += '<option value="5">May</option>';	
pop_div += '<option value="6">June</option>';	
pop_div += '<option value="7">July</option>';	
pop_div += '<option value="8">Aug</option>';	
pop_div += '<option value="9">Sept</option>';	
pop_div += '<option value="10">Oct</option>';	
pop_div += '<option value="11">Nov</option>';
pop_div += '<option value="12">Dec</option>';	
pop_div += '</select>';
pop_div += '&nbsp;';




pop_div += '<span id="pop_day_div">';


pop_div += '<select id="pop_day" name="pop_day">';
pop_div += '<option value="">Day</option>';	
pop_div += '</select>';

pop_div += '</span>';
pop_div += '&nbsp;';



pop_div += '<select id="pop_year" name="pop_year" onchange="year_changed(this.value);">';
pop_div += '<option value="">Year</option>';





// generate the n years prior to current year - 2

var d = new Date();
var styr = d.getFullYear() - 2;

for (i = 0; i < 15; i++)
{		
	pop_div += '<option value="' + styr + '">' + styr + '</option>';	
	styr--;	
}	

pop_div += '</select>';	

pop_div += '</tr>';



pop_div += '<tr><td colspan="2"><hr /></td></tr>';	

pop_div += '<tr height="10"><td>&nbsp;</td><td class="lightbox_text_small">6 character minimum&nbsp;&nbsp;<span id="feedback" style="text-align: left; font-size: 10px;"></span></td></tr>';	


pop_div += '<tr>';	
pop_div += '<td align="right" valign="bottom" class="lightbox_text">Username:&nbsp;</td>';
pop_div += '<td align="left" valign="bottom" style="width: 200px;"><input name="pop_username" value="" id="pop_username" type="text" size="30" maxlength="15" onkeyup="check_username(this, \'feedback\');" /></td>';	
pop_div += '</tr>';

pop_div += '<tr height="10"><td>&nbsp;</td><td class="lightbox_text_small">6 character min., case sensitive</td></tr>';	

pop_div += '<tr>';	
pop_div += '<td align="right" valign="bottom" class="lightbox_text">Password:&nbsp;</td>';
pop_div += '<td align="left" valign="bottom"><input name="pop_password" value="" id="pop_password" type="text" size="30" maxlength="30" /></td>';	
pop_div += '</tr>';



pop_div += '<tr>';	
pop_div += '<td align="right" valign="bottom" class="lightbox_text">Re-type Password:&nbsp;</td>';
pop_div += '<td align="left" valign="bottom"><input name="pop_password_check" value="" id="pop_password_check" type="text" size="30" maxlength="15" /></td>';	
pop_div += '</tr>';

pop_div += '</table>';

pop_div += '<p style="color: #D78203; font-size: 10px; text-align: center; vertical-align: bottom; margin: 15px 5px 5px 5px;">By clicking on \'Create Account\' you agree to the<br /><a href="javascript:winopen(\'terms\');">Terms & Conditions</a> of Qwizzy\'s World.</p>';	
	
pop_div += '<p><input type="submit" value="Create Account" />&nbsp;&nbsp;&nbsp;<input type="button" value="Close" onclick="return close_lightbox();" /></p>';

pop_div += '</form>';

pop_div += '<p id="err_msgs" style="color: red; font-size: 10px; text-align: center; vertical-align: bottom; margin: 0px;"></p>';

pop_div += '</center>';

// pop-up to switch over to CS

var pop_cs = '';

pop_cs += '<center>';

pop_cs += '<p style="border-bottom: 2px solid orange; text-align: left; margin: 15px 15px 25px 15px; line-height: 25px; color: purple; font-weight: bold; font-size: 13px;">Create Your Free Account</p>';
pop_cs += '<p style="color: black; font-size: 14px; line-height: 19px; text-align: center; vertical-align: bottom; margin: 15px 55px 15px 55px;"><span style="color: purple; font-weight: bold;">Qwizzy\'s World</span> is designed for Pre-K through 7th grade students. You have just selected 8th grade or "Other." Would you prefer to register for FREE at our site designed for <b>8th grade</b> through <b>College</b> students?</p>';
pop_cs += '<p style="color: red; font-size: 16px; line-height: 21px; text-align: center; vertical-align: bottom; margin: 15px 55px 15px 55px;">Yes! Take me to <a href="http://cramstoppers.com" style="color: red;">Cramstoppers</a>.</p>';
pop_cs += '<p style="color: black; font-size: 14px; line-height: 19px; text-align: center; vertical-align: bottom; margin: 15px 55px 15px 55px;">... or click <a href="javascript: close_lightbox(); show_lightbox(pop_div);">here</a> to return to Qwizzy\'s World where you can correct your grade and complete your FREE registration.</p>';
pop_cs += '<a href="http://cramstoppers.com"><img src="/images/cs_logo.png" style="height: 175px; margin: 25px; border: none;"></a>';
pop_cs += '</center>';

//---------------------------


	var pop_day28 = '';
	
	pop_day28 += '<select id="pop_day" name="pop_day">';
	pop_day28 += '<option value="">Day</option>';	
	pop_day28 += '<option value="1">1</option>';
	pop_day28 += '<option value="2">2</option>';	
	pop_day28 += '<option value="3">3</option>';	
	pop_day28 += '<option value="4">4</option>';	
	pop_day28 += '<option value="5">5</option>';	
	pop_day28 += '<option value="6">6</option>';	
	pop_day28 += '<option value="7">7</option>';	
	pop_day28 += '<option value="8">8</option>';	
	pop_day28 += '<option value="9">9</option>';	
	pop_day28 += '<option value="10">10</option>';	
	pop_day28 += '<option value="11">11</option>';
	pop_day28 += '<option value="12">12</option>';	
	pop_day28 += '<option value="13">13</option>';	
	pop_day28 += '<option value="14">14</option>';	
	pop_day28 += '<option value="15">15</option>';	
	pop_day28 += '<option value="16">16</option>';	
	pop_day28 += '<option value="17">17</option>';	
	pop_day28 += '<option value="18">18</option>';	
	pop_day28 += '<option value="19">19</option>';	
	pop_day28 += '<option value="20">20</option>';	
	pop_day28 += '<option value="21">21</option>';	
	pop_day28 += '<option value="22">22</option>';	
	pop_day28 += '<option value="23">23</option>';	
	pop_day28 += '<option value="24">24</option>';	
	pop_day28 += '<option value="25">25</option>';	
	pop_day28 += '<option value="26">26</option>';	
	pop_day28 += '<option value="27">27</option>';	
	pop_day28 += '<option value="28">28</option>';
	pop_day28 += '</select>';	

	var pop_day29 = '';
	
	pop_day29 += '<select id="pop_day" name="pop_day">';
	pop_day29 += '<option value="">Day</option>';	
	pop_day29 += '<option value="1">1</option>';
	pop_day29 += '<option value="2">2</option>';	
	pop_day29 += '<option value="3">3</option>';	
	pop_day29 += '<option value="4">4</option>';	
	pop_day29 += '<option value="5">5</option>';	
	pop_day29 += '<option value="6">6</option>';	
	pop_day29 += '<option value="7">7</option>';	
	pop_day29 += '<option value="8">8</option>';	
	pop_day29 += '<option value="9">9</option>';	
	pop_day29 += '<option value="10">10</option>';	
	pop_day29 += '<option value="11">11</option>';
	pop_day29 += '<option value="12">12</option>';	
	pop_day29 += '<option value="13">13</option>';	
	pop_day29 += '<option value="14">14</option>';	
	pop_day29 += '<option value="15">15</option>';	
	pop_day29 += '<option value="16">16</option>';	
	pop_day29 += '<option value="17">17</option>';	
	pop_day29 += '<option value="18">18</option>';	
	pop_day29 += '<option value="19">19</option>';	
	pop_day29 += '<option value="20">20</option>';	
	pop_day29 += '<option value="21">21</option>';	
	pop_day29 += '<option value="22">22</option>';	
	pop_day29 += '<option value="23">23</option>';	
	pop_day29 += '<option value="24">24</option>';	
	pop_day29 += '<option value="25">25</option>';	
	pop_day29 += '<option value="26">26</option>';	
	pop_day29 += '<option value="27">27</option>';	
	pop_day29 += '<option value="28">28</option>';	
	pop_day29 += '<option value="29">29</option>';	
	pop_day29 += '</select>';	
	
	var pop_day30 = '';
	
	pop_day30 += '<select id="pop_day" name="pop_day">';
	pop_day30 += '<option value="">Day</option>';	
	pop_day30 += '<option value="1">1</option>';
	pop_day30 += '<option value="2">2</option>';	
	pop_day30 += '<option value="3">3</option>';	
	pop_day30 += '<option value="4">4</option>';	
	pop_day30 += '<option value="5">5</option>';	
	pop_day30 += '<option value="6">6</option>';	
	pop_day30 += '<option value="7">7</option>';	
	pop_day30 += '<option value="8">8</option>';	
	pop_day30 += '<option value="9">9</option>';	
	pop_day30 += '<option value="10">10</option>';	
	pop_day30 += '<option value="11">11</option>';
	pop_day30 += '<option value="12">12</option>';	
	pop_day30 += '<option value="13">13</option>';	
	pop_day30 += '<option value="14">14</option>';	
	pop_day30 += '<option value="15">15</option>';	
	pop_day30 += '<option value="16">16</option>';	
	pop_day30 += '<option value="17">17</option>';	
	pop_day30 += '<option value="18">18</option>';	
	pop_day30 += '<option value="19">19</option>';	
	pop_day30 += '<option value="20">20</option>';	
	pop_day30 += '<option value="21">21</option>';	
	pop_day30 += '<option value="22">22</option>';	
	pop_day30 += '<option value="23">23</option>';	
	pop_day30 += '<option value="24">24</option>';	
	pop_day30 += '<option value="25">25</option>';	
	pop_day30 += '<option value="26">26</option>';	
	pop_day30 += '<option value="27">27</option>';	
	pop_day30 += '<option value="28">28</option>';	
	pop_day30 += '<option value="29">29</option>';	
	pop_day30 += '<option value="30">30</option>';
	pop_day30 += '</select>';
	
	var pop_day31 = '';
	
	pop_day31 += '<select id="pop_day" name="pop_day">';
	pop_day31 += '<option value="">Day</option>';
	pop_day31 += '<option value="1">1</option>';
	pop_day31 += '<option value="2">2</option>';	
	pop_day31 += '<option value="3">3</option>';	
	pop_day31 += '<option value="4">4</option>';	
	pop_day31 += '<option value="5">5</option>';	
	pop_day31 += '<option value="6">6</option>';	
	pop_day31 += '<option value="7">7</option>';	
	pop_day31 += '<option value="8">8</option>';	
	pop_day31 += '<option value="9">9</option>';	
	pop_day31 += '<option value="10">10</option>';	
	pop_day31 += '<option value="11">11</option>';
	pop_day31 += '<option value="12">12</option>';	
	pop_day31 += '<option value="13">13</option>';	
	pop_day31 += '<option value="14">14</option>';	
	pop_day31 += '<option value="15">15</option>';	
	pop_day31 += '<option value="16">16</option>';	
	pop_day31 += '<option value="17">17</option>';	
	pop_day31 += '<option value="18">18</option>';	
	pop_day31 += '<option value="19">19</option>';	
	pop_day31 += '<option value="20">20</option>';	
	pop_day31 += '<option value="21">21</option>';	
	pop_day31 += '<option value="22">22</option>';	
	pop_day31 += '<option value="23">23</option>';	
	pop_day31 += '<option value="24">24</option>';	
	pop_day31 += '<option value="25">25</option>';	
	pop_day31 += '<option value="26">26</option>';	
	pop_day31 += '<option value="27">27</option>';	
	pop_day31 += '<option value="28">28</option>';	
	pop_day31 += '<option value="29">29</option>';	
	pop_day31 += '<option value="30">30</option>';	
	pop_day31 += '<option value="31">31</option>';
	pop_day31 += '</select>';
	
	
		







function pop_submitChk(xform)
{
	// could still be 8th or OTHER after return from CS lightbox	
	if (xform.pop_grade.value == '8' || xform.pop_grade.value == '17')
	{
		close_lightbox();		
		show_lightbox(pop_cs);
		
		return false;
	}
	
	var error = '';
	
	// reset all input fields to original formats
	
	document.getElementById('pop_grade').style.borderStyle = 'solid';
	document.getElementById('pop_grade').style.borderColor = 'black';
	document.getElementById('pop_grade').style.borderWidth = '1px';	
	document.getElementById('pop_grade').style.backgroundColor = 'white';
	
	xform.pop_email.style.backgroundColor = 'white';
	xform.pop_email_check.style.backgroundColor = 'white';
	
	xform.pop_first_name.style.backgroundColor = 'white';
	xform.pop_last_initial.style.backgroundColor = 'white';
	
	
	
	document.getElementById('pop_gender').style.borderStyle = 'solid';
	document.getElementById('pop_gender').style.borderColor = 'black';
	document.getElementById('pop_gender').style.borderWidth = '1px';	
	document.getElementById('pop_gender').style.backgroundColor = 'white';
	
	document.getElementById('pop_birthdate_cell').style.backgroundColor = 'white';
	
	xform.pop_username.style.backgroundColor = 'white';
	xform.pop_password.style.backgroundColor = 'white';
	xform.pop_password_check.style.backgroundColor = 'white';

	
	if (xform.pop_grade.value == '')
	{
		error += "Grade is required.<br />";
		
		
		document.getElementById('pop_grade').style.borderStyle = 'solid';
		document.getElementById('pop_grade').style.borderColor = 'red';
		document.getElementById('pop_grade').style.borderWidth = '1px';	
		
		
		document.getElementById('pop_grade').style.backgroundColor = 'pink';
	}
	




	
	if (xform.pop_email.value != '')
	{
		var emailfilter = /^.+@.+\..{2,3}$/;
		if (!(emailfilter.test(xform.pop_email.value))) {error += "Invalid email address.<br />"; xform.pop_email.style.backgroundColor = 'pink';}	
		
		var badchars = /[\(\)\<\>\,\;\:\\\"\[\]]/;	
		if(xform.pop_email.value.match(badchars)) {error += "Email address contains illegal characters.<br />"; xform.pop_email.style.backgroundColor = 'pink';}
		
		if (xform.pop_email.value != xform.pop_email_check.value)		
		{		
			xform.pop_email.style.backgroundColor = 'pink';
			xform.pop_email_check.style.backgroundColor = 'pink';
			error += "Email addresses do not match.<br />";
		}		
	}
	else
	{	
		error += "Email address is required.<br />";
		xform.pop_email.style.backgroundColor = 'pink';	
	}
	
	



if (xform.pop_first_name.value == '')

	{
		
		
		xform.pop_first_name.style.backgroundColor = 'pink';

		error += "First name is required.<br />";
	}
	else
	{
		if (xform.pop_first_name.value.length < 2)
		{
			
		xform.pop_first_name.style.backgroundColor = 'pink';

		error += "First name must be at least 2 characters.<br />";
		}
	}
	
	
	
	


if (xform.pop_last_initial.value == '')

	{		
		xform.pop_last_initial.style.backgroundColor = 'pink';

		error += "The first initial of your last name is required.<br />";
	}
	
	
	
	
if (xform.pop_gender.value == '')
{
	error += "Gender is required.<br />";
	document.getElementById('pop_gender').style.borderStyle = 'solid';
	document.getElementById('pop_gender').style.borderColor = 'red';
	document.getElementById('pop_gender').style.borderWidth = '1px';
	
	document.getElementById('pop_gender').style.backgroundColor = 'pink';
	
	
}




	
if (xform.pop_month.value == '' || xform.pop_day.value == '' || xform.pop_year.value == '')
{
	error += "Birthdate is required.<br />";
	document.getElementById('pop_birthdate_cell').style.backgroundColor = 'pink';
}



	
	







if (xform.pop_username.value == '')

	{		
		xform.pop_username.style.backgroundColor = 'pink';

		error += "Username is required.<br />";
	}
	else
	{
	
	
				
			if (username_stat != 'good')
			
				{		
					xform.pop_username.style.backgroundColor = 'pink';
			
					error += "Username is not available. Select a different username.<br />";
				}
	}
				
			
			






if (xform.pop_password.value == '')

	{		
		xform.pop_password.style.backgroundColor = 'pink';

		error += "Password is required.<br />";
	}
	else
	{
	
		if (xform.pop_password.value.length < 6)
		{
			
		xform.pop_password.style.backgroundColor = 'pink';

		error += "Password must be at least 6 characters.<br />";
		}
	
	
				
if (xform.pop_password.value != xform.pop_password_check.value)
			
				{		
					xform.pop_password.style.backgroundColor = 'pink';
					xform.pop_password_check.style.backgroundColor = 'pink';
			
					error += "Passwords do not match.<br />";
				}
	}
				
			
			




if (error != '') {

	//alert (error); 

	//document.getElementById('lightbox').offsetHeight = '600';
	
	document.getElementById('err_msgs').innerHTML = error;

	return false;}





	
}
