function toggleBox(szDivID, iState) // 1 visible, 0 hidden
{
    if(document.layers)	   //NN4+
    {
       document.layers[szDivID].visibility = iState ? "show" : "hide";
    }
    else if(document.getElementById)	  //gecko(NN6) + IE 5+
    {
        var obj = document.getElementById(szDivID);
        obj.style.visibility = iState ? "visible" : "hidden";
    }
    else if(document.all)	// IE 4
    {
        document.all[szDivID].style.visibility = iState ? "visible" : "hidden";
    }
}
function toggleImage(szDivID, iState, imagePath) // 1 visible, 0 hidden
{
    if(document.getElementById)	  //gecko(NN6) + IE 5+
    {
        var obj = document.getElementById(szDivID);
        obj.style.visibility = iState ? "visible" : "hidden";
		var html = new String();
		var endhtml = new String();
		if (iState == 1) {
			endhtml = obj.innerHTML.substr(obj.innerHTML.lastIndexOf("\""));
			html = obj.innerHTML.substring(0,obj.innerHTML.indexOf("src=") + 5);
			html = html.concat(imagePath).concat(endhtml);
			obj.innerHTML = html;
		} else {
			endhtml = obj.innerHTML.substr(obj.innerHTML.lastIndexOf("\""));
			html = obj.innerHTML.substring(0,obj.innerHTML.indexOf("src=") + 5);			
			html = html.concat(endhtml);
			obj.innerHTML = html;
		}
    }
    else if(document.all)	// IE 4
    {
        document.all[szDivID].style.visibility = iState ? "visible" : "hidden";
    }
}

