I have a jscript that I added a line of code to to allow me to have a clever way of showing hidden divs further down the page.

This is my script and it seems to work in I.E, but not in the others, so was wondering if anybody could help me with this.

Code:
<script language="javascript" type="text/javascript">
function showonlyonev2(thechosenone) {
      var newboxes = document.getElementsByTagName("div");
      for(var x=0; x<newboxes.length; x++) {
            name = newboxes[x].getAttribute("name");
            if (name == 'newboxes-2') {
                  if (newboxes[x].id == thechosenone) {
                        if (newboxes[x].style.display == 'block') {
                              newboxes[x].style.display = 'none';
                        }
                        else {
                              newboxes[x].style.display = 'block';
                        }
                  }else {
                        newboxes[x].style.display = 'none';
                  }
            }
      }
	  window.location.hash = "#info";
} 
</script>
And this is the other bit.

HTML Code:
<a name="Info" id="Info2"></a>
If it helps this is the page.

http://www.crownatcaldicotcastle.co.uk/

It supposed to work when you click one of the titles in the 4 categories across the middle of the page. eg Medieval Banquets, Weddings etc