"document.getElementById is null or not an object" IE problem

[mrdesign]

I've posted a similar problem in "html and css" but now think it's a javascript problem so I've come here.

Basically, I have a menu that has links to display different DIVs. Each Div has a list of thumbnails which display a corresponding large image.

One of these Divs displays correctly and shows a large version of the thumbnail that is clicked on. However, the other 2 simply show the alternative text when the thumbnail is clicked on and no image.

This problem is only in Internet Explorer and it also states the error "'document.getElementById(...)' is null or not an object"

Here is the corresponding javascript.

This is what I use to show or hide the relative DIV:

function showHideItems(myItem){

document.getElementById(myItem).style.display = "block";

switch (myItem){
case "bear":
document.getElementById("bear").style.display = "block";
document.getElementById("kitsune").style.display = "none";
document.getElementById("about").style.display = "none";
document.getElementById("fisherman").style.display = "none";
document.getElementById("idols").style.display = "none";
document.getElementById("contact").style.display = "none";
document.getElementById("homeimg").style.display = "none";
break;
case "kitsune":
document.getElementById("kitsune").style.display = "block";
document.getElementById("bear").style.display = "none";
document.getElementById("about").style.display = "none";
document.getElementById("fisherman").style.display = "none";
document.getElementById("idols").style.display = "none";
document.getElementById("contact").style.display = "none";
document.getElementById("homeimg").style.display = "none";
break;
case "about":
document.getElementById("bear").style.display = "none";
document.getElementById("kitsune").style.display = "none";
document.getElementById("about").style.display = "block";
document.getElementById("fisherman").style.display = "none";
document.getElementById("idols").style.display = "none";
document.getElementById("contact").style.display = "none";
document.getElementById("homeimg").style.display = "none";
break;
case "fisherman":
document.getElementById("bear").style.display = "none";
document.getElementById("kitsune").style.display = "none";
document.getElementById("about").style.display = "none";
document.getElementById("fisherman").style.display = "block";
document.getElementById("idols").style.display = "none";
document.getElementById("contact").style.display = "none";
document.getElementById("homeimg").style.display = "none";
break;
case "idols":
document.getElementById("bear").style.display = "none";
document.getElementById("kitsune").style.display = "none";
document.getElementById("about").style.display = "none";
document.getElementById("fisherman").style.display = "none";
document.getElementById("idols").style.display = "block";
document.getElementById("contact").style.display = "none";
document.getElementById("homeimg").style.display = "none";
break;
case "contact":
document.getElementById("bear").style.display = "none";
document.getElementById("kitsune").style.display = "none";
document.getElementById("about").style.display = "none";
document.getElementById("fisherman").style.display = "none";
document.getElementById("idols").style.display = "none";
document.getElementById("contact").style.display = "block";
document.getElementById("homeimg").style.display = "none";
break;
case "homeimg":
document.getElementById("bear").style.display = "none";
document.getElementById("kitsune").style.display = "none";
document.getElementById("about").style.display = "none";
document.getElementById("fisherman").style.display = "none";
document.getElementById("idols").style.display = "none";
document.getElementById("contact").style.display = "none";
document.getElementById("homeimg").style.display = "block";
break;
}

}


and here is the gallery javascript:

function LoadGallery(pictureName,imageFile,titleCaption,captionText)
{
document.getElementById(pictureName).src = imageFile;
document.getElementById(titleCaption).innerHTML=captionText;
}


I would really appreciate any help on fixing this. Here (http://www.stephen-daoud.co.uk/newsite.html) is a link to the site too.

Many thanks

[Fumigator]

Where is your element with an id of BearGalleryCaption? Are you creating it dynamically in some JS function somewhere?