var arrItems;

function GalleryItem(id, img, title, desc, url) {
	this.id = id;
	this.img = img;
	this.title = title;
	this.desc = desc;
	this.url = url;
}

function next() {
	//debugger;
	if (arrItems[4].id != 0) {
		document.getElementById('img1').src = arrItems[2].img;
		document.getElementById('img2').src = arrItems[3].img;
		document.getElementById('img3').src = arrItems[4].img;
		document.getElementById('img4').src = arrItems[5].img;
		document.getElementById('img5').src = arrItems[6].img;
		document.getElementById('CentreGalleryItem').childNodes[0].href = arrItems[4].url;
		document.getElementById('CentreGalleryItem').childNodes[1].childNodes[0].innerHTML = arrItems[4].title;
		document.getElementById('CentreGalleryItem').childNodes[1].childNodes[0].href = arrItems[4].url;
		document.getElementById('CentreGalleryItem').childNodes[2].innerHTML = arrItems[4].desc;
		arrItems[0] = arrItems[1];
		arrItems[1] = arrItems[2];
		arrItems[2] = arrItems[3];
		arrItems[3] = arrItems[4];
		arrItems[4] = arrItems[5];
		arrItems[5] = arrItems[6];
		getItem('next');
	}
	else {
	
	}
}
function previous() {
	//debugger;
	if (arrItems[2].id != 0) {
		document.getElementById('img1').src = arrItems[0].img;
		document.getElementById('img2').src = arrItems[1].img;
		document.getElementById('img3').src = arrItems[2].img;
		document.getElementById('img4').src = arrItems[3].img;
		document.getElementById('img5').src = arrItems[4].img;
		document.getElementById('CentreGalleryItem').childNodes[0].href = arrItems[2].url;
		document.getElementById('CentreGalleryItem').childNodes[1].childNodes[0].innerHTML = arrItems[2].title;
		document.getElementById('CentreGalleryItem').childNodes[1].childNodes[0].href = arrItems[2].url;
		document.getElementById('CentreGalleryItem').childNodes[2].innerHTML = arrItems[2].desc;
		arrItems[6] = arrItems[5];
		arrItems[5] = arrItems[4];
		arrItems[4] = arrItems[3];
		arrItems[3] = arrItems[2];
		arrItems[2] = arrItems[1];
		arrItems[1] = arrItems[0];
		getItem('previous');
	}
	else {
	
	}
}

function setCentre(objIMG) {
	//debugger;
	//alert(0);
	//previous();
	//previous();
}


function GetXmlHttpObject()

{

  var xmlHttp=null;
  try
    {
    // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
    }
  catch (e)
    {
    // Internet Explorer
    try
      {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      }
    catch (e)
      {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    }
  return xmlHttp;
}

function getItem(strNavDirection)
{
//debugger;
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  }
var url="/AjaxGalleryItem.php";
url=url+"?nav="+strNavDirection;

if (strNavDirection=='next') {
	url=url+"&id="+arrItems[5].id;
	xmlHttp.onreadystatechange=gotNext;
}
else if (strNavDirection=='previous') {
	url=url+"&id="+arrItems[1].id;
	xmlHttp.onreadystatechange=gotPrevious;
}
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}

function gotNext()
 {
 if (xmlHttp.readyState==4)
 {
 //debugger;
 		//the AJAX call will return the string delimited by ||
		var re = new String;
		var ar;
		re = xmlHttp.responseText;
		ar = re.split("||");

		arrItems[6] = new GalleryItem(ar[0],ar[1],ar[2],ar[3],ar[4]);
 }
}

function gotPrevious()
 {
 if (xmlHttp.readyState==4)
 {
 //debugger;
 		//the AJAX call will return the string delimited by ||
		var re = new String;
		var ar;
		re = xmlHttp.responseText;
		ar = re.split("||");

		arrItems[0] = new GalleryItem(ar[0],ar[1],ar[2],ar[3],ar[4]);

 }
}

  //State	Description
  //0	The request is not initialized
  //1	The request has been set up
  //2	The request has been sent
  //3	The request is in process
  //4	The request is complete