//NEW STUFF START
// row colors
var RowColor = new Array(7)
RowColor[1] = "#CCD60D0"
RowColor[2] = "#CA96C4"
RowColor[3] = "#DD9880"
RowColor[4] = "#CCD60D0"
RowColor[5] = "#CA96C4"
RowColor[6] = "#DD9880"


//  NEW STUFF END

// change DgRow background color
var objDgRow = document.getElementById('row2');
function  DgRowSelectedBgColor(obj) {
	// change all background colors
	document.getElementById('row1').style.backgroundColor = "#EDE8B6";
	document.getElementById('row2').style.backgroundColor = "#EDE8B6";
	document.getElementById('row3').style.backgroundColor = "#EDE8B6";
	document.getElementById('row4').style.backgroundColor = "#EDE8B6";
	document.getElementById('row5').style.backgroundColor = "#EDE8B6";
	document.getElementById('row6').style.backgroundColor = "#EDE8B6";
	// change selected row background color to the selected color
	obj.style.backgroundColor="#E1D988";
}
// onmouseout on DgRow
function DgRowMouseOut (objRad,objRow,N) {
		if (objRad.checked) {
					objRow.style.backgroundColor = RowColor[N];
					}
		else {
					objRow.style.backgroundColor = "#EDE8B6";
						}
}
// ***************** UPDATE FIELDS FOR PERSON 2 ******************
function ShowHideFields(selectObj) {
	// get other objects used in this function 
	var Person2 = document.getElementById('showPerson2');
	var Gender2 = document.getElementById('showGender2');
	var Age2 = document.getElementById('showAge2');
	var SexPref2 = document.getElementById('showSexPref2'); 
	// get index of current selection 
	var index = selectObj.selectedIndex;
	// use the index to determine the value of the current selection 
	var pick = selectObj.options[index].value;
	// logic: If value = '3' couple selected display person2 fields 
	// otherwise only display single person fields 
	if (pick == "3")
	 { 
			// if current selection is couple ie valueis 3 
			Person2.style.display = "block";
			Gender2.style.display = "block";
			Age2.style.visibility = "visible";
			SexPref2.style.visibility = "visible"; 
		}
	else 
		{
			// dont display Person 2 fields
			Person2.style.display = "none";
			Gender2.style.display = "none";
			Age2.style.visibility = "hidden";
			SexPref2.style.visibility = "hidden";
		}
}
// ********************* /UPDATE FIELDS FOR PERSON 2 ***********************

// ************* VALIDATION SCRIPTS ******************** 
function ValidatePage2 (source, arguments) {

//new stuff start
var mySpan2 = document.getElementById("Span2");
var mySpan1 = document.getElementById("Span1");
// new stufff end


	// set error message and validationError variables
	var theErrorMessage = "";
	var validationError = false;
	// validate Person2 ___________________  
	var Iam = document.getElementById("ddlIam");
		// get indexs of selected items in Person2 dropdown lists
	var indexIam =  Iam.selectedIndex;
	// get currently selected values
	var pickIam = Iam.options[indexIam].value;
	// if Couple is selected
	if (pickIam == "3") 
	{
			var Gender2 = document.getElementById("ddlGender2");
			var indexGender2= Gender2.selectedIndex;
			var valueGender2 = Gender2.options[indexGender2].value;

			var Age2 = document.getElementById("ddlAge2");
			var indexAge2 = Age2.selectedIndex;
			var valueAge2 = Age2.options[indexAge2].value;

			var SexPref2 = document.getElementById("ddlSexPref2");
			var indexSexPref2 = SexPref2.selectedIndex;
			var valueSexPref2 = SexPref2.options[indexSexPref2].value;

			// new stuff start
			var Gender1 = document.getElementById("ddlGender1");
			var indexGender1= Gender1.selectedIndex;
			var valueGender1 = Gender1.options[indexGender1].value;
			// new stuff end


			
			if ((valueGender2 == "0") || (valueAge2 =="0") || (valueSexPref2 == "0"))
			{
						validationError = true;
						mySpan2.innerHTML = "Please complete!";   // new
			}
			// new stuff start
			else
			{
					mySpan2.innerHTML = "";
			}	
			if (valueGender1 == "0")
			{
						mySpan1.innerHTML = "Select one!";
						validationError = true;
			}
			else
			{
						mySpan1.innerHTML = "";
			}
			// new stuff end
	}


// new stuff start
else
{
			mySpan1.innerHTML = "";
}
// new stuff



	// Validate Looking For (at least one checkbox must be checked)__________________
	var LookingFor1 = document.getElementById("chkLookingFor1");
	var LookingFor2 = document.getElementById("chkLookingFor2");
	var LookingFor3 = document.getElementById("chkLookingFor3");
	var LookingFor4 = document.getElementById("chkLookingFor4");
	var LookingForErrorMsg = document.getElementById("LookingForErrorMsg")
	// check
	if ((LookingFor1.checked == false) && (LookingFor2.checked == false) && (LookingFor3.checked == false) 
		&& (LookingFor4.checked == false))
	{
									validationError = true;
									LookingForErrorMsg.innerText= "Select one or more!"
	}
	else
	{
									LookingForErrorMsg.innerText= " "
	}
	

// Validate Whose interests are: (at least one checkbox must be checked)__________________
	var Interest1 = document.getElementById("chkInterest1");
	var Interest2 = document.getElementById("chkInterest2");
	var Interest3 = document.getElementById("chkInterest3");
	var Interest4 = document.getElementById("chkInterest4");
	var Interest5 = document.getElementById("chkInterest5");
	var Interest6 = document.getElementById("chkInterest6");
	var Interest7 = document.getElementById("chkInterest7");
	var Interest8 = document.getElementById("chkInterest8");
	var InterestsErrorMsg = document.getElementById("interestsErrorMsg")
	// check
	if ((Interest1.checked == false) && (Interest2.checked == false) && (Interest3.checked == false) 
		&& (Interest4.checked == false) && (Interest5.checked == false) && (Interest6.checked ==false)
		&& (Interest7.checked ==false) && (Interest8.checked ==false))
	{
									validationError = true;
									InterestsErrorMsg.innerText= "Select one or more!"
	}
	else
	{
								InterestsErrorMsg.innerText= " "
	}

// Validate Choose Dating Guide: (at least one checkbox must be checked)__________________
	var Dg1 = document.getElementById("radDg1");
	var Dg2 = document.getElementById("radDg2");
	var Dg3 = document.getElementById("radDg3");
	var Dg4 = document.getElementById("radDg4");
	var Dg5 = document.getElementById("radDg5");
	var Dg6 = document.getElementById("radDg6");
	var DgErrorMsg = document.getElementById("DgErrorMsg")
	// check
	if ((Dg1.checked == false) && (Dg2.checked == false) && (Dg3.checked == false) 
		&& (Dg4.checked == false) && (Dg5.checked == false) && (Dg6.checked ==false))		
	{
									validationError = true;
									DgErrorMsg.innerText= "Please choose the most appropriate Dating Guide for you!"
	}
	else
	{
								DgErrorMsg.innerText=" "
	}
			

	// set error message using source.errormessage property
	if (validationError == true)
	{
				arguments.IsValid = false;
	}
	else
	{
				arguments.IsValid = true;				
	}

}	

// VALIDATE PAGE1
function ValidatePage1 (source, arguments) {
		var AgreeTermsConds = document.getElementById("chkAgreeToTerms");
		if (AgreeTermsConds.checked) 
		{
					arguments.IsValid = true;
		}
		else
		{
				arguments.IsValid = false;
		}
}