I believe I found the cause of this problem, and I would appreciate your feedback. I traced it down to statements within a specific function. For purposes of this discussion I left in one of the problem statements, but commented it out.
// Javascript document code
var preloadFlag = false;
function preloadImages(webPage) {
if (document.images) {
function loadIndexPics() {
// The problem statement commented out below
// imgMlnLogo = newImage("Assets/Images/mln_logo.jpg");
mlnLogo = newImage("Assets/Images/mln_logo.jpg");
topLevelMenu = newImage("Assets/Images/mln_toplevelmenu.gif");
sideMenu = newImage("Assets/Images/mln_sidement.gif");
redBottle = newImage("Assets/Images/3dbottle_with_shadow.jpg");
preloadFlag = true;
}
function loadDisplayPics() {
display48 = newImage("Assets/Images/display48.jpg");
display48_over = newImage("Assets/Images/display48_over.jpg");
display42 = newImage("Assets/Images/display42.jpg");
display42_over = newImage("Assests/Images/display42_over.jpg");
preloadFlag = true;
}
switch(webPage) {
case "index":
loadIndexPics();
break;
case "displays":
loadIndexPics();
loadDisplayPics();
break;
}
}
}
// ** End Javascript document code **
As it now stands, the problem is resolved. However, I'd appreciate clarification as to why the problem existed. Here's my theory. The commented statement in the loadIndexPics() function - namely,
imgMlnLogo = newImage("Assets/Images/mln_logo.jpg");
- uses "imgMlnLogo" as an object reference to the Image object created by the "newImage()" function. The web page that utilizes the loadIndexPics() function contains an <img> tag, which name attribute is "imgMlnLogo". The error message I received indicated the object in question did not support the property or method. It sounds like an attempt was made to assign the <img> tag to the return value of the "newImage()" function call. I can why this would generate an error. However, if this is the case, I'm confused as to how the "imgMlnLogo" object reference in the external Javascript document equates to the "imgMlnLogo" <img> tag in the web page. I can understand if we had the following, for example.
// In the Javascript document
imgMlnLogo = document.getElementById("logo_id")
, where the <img> tag utilized the "name" and "id" attributes, with "name" being "imgMlnLogo" and "id" being "logo_id".
Otherwise, if the problem is as I suspect, I can't see how the object reference "imgMlnLogo" in the external Javascript document is in the same scope as that for the "imgMlnLogo" <img> tag. Perhaps it is by default, since all document images are maintained in the "images" collection for that page?
Your feedback is greatly appreciated.
Before you post, read our: 
ointer".....>
