/* display() 
This java script shows and hides the doodles on the page. 
The explanation is here: 
http://www.ghacks.net/2009/01/15/using-javascript-to-hide-and-unhide-elements-dynamically/ 

action:        What you want to do to element id 'ShowHide': show or hide it.
id:			   Unique block identification; appended to 'ShowHide' id name
txton:		   Text to display for link turning display on 
txtoff:		   Text to display for link turning display off

*/

function display(action, id, txton, txtoff)
{
if (action == 'show')
{
document.getElementById("ShowHide"+id).style.display = "block";
document.getElementById("link"+id).href= "javascript:display('hide', "+id+", '"+txton+"', '"+txtoff+"')";
document.getElementById("link"+id).innerHTML = txtoff;
}

if (action == 'hide')
{
document.getElementById("ShowHide"+id).style.display = "none";
document.getElementById("link"+id).href= "javascript:display('show', "+id+", '"+txton+"', '"+txtoff+"')";
document.getElementById("link"+id).innerHTML = txton;
}
}