var xmlDoc;
var req;
var position=0;
var interval = 2500;

function newArray()
{

imageArray = new Array("images/puppets.jpg", "images/puppets2.jpg", "images/boat.jpg", "images/dragon.jpg");


nextImage(0);

}

function nextImage(position)
{
	
	if(position==imageArray.length-1)
	position=0;
	else
	position++;
	
	
	document.getElementById("visual_pic").src = imageArray[position];
	
	setTimeout("nextImage(" + position + ")", interval);
}


function loadXML()
{
// code for IE
if (window.ActiveXObject)
{
      req = new ActiveXObject("Microsoft.XMLHTTP");
      if (req) {
          req.onreadystatechange = getmessage;
          req.open("GET", "visual.xml", true);
          req.send();
      }
  }
// code for Mozilla, Firefox, Opera, etc.
else if (document.implementation &&
document.implementation.createDocument)
  {
    req = new XMLHttpRequest();
    req.onreadystatechange = getmessage;
    req.open("GET", "visual.xml", true);
    req.send(null);
  }
else
  {
  alert('Your browser cannot handle this script');
  }
}

function getmessage()
{
xmlDoc = req.responseXML;
var x=xmlDoc.getElementsByTagName("Name");
var courses= "";
for (var i=0;i<x.length;i++)
  { 
	courses= courses + "<li class='brown'>" + x[i].childNodes[0].nodeValue + " <br />";

  }
 

document.getElementById("Names").innerHTML = courses;

newArray();

}