//Change the state on an element based on the action...
function change(elem, action) 
{
	if (action == 'hide')
		document.getElementById(elem).style.display = 'none';
	else if (action == 'show')
		{document.getElementById(elem).style.display = 'block';}

}

function SelectHeadline(elem)
	{
		document.getElementById(elem).style.backgroundImage = 'url(/img/tab_sel.gif)';
		document.getElementById(elem).style.color = '#000000';
	}

	function DeselectHeadline(elem)
	{
		document.getElementById(elem).style.backgroundImage = 'url(/img/tab_unsel.gif)';
		document.getElementById(elem).style.color = '#000000';
	}
	
function SelectHeadline1(elem)
	{
		document.getElementById(elem).style.background = "#FFFFFF";
		document.getElementById(elem).style.border="solid black 2px";
		document.getElementById(elem).style.marginBottom = "-3px";
		document.getElementById(elem).style.marginLeft = "-1px";
		document.getElementById(elem).style.marginTop = "-1px";
		document.getElementById(elem).style.marginRight = "-1px";		
		document.getElementById(elem).style.color = '#000000';
		document.getElementById(elem).style.height = '30px';
		document.getElementById(elem).style.cursor = 'hand';
	}

	function DeselectHeadline1(elem)
	{
		document.getElementById(elem).style.background = "#EEEDEA";
		document.getElementById(elem).style.border="solid black 2px";
		document.getElementById(elem).style.marginBottom = "-1px";
		document.getElementById(elem).style.marginLeft = "-1px";
		document.getElementById(elem).style.marginTop = "-1px";
		document.getElementById(elem).style.marginRight = "-1px";
		document.getElementById(elem).style.color = '#000000';
		document.getElementById(elem).style.height = '30px';
		document.getElementById(elem).style.cursor = 'hand';
	}	

//switch the current state of a specific element.
function toggle(elem)
{
	document.getElementById(elem).style.display = document.getElementById(elem).style.display == 'none'? document.all?"block":"table-row":"none";
}