//start building the rollover oDivContainer = document.createElement("div"); oDivContainer.setAttribute("class","box_container"); oDivContainer.setAttribute("id",sDivId); oDivContainer.setAttribute("width",containerW); oDivContainer.setAttribute("height",containerH); oDivBack = document.createElement("div"); oDivBack.setAttribute("class","box_back"); oDivBack.setAttribute("width",backW); oDivBack.setAttribute("height",backH); oDivHover = document.createElement("div"); oDivHover.setAttribute("class","box_hover_shadow"+sBrowser); oDivHover.setAttribute("width",hoverW); oDivHover.setAttribute("height",hoverH); oThumbnail = document.createElement("img"); oThumbnail.setAttribute("src","../../images/linked_sites/thumb_"+size+"_photopanoramacouk.jpg"); oThumbnail.setAttribute("class","box_inner"+sBrowser); oThumbnail.setAttribute("width",size+"%"); oThumbnail.setAttribute("height",size+"%"); oLeadingDots = document.createElement("img"); oLeadingDots.setAttribute("src","../../images/icons/expand_to_large_thumb_up.png"); //put the divs and images together oDivHover.appendChild(oThumbnail); oDivBack.appendChild(oDivHover); oDivContainer.appendChild(oDivBack); oDivContainer.appendChild(oLeadingDots); document.body.appendChild(oDivContainer);