var i = 0, j = 0;

var num_q = 0; 

function showNext(question) {
	// set disabled for question 1
	// set visibility for 'continue'
	// set visibility for question 2
	if (question == 'ques_1') {
		num_q++; 

		if (num_q == 1) {
			document.getElementById('q_1a2').disabled = 'disabled'; 
			document.getElementById('q_1b1').style.visibility = 'visible'; 
		}
		
		if (num_q == 2) {
			document.getElementById('q_1b2').disabled = 'disabled'; 
			document.getElementById('q_1c1').style.visibility = 'visible'; 
		}

		if (num_q == 3) {
			document.getElementById('q_1c2').disabled = 'disabled'; 
			document.getElementById('bn_continue').style.display = 'none'; 
			document.getElementById('question_2').style.visibility = 'visible'; 
			document.getElementById('q_2a3').style.visibility = 'visible'; 
		}
	}

	// set disabled for question 2
	// set visibility for question 3
	if (question == 'ques_2') {
		num_q++; 

		if (num_q == 4) {
			document.getElementById('q_2b3y').disabled = 'disabled'; 
			document.getElementById('q_2b3n').disabled = 'disabled'; 
			document.getElementById('q_2a4').style.visibility = 'visible'; 
		}

		if (num_q == 5) {
			document.getElementById('q_2b4y').disabled = 'disabled'; 
			document.getElementById('q_2b4n').disabled = 'disabled'; 
			document.getElementById('q_2a5').style.visibility = 'visible'; 
		}

		if (num_q == 6) {
			document.getElementById('q_2b5y').disabled = 'disabled'; 
			document.getElementById('q_2b5n').disabled = 'disabled'; 
			document.getElementById('q_2a6').style.visibility = 'visible'; 
		}

		if (num_q == 7) {
			document.getElementById('q_2b6y').disabled = 'disabled'; 
			document.getElementById('q_2b6n').disabled = 'disabled'; 
			document.getElementById('question_3').style.visibility = 'visible'; 
			document.getElementById('q_3a7').style.visibility = 'visible'; 
		}
	}

	// set disabled for question 3
	// set visibility for question 4
	if (question == 'ques_3') {
		num_q++; 

		if (num_q == 8) {
			document.getElementById('q_3b7_1').disabled = 'disabled'; 
			document.getElementById('q_3b7_2').disabled = 'disabled'; 
			document.getElementById('q_3b7_3').disabled = 'disabled'; 
			document.getElementById('q_3b7_4').disabled = 'disabled'; 
			document.getElementById('q_3b7_5').disabled = 'disabled'; 
			document.getElementById('q_3b7_6').disabled = 'disabled'; 
			document.getElementById('q_3b7_7').disabled = 'disabled'; 
			document.getElementById('q_3a8').style.visibility = 'visible'; 
		}

		if (num_q == 9) {
			document.getElementById('q_3b8_1').disabled = 'disabled'; 
			document.getElementById('q_3b8_2').disabled = 'disabled'; 
			document.getElementById('q_3b8_3').disabled = 'disabled'; 
			document.getElementById('q_3b8_4').disabled = 'disabled'; 
			document.getElementById('q_3b8_5').disabled = 'disabled'; 
			document.getElementById('q_3b8_6').disabled = 'disabled'; 
			document.getElementById('q_3b8_7').disabled = 'disabled'; 
			document.getElementById('q_3a9').style.visibility = 'visible'; 
		}

		if (num_q == 10) {
			document.getElementById('q_3b9_1').disabled = 'disabled'; 
			document.getElementById('q_3b9_2').disabled = 'disabled'; 
			document.getElementById('q_3b9_3').disabled = 'disabled'; 
			document.getElementById('q_3b9_4').disabled = 'disabled'; 
			document.getElementById('q_3b9_5').disabled = 'disabled'; 
			document.getElementById('q_3b9_6').disabled = 'disabled'; 
			document.getElementById('q_3b9_7').disabled = 'disabled'; 
			document.getElementById('q_3a10').style.visibility = 'visible'; 
		}

		if (num_q == 11) {
			document.getElementById('q_3b10_1').disabled = 'disabled'; 
			document.getElementById('q_3b10_2').disabled = 'disabled'; 
			document.getElementById('q_3b10_3').disabled = 'disabled'; 
			document.getElementById('q_3b10_4').disabled = 'disabled'; 
			document.getElementById('q_3b10_5').disabled = 'disabled'; 
			document.getElementById('q_3b10_6').disabled = 'disabled'; 
			document.getElementById('q_3b10_7').disabled = 'disabled'; 
			document.getElementById('q_3a11').style.visibility = 'visible'; 
		}

		if (num_q == 12) {
			document.getElementById('q_3b11_1').disabled = 'disabled'; 
			document.getElementById('q_3b11_2').disabled = 'disabled'; 
			document.getElementById('q_3b11_3').disabled = 'disabled'; 
			document.getElementById('q_3b11_4').disabled = 'disabled'; 
			document.getElementById('q_3b11_5').disabled = 'disabled'; 
			document.getElementById('q_3b11_6').disabled = 'disabled'; 
			document.getElementById('q_3b11_7').disabled = 'disabled'; 
			document.getElementById('q_3a12').style.visibility = 'visible'; 
		}

		if (num_q == 13) {
			document.getElementById('q_3b12_1').disabled = 'disabled'; 
			document.getElementById('q_3b12_2').disabled = 'disabled'; 
			document.getElementById('q_3b12_3').disabled = 'disabled'; 
			document.getElementById('q_3b12_4').disabled = 'disabled'; 
			document.getElementById('q_3b12_5').disabled = 'disabled'; 
			document.getElementById('q_3b12_6').disabled = 'disabled'; 
			document.getElementById('q_3b12_7').disabled = 'disabled'; 
			document.getElementById('q_3a13').style.visibility = 'visible'; 
		}

		if (num_q == 14) {
			document.getElementById('q_3b13_1').disabled = 'disabled'; 
			document.getElementById('q_3b13_2').disabled = 'disabled'; 
			document.getElementById('q_3b13_3').disabled = 'disabled'; 
			document.getElementById('q_3b13_4').disabled = 'disabled'; 
			document.getElementById('q_3b13_5').disabled = 'disabled'; 
			document.getElementById('q_3b13_6').disabled = 'disabled'; 
			document.getElementById('q_3b13_7').disabled = 'disabled'; 
			document.getElementById('q_3a14').style.visibility = 'visible'; 
		}

		if (num_q == 15) {
			document.getElementById('q_3b14_1').disabled = 'disabled'; 
			document.getElementById('q_3b14_2').disabled = 'disabled'; 
			document.getElementById('q_3b14_3').disabled = 'disabled'; 
			document.getElementById('q_3b14_4').disabled = 'disabled'; 
			document.getElementById('q_3b14_5').disabled = 'disabled'; 
			document.getElementById('q_3b14_6').disabled = 'disabled'; 
			document.getElementById('q_3b14_7').disabled = 'disabled'; 
			document.getElementById('question_4').style.visibility = 'visible'; 
			document.getElementById('q_4a15').style.visibility = 'visible'; 
		}
	}

	// set disabled for question 4
	// set visibility for submit
	if (question == 'ques_4') {
		num_q++; 

		if (num_q == 16) {
			document.getElementById('q_4b15').disabled = 'disabled'; 
			document.getElementById('q_4a16').style.visibility = 'visible'; 
		}

		if (num_q == 17) {
			document.getElementById('q_4b16').disabled = 'disabled'; 
			document.getElementById('q_4a17').style.visibility = 'visible'; 
		}

		if (num_q == 18) {
			document.getElementById('q_4b17').disabled = 'disabled'; 
			document.getElementById('q_4a18').style.visibility = 'visible'; 
		}

		if (num_q == 19) {
			document.getElementById('q_4b18').disabled = 'disabled'; 
			document.getElementById('q_4a19').style.visibility = 'visible'; 
		}

		if (num_q == 20) {
			document.getElementById('q_4b19').disabled = 'disabled'; 
			document.getElementById('q_4a20').style.visibility = 'visible'; 
		}

		if (num_q == 21) {
			document.getElementById('q_4b20').disabled = 'disabled'; 
			document.getElementById('q_4a21').style.visibility = 'visible'; 
		}

		if (num_q == 22) {
			document.getElementById('q_4b21').disabled = 'disabled'; 
			document.getElementById('q_4a22').style.visibility = 'visible'; 
		}

		if (num_q == 23) {
			document.getElementById('q_4b22').disabled = 'disabled'; 
			document.getElementById('submit').style.visibility = 'visible'; 
		}
	}
}

function enableElements() {
	for (var i = 0; i < document.forms['question_page_2'].elements.length; i++) {
		document.forms['question_page_2'].elements[i].disabled = false; 
	}
}

function validate() {
	var status = true; 
	
	var text_array = new Array('first_name', 'surname', 'house', 'postcode', 'mobile_tel', 'home_tel', 'email'); 

	for (var i = 0; i < text_array.length; i++) {
		document.getElementById('alert_' + text_array[i]).innerHTML = ''; 

		if (document.forms['question_page_1'].elements[text_array[i]].value == '') {
			document.getElementById('alert_' + text_array[i]).innerHTML = 'field incomplete'; 
			status = false; 
		}
	}

	var mob = document.forms['question_page_1'].elements['mobile_tel'].value; 
		while (mob.search(/\s/) != -1) {
			mob = mob.replace(/\s+/, ''); 
		}
	var hom = document.forms['question_page_1'].elements['home_tel'].value; 
		while (hom.search(/\s/) != -1) {
			hom = hom.replace(/\s+/, ''); 
		}
	var ema = document.forms['question_page_1'].elements['email'].value; 

	var pattern_phone = /\D/; 
	var pattern_email = /\S+@\S+\.\S+/; 
	
	if (pattern_phone.test(mob) == true) {
	  	document.getElementById('alert_mobile_tel').innerHTML = 'invalid input'; 
		status = false; 
	}

	if (pattern_phone.test(hom) == true) {
	  	document.getElementById('alert_home_tel').innerHTML = 'invalid input'; 
		status = false; 
	}

	if (ema && pattern_email.test(ema) == false) {
	  	document.getElementById('alert_email').innerHTML = 'invalid input'; 
		status = false; 
	}

	return status; 
}

function dropShadow() {
	var strapText = document.getElementById('strap').innerHTML; 

	if (document.getElementById('banner_index')) {
		var banner = document.getElementById('banner_index'); 
	} else {
		var banner = document.getElementById('banner'); 
	}
	
	var shad = document.createElement('div'); 
	shad.id = 'strapShadow'; 
	banner.appendChild(shad); 
	
	var strap = document.getElementById('strap'); 
	var strapContent = strap.innerHTML; 

	strapContent = strapContent.replace('<span class="red">', ''); 
	strapContent = strapContent.replace('</span>', ''); 
	strapContent = strapContent.replace('<SPAN class=red>', ''); 
	strapContent = strapContent.replace('</SPAN>', ''); 
	shad.innerHTML = strapContent; 

	strap.style.zIndex = 10; 
}