/**
 * Quiz functions 
 */

function nextQuestion()
{
	if(validate("questionHair")){
		if (validate("questionScalp")){
			var elOne = $('questionOne');
			var elTwo = $('questionTwo');
			elOne.style.display = "none";
			elTwo.style.display = "block";
		}
	}
}

function validate(id)
{
	var inputList = document.getElementById(id);
	var arrayOfCheckBoxes = inputList.getElementsByTagName("input");

	for(var i=0;i<arrayOfCheckBoxes.length;i++){
		if((arrayOfCheckBoxes[i]).checked) {
			if (id == "questionType" && (arrayOfCheckBoxes[5]).checked){
				var inputSubList = $("cleansubmenu");
				var arrayOfCheckBoxesSub = inputSubList.getElementsByTagName("input");
				for(var i=0;i<arrayOfCheckBoxesSub.length;i++){
					if((arrayOfCheckBoxesSub[i]).checked) {
						return true;
					}
				}
				error("questionTwoSub");
				return false;
			}
			return true;
		}
	}
	error(id);
	return false;
}

function error(id) {
	if (id == "questionHair") {
		document.getElementById('errorBox1a').innerHTML = 'Please select type of hair!';
	}
	if (id == "questionScalp") {
		document.getElementById('errorBox1b').innerHTML = 'Please select type of scalp!';
	}
	if (id == "questionType") {
		document.getElementById('errorBox2').innerHTML = 'Please select one!';
	}
	if (id == "questionTwoSub") {
		document.getElementById('errorBox2').innerHTML = '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Please select a sub category!';
	}
}

function showCleanSubMenu() {
	cleanErrorMsg('errorBox2');
	
	var el = document.getElementById('cleansubmenu');
	if (document.getElementById('response3f').checked) {
		el.style.display = "block";
	}else{
		el.style.display = "none";
	}
}

function cleanErrorMsg(id){
		if(id =='errorBox1a') {
			if(validate("questionHair")){
				document.getElementById(id).innerHTML = '';
			}
		}else if(id =='errorBox1b') {
			if(validate("questionScalp")){
				document.getElementById(id).innerHTML = '';
			}
		}else{
				document.getElementById(id).innerHTML = '';
		}		
}

$('questionHair').addEvent('click', function(){cleanErrorMsg('errorBox1a')});
$('questionScalp').addEvent('click', function(){cleanErrorMsg('errorBox1b')});
$('questionType').addEvent('click', function(){showCleanSubMenu()});