function toggleClue(el) {

	if(!el.id) return false;

	var userAgent = navigator.userAgent.toLowerCase();
	if (userAgent.indexOf('msie 6.0') != -1) {
		var ie6 = true;
	}

	//first check if an id has been assigned to tr + flyout
	var parentId = el.parentNode.id;
	var childId = el.childNodes[1].id;

	// if not add them
	if(!parentId) {
		el.parentNode.id = 'parent'+el.id;
		parentId = el.parentNode.id;
	}

	if(!childId) {
		el.childNodes[1].id = el.id+'Flyout';
		childId = el.childNodes[1].id;
	}


	//toggle
	var state = document.getElementById(childId).style.display;
	if(state == 'block') {
		state = 'none';
		if(!ie6) document.getElementById(parentId).style.backgroundColor = '#EDEDE5;';
	}
	else {
		state = 'block';
		if(!ie6) document.getElementById(parentId).style.backgroundColor = '#EEF9FF;';
	el.style.cursor = "pointer";
	el.style.cursor = "hand";
	}

	//apply
	document.getElementById(childId).style.display = state;