nested gridview problem

Hi I want a simple nested gridview to display data records, that's it, very basic no edits, etc. Just when user clicks on grid a nested grid

appears for order showing.  Right now I get an error, object expected when I click on the grid defaulting at runtime. I don't have

gifs for images, or an image folder, I don't think that would cause an error, or the second grid not to display???

Here's my code. Any help would be deeply appreciated. Many thanks!

<script>
 
   function switchViews(obj,row)
        {
            var div = document.getElementById(obj);
            var img = document.getElementById('img' + obj);
           
            if (div.style.display=="none")
                {
                    div.style.display = "inline";
                    if (row=='alt')
                      {
                           img.src="Images/expand_button_white_alt_down.jpg" mce_src="Images/expand_button_white_alt_down.jpg";
                       }
                   else
                       {
                           img.src="Images/Expand_Button_white_Down.jpg" mce_src="Images/Expand_Button_white_Down.jpg";
                       }
                   img.alt = "Close to view other customers";
               }
           else
               {
                   div.style.display = "none";
                   if (row=='alt')
                       {
                           img.src="Images/Expand_button_white_alt.jpg" mce_src="Images/Expand_button_white_alt.jpg";
                       }
                   else
                       {
                           img.src="Images/Expand_button_white.jpg" mce_src="Images/Expand_button_white.jpg";
                       }
                   img.alt = "Expand to show orders";
               }
       }
  
</script>

<div>
  &nbs

View Complete Post