// fired with function: onfocus="javascript:clearField('name','name');" onblur="javascript:populateField('name','name');"

// clears the content of an input field and changes the font colour
function clearField(fieldName, fieldCopy){
	var whatField = document.getElementById(fieldName);
	if (whatField.value==fieldCopy){
		whatField.style.color = '#000000';
		whatField.value = '';
	}
}

// resets the field to it's original state
function populateField(fieldName, fieldCopy){
	var whatField = document.getElementById(fieldName);
	if (whatField.value==""){
		whatField.style.color = '#999999';
		whatField.value = fieldCopy;
	}
}

var selected = null;

function changestate(elem){
	var whatElem = document.getElementById(elem);
	if(elem != selected){
		if (whatElem.style.display == 'block'){
			document.body.style.cursor='auto'
			whatElem.style.display = 'none';
		} else {
			document.body.style.cursor='pointer'
			whatElem.style.display = 'block';
		}
	}
}

function selectthis(elem){
	
	var whatElem = document.getElementById(elem);
	var parentElem = document.getElementById(elem).parentNode;
	
	if(selected && elem != selected){ 
		var oldsrc = document.getElementById(selected).getElementsByTagName("img")[0].src;
		var newsrc = whatElem.getElementsByTagName("img")[0].src;
		
		document.getElementById(selected).style.display = 'none';
		document.getElementById(selected).getElementsByTagName("img")[0].src = oldsrc.replace("clicked-overlay", "click-overlay");
		document.getElementById(selected).parentNode.getElementsByTagName("input")[0].checked = false;

		whatElem.getElementsByTagName("img")[0].src = newsrc.replace("click-overlay", "clicked-overlay");
		parentElem.getElementsByTagName("input")[0].checked = true;
		
	} else {
		var newsrc = whatElem.getElementsByTagName("img")[0].src;
		
		whatElem.getElementsByTagName("img")[0].src = newsrc.replace("click-overlay", "clicked-overlay");
		parentElem.getElementsByTagName("input")[0].checked = true;
		
	}
	
	selected = elem;
}