var dynimages=new Array()
dynimages[0]=["images_titanic/Abeille_and_Nadir_bgm.jpg", "Abeille and Nadir"]
dynimages[1]=["images_titanic/Abeille_and_Nadir_bgp.jpg", "Abeille and Nadir"]
dynimages[2]=["images_titanic/Abellie_2_bgm.jpg", "Abielle Leaving St. John, Newfoundland"]
dynimages[3]=["images_titanic/Abellie_2_bgp.jpg", "Abielle Leaving St. John, Newfoundland"]
dynimages[4]=["images_titanic/Anchor_Chain_bgm.jpg","Anchor Chain"]
dynimages[5]=["images_titanic/Anchor_Chain_bgp.jpg", "Anchor Chain"]
dynimages[6]=["images_titanic/Artifacts_bgm.jpg", "Artifacts"]
dynimages[7]=["images_titanic/Artifacts_bgp.jpg", "Artifacts"]
dynimages[8]=["images_titanic/Bow_bgm.jpg", "Titanic Bow"]
dynimages[9]=["images_titanic/Bow_bgp.jpg", "Titanic Bow"]
dynimages[10]=["images_titanic/Basket_bgm.jpg", "Recovery Basket"]
dynimages[11]=["images_titanic/Basket_bgp.jpg", "Recovery Basket"]
dynimages[12]=["images_titanic/Boilers_bgm.jpg", "Titanic Boilers"]
dynimages[13]=["images_titanic/Boilers_bgp.jpg", "Titanic Boilers"]
dynimages[14]=["images_titanic/Bollard_bgm.jpg", "Brass Capstan and Anchor Chain"]
dynimages[15]=["images_titanic/Bollard_bgp.jpg", "Brass Capstan and Anchor Chain"]

var descArray=new Array()
descArray[0]=" "
descArray[1]=" "
descArray[2]=" "
descArray[3]=" "
descArray[4]=" "
descArray[5]=" "
descArray[6]=" "
descArray[7]=" "
descArray[8]=" "
descArray[9]=" "
descArray[10]=" "
descArray[11]=" "
descArray[12]=" "
descArray[13]=" "
descArray[14]=" "
descArray[15]=" "

//Preload images ("yes" or "no"):
var preloadimg="no"

//Set image border width:
var imgborderwidth=3

//Optionally, change 1.0 and 0.7 below to affect Wipe gradient size and duration in seconds in IE5.5+:
var filterstring="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)"


if (preloadimg=="yes"){
for (x=0; x<dynimages.length; x++){
var myimage=new Image()
myimage.src=dynimages[x][0]
}
}
function clearinnerHTML(obj) {
while(obj.firstChild) obj.removeChild(obj.firstChild);
}



function returnimgcode(theimg){
var imghtml=""
imghtml='<img src="'+theimg[0]+'" border="'+imgborderwidth+'">'
return imghtml
}

function modifyimage(loadarea,imgindex){
if (document.getElementById) {
var imgobj=document.getElementById(loadarea)
if (imgindex==2 || imgindex==3) {
document.getElementById("widedynloadarea").style.height="377px"}
else 
{document.getElementById("widedynloadarea").style.height="366px"}


if (imgobj.filters && window.createPopup){
imgobj.style.filter=filterstring
imgobj.filters[0].Apply()
}
imgobj.innerHTML=returnimgcode(dynimages[imgindex])
if (imgobj.filters && window.createPopup)
imgobj.filters[0].Play()

clearinnerHTML(document.getElementById("imgbkgrnd"));
}

var titleelem=document.createElement("p")
var pictitle=document.createTextNode(dynimages[imgindex][1])
titleelem.appendChild(pictitle);
titleelem.style.color="#708AF0";
titleelem.style.fontWeight="200";

document.getElementById("imgbkgrnd").appendChild(titleelem);

var descelem=document.createElement("p")
var descript=document.createTextNode(descArray[imgindex])
descelem.appendChild(descript);
descelem.style.color="#B4C0F0";
descelem.style.fontWeight="normal";
document.getElementById("imgbkgrnd").appendChild(descelem);

return false
}

function modifyimagetall(loadarea,imgindex){
if (document.getElementById) {
document.getElementById("widedynloadarea").style.height="510px";

var imgobj=document.getElementById(loadarea);
if (imgobj.filters && window.createPopup){
imgobj.style.filter=filterstring
imgobj.filters[0].Apply()
}

imgobj.innerHTML=returnimgcode(dynimages[imgindex])
if (imgobj.filters && window.createPopup)
imgobj.filters[0].Play()

clearinnerHTML(document.getElementById("imgbkgrnd"));
}
var titleelem=document.createElement("p")
var pictitle=document.createTextNode(dynimages[imgindex][1])
titleelem.appendChild(pictitle);
titleelem.style.color="#646363";
titleelem.style.fontWeight="bolder";

document.getElementById("imgbkgrnd").appendChild(titleelem);

var descelem=document.createElement("p")
var descript=document.createTextNode(descArray[imgindex])
descelem.appendChild(descript);
descelem.style.color="#646363";
descelem.style.fontWeight="normal";
document.getElementById("imgbkgrnd").appendChild(descelem);
return false
}