/*variation of 'show_hide.js' for use in the art skin on the divisions pages: controls the rollover 'toggle boxes' on the divisions 'splash' pages (rolling over the white squares displays different text)*/

function toggleBox(szDivID1, szDivID2, szDivID3, iState) // 1 visible, 0 hidden
{
    if(document.layers)	   //NN4+
    {
       document.layers[szDivID1].visibility = iState ? "show" : "hide";
	   document.layers[szDivID2].visibility = iState ? "show" : "hide";
	   document.layers[szDivID3].background = iState ? "#CC3333" : "transparent";
    }
    else if(document.getElementById)	  //gecko(NN6)+ IE 5+
    {
        var obj = document.getElementById(szDivID1);
        obj.style.visibility = iState ? "visible" : "hidden";
		var obj = document.getElementById(szDivID2);
        obj.style.visibility = iState ? "visible" : "hidden";
		var obj = document.getElementById(szDivID3);
        obj.style.background = iState ? "#CC3333" : "transparent";
    }
    else if(document.all)	// IE 4
    {
        document.all[szDivID1].style.visibility = iState ? "visible" : "hidden";
		document.all[szDivID2].style.visibility = iState ? "visible" : "hidden";
		document.all[szDivID3].style.background = iState ? "#CC3333" : "transparent";
    }
}