/**********************************************************
 Used to Toggle Layers On - Off
 *********************************************************/
function toggleBox(szDivID, iState) // 1 visible, 0 hidden			'Shows hide a Layer
{
    var obj = document.layers ? document.layers[szDivID] :
    document.getElementById ?  document.getElementById(szDivID).style :
    document.all[szDivID].style;
    obj.visibility = document.layers ? (iState ? "show" : "hide") :
    (iState ? "visible" : "hidden");
	
    if (iState == 1) 
	    obj.display = "block";
    else
	    obj.display = "none";
}

/**********************************************************
 You can use an Image to control the on/off.  
 Note the images but be named and saved in the specified 
 paths indicated in the function.
 *********************************************************/
function toggleTreeNode(szDivID, imageToggle) { 
    if (imageToggle.alt == 'open') { 
    imageToggle.src = 'images/layer_close.gif'; 
    imageToggle.alt = 'close'; 
    
    toggleBox(szDivID, 1);
    } 
    else { 
    imageToggle.src = 'images/layer_open.gif'; 
    imageToggle.alt = 'open'; 
    
    toggleBox(szDivID, 0);
    }
}

/**********************************************************
Will turn all Layers on/off based on the Layer Name and Identifier
ie.  layer1, layer2, layer3
 *********************************************************/
function toggleAll(LayerName, DivCnt, iState)  // 1 visible, 0 hidden
{
    for(i=1; i<=DivCnt; i++) {
	    toggleBox(LayerName+i, iState);
	}
}