/* Slide show script for Night Safari images. 
(c) Design For Life Consultancy Pte Ltd, 2008 */

var number = 1;

function nextImage(direction)
{
if (direction) {number = ++number;}
else number = --number;
if (number<1) {number=22;}
if (number>22) {number=1;}
var sp1 = document.createElement("div");
sp1.setAttribute("id", "org_div");
var altText= "dubai zoo slide number "+number;
var imageSrc="dz/image0"+number+".jpg";
var newImage = document.createElement("img");
newImage.setAttribute('src', imageSrc);
newImage.setAttribute('alt', altText);
newImage.style.width = "700";
newImage.style.height = "480";
sp1.appendChild(newImage);
  // add the newly created element and it's content into the DOM
var sp2 = document.getElementById("org_div");
var parentdiv = sp2.parentNode;
parentdiv.replaceChild(sp1, sp2);

var caption = document.getElementById('cap'); 
   // Delete the current content if there is any
   while (caption.firstChild) {
     caption.removeChild(caption.firstChild);
   } 

var content = "New Dubai Zoo presentation page "+number+".";
caption.style.width = "90%";
caption.innerHTML = content  //write content to layer

}