hide/show div [Resolved]

[ober0330]

The call to the function:

echo "<select name=drange size=1 onChange=\"checkd()\">";
            if(isset($_GET['drange']))
            {
                echo "<option value=" . $_GET['drange'] . ">" . $_GET['drange'] . "</option>";
                echo "<option value=ytd>Year To Date</option>";
            }
            else
                echo "<option value=ytd selected>Year To Date</option>";
            
            echo "<option value=all>All Dates</option>";                        
            echo "<option value=range>Range Of Dates</option>";
            echo "</select>"; 

Here's my function:

var browserType;

if (document.layers) {browserType = "nn4"}
if (document.all) {browserType = "ie"}
if (window.navigator.userAgent.toLowerCase().match("gecko")) {browserType= "gecko"}

function checkd()
{
    if(document.dform.drange.options[document.dform.drange.selectedIndex].value != "range")
    {
        if (browserType == "gecko" )
        {
            document.poppedLayer = eval('document.getElementById(\'from\')');
            document.poppedLayer = eval('document.getElementById(\'to\')');
        }
        else if (browserType == "ie")
        {
            document.poppedLayer = eval('document.all[\'from\']');
            document.poppedLayer = eval('document.all[\'to\']');
        }
        else
        {
            document.poppedLayer = eval('document.layers[\'`from\']');
            document.poppedLayer = eval('document.layers[\'`to\']');
        }
        document.poppedLayer.style.visibility = "hidden";
    }
    else
    {
        if (browserType == "gecko" )
        {
            document.poppedLayer = eval('document.getElementById(\'from\')');
            document.poppedLayer = eval('document.getElementById(\'to\')');
        {
        else if (browserType == "ie")
        {
            document.poppedLayer = eval('document.all[\'from\']');
            document.poppedLayer = eval('document.all[\'to\']');        
        }
        else
        {
            document.poppedLayer = eval('document.layers[\'`from\']');
            document.poppedLayer = eval('document.layers[\'`to\']');        
        }
        document.poppedLayer.style.visibility = "visible";
    }    
}

Here is the second div:

<div id="to" style="position:relative; z-index:1; visibility: hidden">
        <?php
        if(isset($_GET['to']))
           echo "To: <input type=text name=to size=12 maxlength=10 value=" . $_GET['to'] . "> ";
        else
            echo "To: <input type=text name=to size=12 maxlength=10> ";
        ?>
    <A HREF="#" onClick="cal1good.select(document.dform.to,'anchor2','MM/dd/yyyy'); return false;" NAME="anchor2" ID="anchor2">select</A>
        <layer></layer></div>

It's not working. When I change it to the correct option, it's not doing the hide/show. I know this is a lot of code, but it's really simple when you really look at it. Am I doing something wrong?