var penaltyCount = 1;

function showItem(id) {
	
	var obj = document.getElementById(id);
	obj.style.visibility = "visible";
	obj.style.height = "auto";
}

function hideItem(id) {
	
	var obj = document.getElementById(id);
	obj.style.visibility = "hidden";
	obj.style.height = "0px";
}

function clickIt(clickedID) {
	
	return;
}

function addPenalty() {
	
	penaltyCount++;
	
	var container = document.getElementById("penalties");
	
	var br = document.createElement('BR');
	
	var space = document.createTextNode(' ');
	
	var yellow = document.createTextNode('Yellow Card ');
	
	var red = document.createTextNode('Red Card ');
	
	var input = document.createElement('INPUT');
	input.type='TEXT';
	input.name='Penalty ' + penaltyCount;
	
	var radio1 = document.createElement('INPUT');
	radio1.type='RADIO';
	radio1.name='Penalty ' + penaltyCount + ' Type';
	radio1.value='yellow';
	radio1.onclick = addPenalty;
	radio1.innerHTML = 'Yellow Card';
	
	var radio2 = document.createElement('INPUT');
	radio2.type='RADIO';
	radio2.name='Penalty ' + penaltyCount + ' Type';
	radio2.value='red';
	radio2.onclick = addPenalty;
	
	container.appendChild(br);
	container.appendChild(input);
	container.appendChild(space);
	container.appendChild(radio1);
	container.appendChild(yellow);
	container.appendChild(radio2);
	container.appendChild(red);
	container.appendChild(br);
}


     //       <input type="radio" name="penalty1type" value="yellow" onclick="addPenalty();" />Yellow Card