var demoRecord,demoLink,i=0,pic,picTitle,picLink,xmlDemoData;

function loadDemoPics(){
		 xmlDemoData = document.getElementById("sourceDemo");
	       	 demoRecord=xmlDemoData.getElementsByTagName("demo")[0];
		picTitle=demoRecord.getElementsByTagName("Title")[0].firstChild.data;
		document.getElementById("pTitle").innerHTML=picTitle;
		picLink=demoRecord.getElementsByTagName("linkPage")[0].firstChild.data;
		document.getElementById("demoLink").href=picLink;
		pic=demoRecord.getElementsByTagName("Photo")[0].firstChild.data;
		document.getElementById("demoPicture").src=pic;
		
  }

function loadNextPic(){
		var temp=0,len=0,i=0,match,nextPicTitle;

		
		demoRecord=xmlDemoData.getElementsByTagName("demo");
		len=demoRecord.length;
		do
		{
		
		demoRecord=xmlDemoData.getElementsByTagName("demo")[i];
		nextPicTitle = demoRecord.getElementsByTagName("Title")[0].firstChild.data;
		match=nextPicTitle.localeCompare(picTitle);
		if(match == 0)
			temp=i;
		i++;	
		}while(i<len);
		temp++;
		alert(temp);
		if(temp == len)
			{
				temp =0;
				i=0; 
				demoRecord=xmlDemoData.getElementsByTagName("demo")[temp];
				picTitle=demoRecord.getElementsByTagName("Title")[0].firstChild.data;
			 	picLink=demoRecord.getElementsByTagName("linkPage")[0].firstChild.data;
			 	pic= demoRecord.getElementsByTagName("Photo")[0].firstChild.data;
				
			 }
		else
			{
				demoRecord=xmlDemoData.getElementsByTagName("demo")[temp];
				picTitle = demoRecord.getElementsByTagName("Title")[0].firstChild.data;
						
			 	picLink = demoRecord.getElementsByTagName("linkPage")[0].firstChild.data;
			 	pic = demoRecord.getElementsByTagName("Photo")[0].firstChild.data;
		
			}
		
		document.getElementById("pTitle").innerHTML= picTitle;
		document.getElementById("demoLink").href= picLink;
		document.getElementById("demoPicture").src= pic;
}