var dynimages=new Array()
dynimages[0]=["images_personal/Vineyard_Yugoslav_bgm.jpg", "Vineyard"]
dynimages[1]=["images_personal/Vineyard_Yugoslav_bgp.jpg", "Vineyard"]
dynimages[2]=["images_personal/Rice_Fields_India_bgm.jpg", "Rice Fields"]
dynimages[3]=["images_personal/Rice_Fields_India_bgp.jpg", "Rice Fields"]
dynimages[4]=["images_personal/Standing_Guard_bgm.jpg","Standing Guard"]
dynimages[5]=["images_personal/Standing_Guard_bgp.jpg", "Standing Guard"]
dynimages[6]=["images_personal/Harmonica_Man_bgm.jpg", "Harmonica Man"]
dynimages[7]=["images_personal/Harmonica_Man_bgp.jpg", "Harmonica Man"]
dynimages[8]=["images_personal/Man_fireplug_bgm.jpg", "Man Sitting Next to Fireplug"]
dynimages[9]=["images_personal/Man_fireplug_bgp.jpg", "Man Sitting Next to Fireplug"]


var descArray=new Array()
descArray[0]="Yugoslavia"
descArray[1]="Yugoslavia"
descArray[2]="India"
descArray[3]="India"
descArray[4]="USSR"
descArray[5]="USSR"
descArray[6]="Singapore"
descArray[7]="Singapore"
descArray[8]="Shanghai"
descArray[9]="Shanghai"


//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==0 || imgindex==1 || imgindex==2 || imgindex==3 || imgindex==4 || imgindex==5) {
document.getElementById("widedynloadarea").style.height="510px"}
if (imgindex==6 || imgindex==7 || imgindex==8  || imgindex==9) {
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="#650203";
titleelem.style.fontWeight="200";
if (imgindex==0 || imgindex==1 || imgindex==2 || imgindex==3 || imgindex==4 || imgindex==5 ) {
titleelem.style.padding="0 0 0 100px"};
document.getElementById("imgbkgrnd").appendChild(titleelem);

var descelem=document.createElement("p")
var descript=document.createTextNode(descArray[imgindex])
descelem.appendChild(descript);
descelem.style.color="#B3B3B3";
descelem.style.fontWeight="normal";
if (imgindex==0 || imgindex==1 || imgindex==2 || imgindex==3 || imgindex==4 || imgindex==5 ){
descelem.style.padding="0 0 0 100px"};
document.getElementById("imgbkgrnd").appendChild(descelem);

return false
}


