function enableText(targetId){
	target = document.getElementById( targetId );    
    target.style.display = "";         
} 

function disableText(targetId){
	target = document.getElementById( targetId );    
    target.style.display = "none";         
} 

function changePrompt(targetId1, targetId2, backColor){
  if (document.getElementById){
  
  	dropBorder = false;
  	dropBorder1 = false;
  
  	if(targetId1.substr(0,8) == 'interest') dropBorder = true;
  	if(targetId1.substr(0,2) == 'tv') dropBorder1 = true; dropBorder = true;
  	if(targetId1.substr(0,4) == 'film') dropBorder1 = true; dropBorder = true;
  	if(targetId1.substr(0,5) == 'sport') dropBorder1 = true; dropBorder = true;
  	if(targetId1.substr(0,8) == 'internet') dropBorder1 = true; dropBorder = true;
  	if(targetId1.substr(0,5) == 'music') dropBorder1 = true; dropBorder = true;
  
            target1 = document.getElementById( targetId1 );
            target2 = document.getElementById( targetId2 );
            target1.style.backgroundColor = backColor;
     	       target1.style.borderTop = '1px #000000 solid';
     	    if(!dropBorder || !dropBorder1) target1.style.borderLeft = '1px #000000 solid';
     	      if(dropBorder1) {
     	      	target1.style.borderRight = '1px #000000 solid';
     	      	target2.style.borderLeft = '1px #000000 solid';
     	      }
     	      target1.style.borderBottom = '1px #000000 solid';
     	       target2.style.backgroundColor = backColor;      
     	       target2.style.borderTop = '1px #000000 solid';
     	       if(!dropBorder || !dropBorder1) target2.style.borderRight = '1px #000000 solid';
     	       target2.style.borderBottom = '1px #000000 solid';
     }
} 

function multiValidate(target1, target2, next, valExp) {
	var result = validate(target1, valExp);
	validateVisual(target2, next, result);
}

function validateQuiz(target, value) {
	
	var t = document.getElementById(target+'table');
	if (value == "true") {
		t.style.backgroundColor = '#95F5A2';
		enableText(target+'correct');
		enableText(target+'textdone');
		disableText(target+'incorrect');
		disableText(target+'texterror');
	}
	else {
		t.style.backgroundColor = '#F5ABAB';
		enableText(target+'incorrect');
		enableText(target+'texterror');
		disableText(target+'correct');
		disableText(target+'textdone');
	}
}

function validateInput(target, next, valExp) {
	
	var result = validate(target, valExp);
	validateVisual(target, next, result);
}

function validateCheckbox(target, next) {
	var result = 'checked';
	validateVisual(target, next, result);
}

function validateVisual(target, next, result) {
	
	disableText(target+'Text');
	
	if (result != -1) {
		enableText(target+'TextDone');
		disableText(target+'TextError');
		changePrompt(target+'Box', target+'TextBox', '#95F5A2');
		n = document.getElementById(next+'Box');
		if(n.style.backgroundColor == 'white') {
			changePrompt(next+'Box', next+'TextBox', '#F2C48F');
		}	
	}
	else {
		enableText(target+'TextError');
		disableText(target+'TextDone');
		changePrompt(target+'Box', target+'TextBox', '#F5ABAB');
	}
}

function initBox(target) {
	t = document.getElementById(target+'Box');
	if(t.style.backgroundColor == 'white') {
		changePrompt(target+'Box', target+'TextBox', '#F2C48F');
	}	
}

function validate(target, valExp) {
	t = document.getElementsByName(target);
	var value = t[0].value;
	var result = value.search(valExp);

	return result;
}

function finalValidate(targetString) {

	var s = targetString.split(', ');
	var x = true;
	for(var i = 0; i < s.length-1; i++) {
		var n = s[i].split('_');
		var reg = new RegExp(n[1]);
		var result = validate(n[0], reg);
		if(result == -1) {
			validateInput(n[0], '', reg);
			alert('Please complete the '+n[0]+' field');
			x = false;
			break;
		}
	}	
	return x;
}

function addText(id,text,icon) {
	x = document.getElementById(id);
	x.value == ''? x.value = text : x.value += '\n'+text;
	i = document.getElementById("icon"+icon);
	i.style.display = "inline";
	n = document.getElementById('icons1');
	n.value += icon+":";
}

function changeCheckBox(id,a,b) {
	y = document.getElementsByName(id);
	x = y[0];
	if(x.checked == true) x.checked = false;
	else x.checked = true;
	validateCheckbox(a,b);
	e = document.getElementsByName(a+'_button');
	f = document.getElementsByName(a+'_button_done');
	for(var i = 0; i < e.length; i++) {
		e[i].style.display = 'none';
		f[i].style.display = 'inline';
	}
}

function changeRadioBox(name,id,a,b) {
	y = document.getElementsByName(name);
	for(var i = 0; i<y.length; i++) {
	if(y[i].value == id) var x = y[i];
	}
	if(x.checked == true) x.checked = false;
	else x.checked = true;
	validateCheckbox(a,b);
	e = document.getElementsByName(a+'_button');
	f = document.getElementsByName(a+'_button_done');
	for(var i = 0; i < e.length; i++) {
		e[i].style.display = 'none';
		f[i].style.display = 'inline';
	}
}

function changeCheckBox1(id,a,b) {
	y = document.getElementsByName(id);
	x = y[0];
	validateCheckbox(a,b);
	e = document.getElementsByName(a+'_button');
	f = document.getElementsByName(a+'_button_done');
	for(var i = 0; i < e.length; i++) {
		e[i].style.display = 'none';
		f[i].style.display = 'inline';
	}
}

function alphaMenuAddTo(id,text) {
	var x = document.getElementById(id);
	x.value += text;
}

function alphaMenuDiscard(id) {
	var x = document.getElementById(id);
	var v = x.value;
	if(v.length > 0) {
		x.value = '';
		var y = '';
		for(var i = 0; i < (v.length-1); i++) {
			y += v[i];
		}
		x.value = y;
	}
}