// Toggles the visibility of a layer/div
// Args:
//      layerId - reference to the layer id
//      trueControl - controlId that will determine if we should show or hide
function toggleControls(layerId, trueControlId)
{
    var trueControl = document.getElementById(trueControlId);
    toggleVisibility(layerId, trueControl.checked);
}

// Toggles the visibility of a layer/div
// Args:
//      layerId - reference to the layer id
//      show - boolean expression whether to show or hide the div
function toggleVisibility(layerId, show)
{
    var layer = document.getElementById(layerId); // get an instance of the layer
        
    if(show){
        layer.style.visibility = "visible"; 
        layer.style.display = "block"; }
    else {  
        layer.style.visibility = "hidden"; 
        layer.style.display = "none";         
    }
}

//To reset radio list
function ResetRadioListControls(anArrayOfIDs)
{
    var index = 0;
    var radioObj;
    
    if (anArrayOfIDs != null)
    {    
        var len;    
        for ( var i=0, len=anArrayOfIDs.length; i<len; ++i )
        {            
            radioObj = document.getElementById(anArrayOfIDs[i]);
            
            if (radioObj != null)
            {
                if (radioObj.checked)
                    radioObj.checked = false;
            }
        }        
    }
}