var xmlhttp;

function GetXmlHttpObject()
{
var request=false;

if (window.XMLHttpRequest)
  {
  // code for IE7+, Firefox, Chrome, Opera, Safari
	  request = new XMLHttpRequest();
  }
else
  {
  // code for IE6, IE5
  	try {
  		request = new ActiveXObject('Msxml2.XMLHTTP');
  	}
  	catch(e) {
  		try{
  			request = new ActiveXObject('Microsoft.XMLHTTP');
  		}
  		catch(e) {
  			request = false;
			alert ("Internet Explorer is not supported...  Use a better browser!");
  		}
  	}
  }
return request;
}

function nextPicture()
{
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
  {
  alert ("Browser does not support HTTP Request");
  return;
  }
document.getElementById('mainDescription').innerHTML = '<img src="http://chrisbence.com/images/uploading.gif" style="margin:3px auto 3px auto;height:25px;width:25px;" alt="loading..." />';
var name=document.getElementById("imageNext").alt;
var url="nextpicture.php";
url=url+"?name="+name;
url=url+"&sid="+Math.random();
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}

function prevPicture()
{
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
  {
  alert ("Browser does not support HTTP Request");
  return;
  }
document.getElementById('mainDescription').innerHTML = '<img src="http://chrisbence.com/images/uploading.gif" style="margin:3px auto 3px auto;height:25px;width:25px;" alt="loading..." />';
var name=document.getElementById("imagePrev").alt;
var url="nextpicture.php";
url=url+"?name="+name;
url=url+"&sid="+Math.random();
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}

function loadPicture(numb)
{
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
  {
  alert ("Browser does not support HTTP Request");
  return;
  }
document.getElementById('mainDescription').innerHTML = '<img src="http://chrisbence.com/images/uploading.gif" style="margin:3px auto 3px auto;height:25px;width:25px;" alt="loading..." />';
var name=document.getElementById("img"+numb).alt;
var url="nextpicture.php";
url=url+"?name="+name;
url=url+"&sid="+Math.random();
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}

function getComments()
{
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
  {
  alert ("Browser does not support HTTP Request");
  return;
  }
var name=document.getElementById("imageMain").alt;
var url="getcomments.php";
url=url+"?name="+name;
url=url+"&sid="+Math.random();
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}

function hideComments() {
document.getElementById("comments").innerHTML = '<a href="#comments" onclick="getComments();return false;">See Comments</a>';
}

function stateChanged()
{
if (xmlhttp.readyState==4)
	{
	inXML=xmlhttp.responseText;
	
	if(window.ActiveXObject)
	  {
	  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
	  xmlDoc.async=false;
	  xmlDoc.loadXML(inXML);
  	}
	else {
	  parser=new DOMParser();
	  xmlDoc=parser.parseFromString(inXML,"text/xml");
	  }
	
  	  
  	var returnType=xmlDoc.getElementsByTagName("returnType")[0].textContent;
  	
  	if(returnType == "comments") {
  		var i = 0;
  		var returnText = "";
  		var numComments = xmlDoc.getElementsByTagName("numComments")[0].textContent;
  		while(i < numComments) {
  			returnText=returnText+'<div class="commentDiv">'+xmlDoc.getElementsByTagName("comment")[i].textContent+'</div>';
  			i++;
  		}	
  		returnText=returnText+'<br /><a href="#picture" onclick="hideComments();return false;">Hide Comments</a>';
  		document.getElementById("comments").innerHTML = returnText;
  		var testing = document.getElementById("comments").innerHTML;
  		var test2 = "2";
  	}
  	else {
  		var mainF;
  		var mainN;
  		var mainW;
  		var mainH;
  		var mainD;
  		var prevF;
  		var prevN;
  		var prevW;
  		var prevH;
  		var nextF;
  		var nextN;
  		var nextW;
  		var nextH;
  		mainN=xmlDoc.getElementsByTagName("name")[0].textContent;  		
  		prevN=xmlDoc.getElementsByTagName("name")[1].textContent;
  		nextN=xmlDoc.getElementsByTagName("name")[2].textContent;
  		mainF="main/"+xmlDoc.getElementsByTagName("name")[0].textContent;
  		prevF="thumb/"+xmlDoc.getElementsByTagName("name")[1].textContent;
  		nextF="thumb/"+xmlDoc.getElementsByTagName("name")[2].textContent;
  		mainW=xmlDoc.getElementsByTagName("width")[0].textContent;
  		prevW=xmlDoc.getElementsByTagName("width")[1].textContent;
  		nextW=xmlDoc.getElementsByTagName("width")[2].textContent;
  		mainH=xmlDoc.getElementsByTagName("height")[0].textContent;
  		prevH=xmlDoc.getElementsByTagName("height")[1].textContent;
  		nextH=xmlDoc.getElementsByTagName("height")[2].textContent;

		document.getElementById("imagePrev").src = prevF;
		document.getElementById("imageMain").src = mainF;
		document.getElementById("imageNext").src = nextF;	
		document.getElementById("imagePrev").alt = prevN;
		document.getElementById("imageMain").alt = mainN;
		document.getElementById("imageNext").alt = nextN;
		document.getElementById("imagePrev").width = prevW;
		document.getElementById("imageMain").width = mainW;
		document.getElementById("imageNext").width = nextW;
		document.getElementById("imagePrev").height = prevH;
		document.getElementById("imageMain").height = mainH;
		document.getElementById("imageNext").height = nextH;
		var fullHref = "full.php?name="+xmlDoc.getElementsByTagName("name")[0].textContent;
		document.getElementById("imageMainA").href = fullHref;
  		mainD=xmlDoc.getElementsByTagName("description")[0].textContent;
		mainD=mainD+' <br /><a href="'+fullHref+'" class="links">(View full size)</a>';
		document.getElementById("mainDescription").innerHTML=mainD;
		


		var numComments = xmlDoc.getElementsByTagName("comments")[0].textContent;
		if(numComments == 1) {
		document.getElementById("comments").innerHTML = '<a href="#comments" onclick="getComments();return false;">See Comments</a>';
		}
		else {
		document.getElementById("comments").innerHTML = "&nbsp;";
		}
		location.hash="picture";
		}
	}
}