<!-- // hide from old browsers
// hide text from MSIE browsers

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Description : Javascript to collapse/expand (hide/show) menu entries or any element you want.
// Author      : O. Rehmann
// Email       : posbis@bigfoot.com
// Modified    : 06-JAN-2005
// Comment     : This script should work in any javascript style sheet capable browser as it uses 
//               the W3C "document.geEelementById() function for addressing elements.
// 
// Copyright   : If you copy/use this script, be fair and include these references as well :-)
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Help
// ----
// The best way to define an area for collapsing/expanding (hiding/showing) is to use a code sequence as shown 
// below (DIV-TAG):
//
// <DIV id="myid" class="hiddentext">
//   Your HTML code here
// </DIV>
//
// The link which the user clicks should look as follows:
//
// <a href="javascript:void(0);" onClick="ToggleItem('myid'); return false" class="outline">Toggle Element</a>
//
// To initialize the menu use the <body onLoad="" ......> statment.
//
// <body onload="InitMenu();" language="Javascript1.2">
// 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Stylesheet part
// --------------------------------------------------------------------------------------------------------------
// - Writes two style sheet entries on the fly : .hiddentext and .outline
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////
with (document)
{
	// Create styles for hidden text and cursor hand
	write("<STYLE TYPE='text/css'>");
	write(".hiddentext {display:none}  .outline {cursor:hand; text-decoration:underline}");
	write("</STYLE>");
}

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Initialize Menu 
// --------------------------------------------------------------------------------------------------------------
// - Resets all menu entries to state collapsed
// - You must add remove calls for each menu entry you want to collapse/expand
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function InitMenu()
{

// none = hidden
// block = visible

document.getElementById('art').style.display="none";      // collapse menu
document.getElementById('photos').style.display="none";   // collapse menu
document.getElementById('sessions').style.display="none"; // collapse menu
document.getElementById('zardos').style.display="none"; // collapse menu
document.getElementById('guestbook').style.display="none"; // collapse menu

return;
}

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Toggle Item 
// --------------------------------------------------------------------------------------------------------------
// - This function does the toggle work when you click the link. You don't have to change
//   anything in this function.
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function ToggleItem(idElement)
{
	// This function shows/hides (toggles) "idElement" 
	var listElementStyle=document.getElementById(idElement).style;
	if (listElementStyle.display=="none")
	{
	  listElementStyle.display="block";
	}
	else
	{
	  listElementStyle.display="none";
	}			
	return;
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// end hiding from old browsers -->