function openPanel(id) {
	if (document.getElementById){
		    // this is the way the standards work
		    var style2 = document.getElementById(id).style;
		    style2.display = style2.display? "":"block";
	}else if (document.all){
		// this is the way old msie versions work
		var style2 = document.all[id].style;
		style2.display = style2.display? "":"block";
	}else if (document.layers){
		// this is the way nn4 works
		var style2 = document.layers[id].style;
		style2.display = style2.display? "":"block";
	}
 }
 
function hidePanel(id) {

	if (document.getElementById){
		// this is the way the standards work
		var style2 = document.getElementById(id).style;
		style2.display = "none";
		}
		else if (document.all){
		    // this is the way old msie versions work
		    var style2 = document.all[id].style;
		    style2.display = "none";
		}
		else if (document.layers){
		    // this is the way nn4 works
		    var style2 = document.layers[id].style;
		    style2.display = "none";
		}
 }
 
 function whichFunctionPanel(id) {

	if (document.getElementById){
		// this is the way the standards work
		var style2 = document.getElementById(id).style;
		if(style2.display == "none")
		{
		    openPanel(id)
		}
		else
		{
		    hidePanel(id)
		}
	    }
		else if (document.all){
		    // this is the way old msie versions work
		    var style2 = document.all[id].style;
		    if(style2.display == "none")
		    {
		        openPanel(id)
		    }
		    else
		    {
		        hidePanel(id)
		    }
		}
		else if (document.layers){
		    // this is the way nn4 works
		    var style2 = document.layers[id].style;
		    if(style2.display == "none")
		    {
		        openPanel(id)
		    }
		    else
	    	{
	    	    hidePanel(id)
	    	}
		}
 }
  function hidePopup(id) {
	if (document.getElementById)
		{
		// this is the way the standards work
		var style2 = document.getElementById(id).style;
		style2.display = "none";
		}
		else if (document.all)
		{
		// this is the way old msie versions work
		var style2 = document.all[id].style;
		style2.display = "none";
		}
		else if (document.layers)
		{
		// this is the way nn4 works
		var style2 = document.layers[id].style;
		style2.display = "none";
		}
}
function showPupup(id,imgSrc) {
	document["popImage"].src=imgSrc;
	if (document.getElementById)
		{
		// this is the way the standards work
		var style2 = document.getElementById(id).style;
		style2.display = style2.display? "":"block";
		}
		else if (document.all)
		{
		// this is the way old msie versions work
		var style2 = document.all[id].style;
		style2.display = style2.display? "":"block";
		}
		else if (document.layers)
		{
		// this is the way nn4 works
		var style2 = document.layers[id].style;
		style2.display = style2.display? "":"block";
		}

 }