xmlDoc=loadXMLDoc("xml/tblPhotos.xml");
var statesArray = new Array();
var allStates = xmlDoc.getElementsByTagName("tblPhotos");
for (var i=0; i<allStates.length; i++) {
statesArray[i] = allStates[i].getElementsByTagName("keywords")[0].firstChild;
var phoName=allStates[i].getElementsByTagName("phoName")[0].firstChild;	
var phoDesc=allStates[i].getElementsByTagName("phoDesc")[0].firstChild;
var galId=allStates[i].getElementsByTagName("galId")[0].firstChild;
var imgSrc=allStates[i].getElementsByTagName("phoSrc")[0].firstChild;

galId=galId.nodeValue.replace(" ","");

var keywordList=allStates[i].getElementsByTagName("keywords")[0].firstChild;
if (phoName==undefined){phoName="1"}
if (phoDesc==undefined){phoDesc="1"}
if (keywordList==undefined){keywordList="1"}
var keyWord=galId+"/"+phoName.nodeValue+"~"+phoDesc.nodeValue+"$"+keywordList.nodeValue+"^"+imgSrc.nodeValue;
statesArray[i] = keyWord;
}


function picSrch(fldName){
var str = document.getElementById(fldName).value;
while(document.getElementById("photoChoices").firstChild) document.getElementById("photoChoices").removeChild(document.getElementById("photoChoices").firstChild);
if (str.length==null || str=="" || str.length==0){
while(document.getElementById("photoChoices").firstChild) document.getElementById("photoChoices").removeChild(document.getElementById("photoChoices").firstChild);
return false;
}

var counter=0;
for (var i=0; i<statesArray.length; i++) {

var thisState = statesArray[i];
if (thisState.toLowerCase().indexOf(str.toLowerCase()) != -1) {
counter=counter+1;
var tempDiv = document.createElement("div");
var thisLoc=String(thisState).substring(0,thisState.indexOf("~"));
var thisDesc=String(thisState).substring(thisState.indexOf("~")+1,thisState.indexOf("$"));
var thisImgSrc=String(thisState).substring(thisState.indexOf("^")+1,(thisState.length));
picPreview = document.createElement("img");
picPreview.id=thisImgSrc
picPreview.src = thisImgSrc;
picPreview.width = "60";
picPreview.height = "60";
picPreview.align="left";
picPreview.border = "1";
picPreview.alt = thisDesc;
picPreview.title = thisDesc;
picPreview.onclick=function() {setDiv(this.id,fldName);}

aLink = document.createElement("a");
aLink.className="phoLink"
aLink.id= thisImgSrc;
aLink.onclick=function() {setDiv(this.id,fldName);}
aLink.appendChild(document.createTextNode("Select this picture"));

tempDiv.appendChild(picPreview);
tempDiv.appendChild(document.createTextNode(thisDesc));
tempDiv.appendChild(aLink);
tempDiv.className="showDiv";
tempDiv.id="showDiv"+i;

document.getElementById("photoChoices").appendChild(tempDiv);
while(document.getElementById("boxBotImg").firstChild) document.getElementById("boxBotImg").removeChild(document.getElementById("boxBotImg").firstChild);
document.getElementById("boxBotImg").appendChild(document.createTextNode(counter+" available photos"));
}
}
}

function setDiv(text,thisField){
if(document.getElementById("photoChoices").firstChild.nodeValue){document.getElementById("photoChoices").firstChild.nodeValue="";}
//document.getElementById(thisField).disabled = true;
document.getElementById(thisField).value = text;
picSelprev = document.createElement("img");
picSelprev.id="minutesUnits";
picSelprev.src = text;
picSelprev.alt = text;
picSelprev.title = text;
picSelprev.width = "100";
picSelprev.height = "100";
picSelprev.onclick=function() {resetImageSel(thisField);}

while(document.getElementById("photoChoices").firstChild) document.getElementById("photoChoices").removeChild(document.getElementById("photoChoices").firstChild);

document.getElementById("photoChoices").appendChild(picSelprev);

aLink = document.createElement("a");
aLink.className="phoLink"
aLink.onclick=function() {resetImageSel(thisField);}
aLink.appendChild(document.createTextNode("Change Picture"));

document.getElementById("photoChoices").appendChild(aLink);

}

function resetImageSel(thisField){
//document.getElementById(thisField).disabled = false;
document.getElementById(thisField).value = "";
while(document.getElementById("photoChoices").firstChild) document.getElementById("photoChoices").removeChild(document.getElementById("photoChoices").firstChild);
}

function resetValue(fldName){
document.getElementById(fldName).value = "";
}