var xmlhttp;
var div_target;
var _start;
var _length;
var _query;
var _prevStart;
var _prevLength;
var _prevQuery;
var _prev;

function loadXMLDoc(url, target, start, length, query)
{
	xmlhttp=null;
	div_target=target;
	_start = start;
	_length = length;
	_query = query;
	_prev = "";
	
	if (window.XMLHttpRequest)
  	{// code for IE7, Firefox, Mozilla, etc.
		xmlhttp=new XMLHttpRequest();
	}
	else if (window.ActiveXObject)
	{// code for IE5, IE6
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}

	if (xmlhttp!=null)
  	{
  		xmlhttp.onreadystatechange=onResponse;
  		xmlhttp.open("GET",url,true);
  		xmlhttp.send(null);
  	}
	else
  	{
  		alert("Your browser does not support XMLHTTP.");
  	}
}

function onResponse()
{
	if(xmlhttp.readyState!=4) return;
	if(xmlhttp.status!=200)
	{
  		alert("Problem retrieving XML data");
  		return;
  	}

	txt="<table class='mos'>";
	var j=0; //total records
	var k=0; //records fopage
	var addEntry=true;
	var links=""
	var arrowTxt = "<img src='images/backarrow.gif' onclick='"; ///>";
	var previousTxt = "";
	var nextTxt = "";	
	var previousArrow = true;
	var nextArrow = true;
	
	if(_query == "table")
	{
		
		_prev=document.getElementById(div_target).innerHTML;
		alert(document.getElementById(div_target).innerHTML);
	
		x=xmlhttp.responseXML.documentElement.getElementsByTagName("PHOTOS");
		txt="<table class='mos' align='center'>";
		for (i=0;i<x.length;i++)
		{	
			if(addEntry && i >= _start)
			{			
				if ((k%2) == 0)
				{
					txt=txt + "<tr>";
				}
			
				var name = (x[i].getElementsByTagName("NAME"))[0].firstChild.nodeValue;
				var image = (x[i].getElementsByTagName("IMAGE"))[0].firstChild.nodeValue;
					
				if(name == "empty string")
				{
					name = "";
				}
				if(image == "empty string")
				{
					image = "";
				}
					
						txt=txt + "<td class='mosIcon'><img src='" + image + "' align='middle' alt='" + name + "' width='252' height='189' longdesc='http://www.clevelandcatholicpriesthood/images/" + image + "'  usemap='#Map" + i + "'/><map name='Map" + i + "'><area shape='rect' coords='-44,-139,400,400' onclick='_prevStart=_start; _prevLength=_length; _prevQuery=_query;loadXMLDoc(\"xml/pages.xml\", \"tableview\", " + i + ", 1, \"info\");'/></map></td>";
						
				if((k%2) == 2)
				{
					txt=txt + "</td></tr>";
				}
				
				k++;
			}
			
			if(j%_length == 0)
			{
				if(_start == i)
				{
					links = links + "<img src='images/bulletoff.gif' onclick='loadXMLDoc(\"xml/pages.xml\", \"tableview\", " + i + ", " + _length + ", \"" + _query + "\");'/>";
					arrowTxt = arrowTxt + previousTxt + "'/>";
					previousArrow = false;
				}
				else
				{
					var bullet = "loadXMLDoc(\"xml/pages.xml\", \"tableview\", " + i + ", " + _length + ", \"" + _query + "\");";
					if(previousArrow)
					{
						previousTxt = bullet;
					}
					else if(nextArrow)
					{
						nextTxt = bullet;
						nextArrow = false;
					}
							
					links = links + "<img src='images/bullet.gif' onclick='" + bullet + "'/>";
				}
			}
					
			j++;
			if(k >= _length)
			{
				addEntry = false;
			}
		}
		
		links = arrowTxt + links + "<img src='images/nextarrow.gif' onclick='" + nextTxt + "'/>";	
	
		if(k%2 == 1)
		{
			txt = txt + "<td class='mosIcon'></td><td class='mosText'></td></tr>";
			k++;
		}
	
		for(;k < _length; k=k+2)
		{
			txt = txt + "<tr><td class='mosIcon'></td><td class='mosText'></td><td class='mosIcon'></td><td class='mosText'></td></tr>";
		}
	
		var pages=j/_length;
	
		txt = txt + "<tr><td colspan='4'><center>" + links + "</center></td></tr>";
		
		txt = txt + "<tr><td colspan='4'><center>Click the arrows to advance through the list</center></td></tr>";
		
		txt = txt + "<tr><td colspan='4'><center><span onclick='document.getElementById(div_target).innerHTML = _prev'>Click to return to list</span></center></td></tr>";
	//	_prev=document.getElement(div_target).innerHTML;
	
	
		txt = txt + "</table>";

		document.getElementById(div_target).innerHTML=txt;
	}
	else if(_query == "info")
	{
		x=xmlhttp.responseXML.documentElement.getElementsByTagName("PHOTOS");
		var i = _start;
		var name = (x[i].getElementsByTagName("NAME"))[0].firstChild.nodeValue;
		var image = (x[i].getElementsByTagName("IMAGE"))[0].firstChild.nodeValue;		
		var article = (x[i].getElementsByTagName("ARTICLE"))[0].firstChild.nodeValue;
		
		if(name == "empty string")
		{
			name = "";
		}
		if(image == "empty string")
		{
			image = "";
		}
		if(article == "empty string")
		{
			article = "";
		}
		
		{
			try
			{
				txt=txt + "<tr><td class='mosIcon'><img src='" + image + "' align='middle' alt='" + name + "' width='560' height='300' longdesc='http://www.clevelandcatholicpriesthood.com/images" + image + "' usemap='#Map'/><map name='Map'><area shape='rect' coords='-44,-139,600,400'/></map></td></tr>";
			}
			catch (er)
			{
				txt=txt + "<td> </td>";
			}
		}		
		{
			try
			{
				txt=txt + "<tr><td align='left'><span style='font-size:larger'><strong>" + name + "</strong></span></td></tr>";
			}
			catch (er)
			{
				txt=txt + "<td> </td>";
			}
		}
		
		txt = txt + "<tr><td></td></tr><tr><td>" + article + "</td></tr></table>";
		txt = txt + "<center><span onclick='loadXMLDoc(\"xml/pages.xml\", \"tableview\", " + _prevStart + ", " + _prevLength + ", \"" + _prevQuery + "\");'><br />Click to return to list</span></center>"; 

		document.getElementById(div_target).innerHTML=txt;
		alert(document.getElementById(div_target).innerHTML);
		
	}
}