// JavaScript Document

// Defined all varlables
var imgindex=3;
var currentimgindex=0;
var rows=3;
var imagecount=3;
var currentindex=1;
var closetb="";
var str="";
		
<!------------------------Variables to Store Dynamic navigation data------------------------->

var img=new Array();
var tbsize=new Array();		
var contentid=new Array();
var navigationalt=new Array();
var rightimageheader=new Array();//----End of array generation for images and imagetext ----//

<!------------------------------------Ajax Server LinkUp------------------------------->

function getStaticPhp(cid)
	{
		var XMLHttpRequestObject=false;
		var XmlHttpHiglightRequest=false;
		if(window.XMLHttpRequest)
		{
			XMLHttpRequestObject=new XMLHttpRequest();
			XmlHttpHighlightRequest=new XMLHttpRequest();
		}
		else if(window.ActiveXObject)
		{
			XMLHttpRequestObject=new ActiveXObject("Microsoft.XMLHTTP");
			XmlHttpHighlightRequest=new ActiveXObject("Microsoft.XMLHTTP");
		}
		if(XMLHttpRequestObject)
		{
			XMLHttpRequestObject.open("GET","location_queries.php?view="+cid);
			XMLHttpRequestObject.onreadystatechange=function()
			{
				if(XMLHttpRequestObject.readyState==4 && XMLHttpRequestObject.status==200)
				{	
					var targetDiv=document.getElementById("staticPhpContent");
					targetDiv.innerHTML=XMLHttpRequestObject.responseText;
					//alert("step 1 "+XMLHttpRequestObject.responseText);
					display();
					data();
				}
			}
			XMLHttpRequestObject.send(null);
		}
	}			//-----------End of getStatic php ()------//
	
	
	<!------------------------------Navigation Data Display------------------------------->
	
function display()
	{	
		var data=new Array();
		var navigationdata=document.getElementById("dummytable");
		var rowcount=navigationdata.rows.length;
		var rows=navigationdata.rows;
		var cells=rows[0].cells;
			for(var i=0;i<rowcount;i++)
			{
				for(var j=0;j<5;j++)
				{	
					if(j==0)
					{
						img[i]=navigationdata.rows[i].cells[j].innerHTML;
					}
					else if(j==1)
					{
						tbsize[i]=navigationdata.rows[i].cells[j].innerHTML;
					}
					else if(j==2)
					{		
						rightimageheader[i]=navigationdata.rows[i].cells[j].innerHTML;
					}
					else if(j==3)
					{	
						contentid[i]=navigationdata.rows[i].cells[j].innerHTML;
					}
					else
					{
						navigationalt[i]=navigationdata.rows[i].cells[j].innerHTML;
					}
				}
			}
	}			//------------End of display()---------------//
		
	
<!--------------------------Function show() display light box ------------------------>

function show()
	{
		loadPopup();
		centerPopup();
	}
	
<!-----------------------------Navigation Generation------------------------------->

function movenext()
{	
	document.getElementById("previous").style.visibility='visible';
	if(imgindex<tbsize.length)
		{
			currentimgindex=imgindex;
			//imgindex=imgindex+3;
			imgindex=imgindex+rows;
			
		if(imgindex>=tbsize.length)
		{
			imgindex=tbsize.length;
			
			data();
			document.getElementById("next").style.visibility='hidden';
		}
		else if(imgindex>=img.length)
		{
			imgindex=img.length;
			data();
			document.getElementById("next").style.visibility='hidden';
		}
		else
		{	
			data();
		}
	}
}			//------------End of movenext()----------------------------------//

function moveprevious()
{
	if(currentimgindex<imgindex)
	{
		imgindex=currentimgindex;
		currentimgindex=currentimgindex-rows;
		data();
		
		if(currentimgindex==0)
			{
				document.getElementById("previous").style.visibility='hidden';
				document.getElementById("next").style.visibility='visible';
			}
			else
			{
			document.getElementById("next").style.visibility='visible';
			}
	}
}			//-------------End of moveprevious()-----------------------------//



<!-----------------------Generation of Navigation Data()--------------------------------->	
	
function data()
				{	
					
					if(imgindex>=tbsize.length)
					{	document.getElementById("next").style.visibility='hidden';
						imgindex=tbsize.length;
					}
					else
					{
						document.getElementById("next").style.visibility='visible';
					}
					
					str="<table width='100%' border='0' cellspacing='0' cellpadding='0'>";
				
				for(var i=currentimgindex;i<imgindex;i++)
					{	
						
					str=str+"<tr><td class='listing-imagearea'><img  src='"+img[i]+" ' alt='"+navigationalt[i]+"' onClick=location.href='township.php?id="+contentid[i]+"' class='hand' /></td><td class='columnspacer'></td><td id="+contentid[i]+" class='listing-contentarea'><table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td class='listing-thumb-container'><img alt='"+navigationalt[i]+"' src='"+rightimageheader[i]+"' class='hand' onClick=location.href='township.php?id="+contentid[i]+"' /><br />"+tbsize[i]+"</td></tr><tr><td><img src='../../images/common/clicktoviewmore.gif' alt='Click To View More' class='hand' onClick=location.href='township.php?id="+contentid[i]+"' /></td></tr></table></td></tr><tr><td colspan='3' class=dotted-divider></td></tr>"+closetb;
										
					}
					str=str+"</table>";
					
					var div=document.getElementById("listingpanel");
					div.innerHTML=str;
					
					var length=tbsize.length;
					var start=currentimgindex+1;
					var lastindex=imgindex;
					var span=document.getElementById("countimage");
					if(tbsize.length>3)
					{
						span.innerHTML="Showing Images "+start+" to "+lastindex+" of  "+length;
					}
					if(currentimgindex==0)
						{ 
							document.getElementById("previous").style.visibility='hidden';
						}
					else
						{
						document.getElementById("previous").style.visibility='visible';
						}
				}			//---------------End of data()----------------------------//