function toggle( element_id){
	
	if(document.getElementById( element_id).style.display == 'none')
		document.getElementById( element_id).style.display = 'block'
	else if(document.getElementById( element_id).style.display == ''     ||
	        document.getElementById( element_id).style.display == 'block'  )
		document.getElementById( element_id).style.display = 'none'
	
}

function changeTab( button){
	
	var buttons = button.parentNode.getElementsByTagName( "input")
	
	for(var i = 0; i < buttons.length; i++){
		buttons[i].disabled = false
		buttons[i].style.borderTop    = "solid thin white";
		buttons[i].style.borderLeft   = "solid thin white";
		buttons[i].style.borderRight  = "solid thin white";
		buttons[i].style.borderBottom = "solid thin black";
		$( buttons[i].value.replace( /\ /g, "_")).style.display = "none"
	}
	
	button.disabled = true;
	button.style.borderTop    = "solid thin black";
	button.style.borderLeft   = "solid thin black";
	button.style.borderRight  = "solid thin black";
	button.style.borderBottom = "solid thin #2F541C";
	$(button.value.replace( /\ /g, "_")).style.display = "block"
	
}

function openRow( button){
	
	var theForm = button.form
	
	//disable all elemets except for 'Open Row' buttons
	for(var i=1; i < theForm.elements.length; i++){
		
		if( theForm.elements[i].value != "Open Row")
			theForm.elements[i].disabled = true
		
	}
	
	//enable the row
	var tableRow   = button.parentNode.parentNode
	var rowInputs  = tableRow.getElementsByTagName( 'input')
	var rowSelects = tableRow.getElementsByTagName( 'select')
	
	for(var i=0; i < rowInputs.length; i++)
		rowInputs[i].disabled = false
		
	for(var i=0; i < rowSelects.length; i++)
		rowSelects[i].disabled = false
	
}