// JavaScript Document

<!--------------------------------Ajax Server LinkUp--------------------------------->
function AjaxFunction(id,phase,anchorid)
	{	
		//alert("Phase Id="+phase+"\nid="+id);
		var newXmlHttpRequest=false;
		if(window.XMLHttpRequest)
		{
			newXmlHttpRequest=new XMLHttpRequest();
		}
		else if(window.ActiveXObject)
		{
			newXmlHttpRequest=new ActiveXObject("Microsoft.XMLHTTP");
		}
		if(newXmlHttpRequest)
		{	
			newXmlHttpRequest.open("GET","township_queries.php?id="+id+"&phase="+phase);
			newXmlHttpRequest.onreadystatechange=function()
			{	
				if(newXmlHttpRequest.readyState==4 && newXmlHttpRequest.status==200)
				{	
					var ajaxdata=document.getElementById("displaynavdata");
					ajaxdata.innerHTML=newXmlHttpRequest.responseText;
					
					display();
					data();
				//	alert("anchorid="+anchorid);
					selectedTab(anchorid);
				}
				
			}
			newXmlHttpRequest.send(null);
		}
	}		//--------------End of AjaxFunction()----------------------------------//
	
	function selectedTab(anchorid)
	{	
		var tabs=document.getElementById("flowertabs");
		var li_arrays=tabs.getElementsByTagName("li");
		
		for(var i=0;i<li_arrays.length;i++)
		{	
			var anchorTag=li_arrays[i].getElementsByTagName("a");
			anchorTag[0].setAttribute("class", "");
		}
		for(var j=0;j<li_arrays.length;j++)
		{	
			var anchorTag=li_arrays[j].getElementsByTagName("a");
			//alert("anchorid="+anchorTag[0].name+"\nanchor="+anchorid);
			if(anchorTag[0].name==anchorid)
			{
				anchorTag[0].setAttribute("class", "selected");
			}
		}
	}
	
	
	
	
	<!--------------------------Display() To store Response in Array-------------->
function display()
	{	
		//alert("Step 4");
		 k=0;
		 img=new Array();		//Src of the property images in each phase
		 tbsize=new Array();	//Short description of the propery in the each phase
		 villasnavfotter=new Array();	//Click View to src
		 contentid=new Array();			// id of the image Click To View
		 navtagline=new Array();
		 navalttag=new Array();					// Alt tag of the property images
		 navtaglinealttag=new Array();
		
		var villasnavdata=document.getElementById("villastb");
		var rowcount=villasnavdata.rows.length;
		var rows=villasnavdata.rows;
		
		for(var i=0;i<rowcount;i++)
			{
				for(var j=0;j<7;j++)
				{	
					if(j==0)
					{
						img[i]=villasnavdata.rows[i].cells[j].innerHTML;
						
					}
					else if(j==1)
					{
						tbsize[i]=villasnavdata.rows[i].cells[j].innerHTML;
											
					}
					else if(j==2)
					{		
						villasnavfotter[i]=villasnavdata.rows[i].cells[j].innerHTML;
						
					}
					else if(j==3)
					{	
						contentid[i]=villasnavdata.rows[i].cells[j].innerHTML;
						
					}
					else if(j==4)
					{
						navtagline[i]=villasnavdata.rows[i].cells[j].innerHTML;
						
					}
					else if(j==5)
					{
						navalttag[i]=villasnavdata.rows[i].cells[j].innerHTML;
					}
					else
					{
						navtaglinealttag[i]=villasnavdata.rows[i].cells[j].innerHTML;
					}
				}
			}
			//alert("Step 5");
			centervar();
	}		//----------------End of Display()--------------------------------//
	
	
	<!-----------------------------Center and Right Data Array()-------------------->
function centervar()
	{	
		//alert("Step 6");
				
		var flash=document.getElementById("flashfile").innerHTML;
		var flashfiledata=document.getElementById("tcontent");
		//alert(flashfiledata.innerHTML);
		var showflash="<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0' width='754' height='381'><param name='movie' value='"+flash+"' /><param name='quality' value='high' /><param name='wmode' value='transparent' /><embed src='"+flash+"' width='754' height='381' quality='high' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' wmode='transparent'></embed></object>";
		flashfiledata.innerHTML=showflash;
		//alert(showflash);	
		//alert("Step 7");
	}		
		
	
	var currentindex=1;
		var tbsize=null;
		var str="";
		var contentid=null;
		var villasnavfotter=null;
		var img=null;
		var navalttag=null;
		
		//---------------End of Variable Declaration-------------------------//
		
	
<!------------------------------Navigation variables declaration-------------------->
var currentimgindex=0;
var row1=2;
var column1=3;
var k=0;	

<!--------------------------------Navigation movenext()------------------->
function movenext()
{
	var data1=document.getElementById("tb");
	var rowcount=data1.rows.length;
	//alert("k="+k);
	var cells=data1.rows[rowcount-1].cells.length;
	var cell2=data1.rows[rowcount-1].cells[cells-1].innerHTML;
	var id=data1.rows[rowcount-1].cells[cells-1].id;
	data();
}		//------------End of movenext()----------------------------------//

<!-------------------Navigation moveprevious()---------------------------------->
function moveprevious()
{
	var data2=document.getElementById("tb");
	var startid=data2.rows[0].cells[0].id;
	k=startid-(row1*column1);
	data();
	
}		//-------------moveprevious--------------------------------//


<!-------------------------Main Method Dynamic Navigation Generation------------->

function data()
				{	
					//alert("Step 9");
				//var size=tbsize.length;	//-------get the get length from the database--//
					var size=tbsize.length;
					//alert("k="+k);
					str="<table  border='0' cellspacing='0' cellpadding='0' id='tb' class='villasnavtb'>";
				
				for(var i=currentimgindex;i<row1;i++)
					{	
						str=str+"<tr>";
					
					for(var j=0;j<column1;j++)
						{	
						
						if(k<size)
							{
							
					str=str+"<td id="+k+" class='proj-thumb'><div class='villasnavinnerdiv'><table border='0' class='villasnavinnertb'><tr><td class='villasnavheader'><div id='upperimage'><a href='javascript:void(0);'><img src='"+img[k]+"' alt="+navalttag[k]+" class='shadow' onclick=location.href='property.php?id="+contentid[k]+"' border='0'  /></a></div><div><img src='"+navtagline[k]+"' alt="+navtaglinealttag[k]+"></div></td></tr><tr><td class='villasnavcontent'>"+tbsize[k]+"</td></tr><tr><td><img src='"+villasnavfotter[k]+"' alt='Click to view more' class='villasnavfotter' id='fotterimage' onclick=location.href='property.php?id="+contentid[k]+"' /></td></tr></table></td>";
					
					k++;
							}
											
						}
						str=str+"</tr>";
						//alert(str);
					}
			str=str+"</table>";
									
			var div=document.getElementById("villasnav");
			div.innerHTML=str;
					
			var data2=document.getElementById("tb");
			if(size!=0)
			{
			var startid=data2.rows[0].cells[0].id;
			}
			else
			{
				startid=0;
			}
			
			var start=parseInt(startid)+1;			
			//var Lastid=data2.rows[Last-1].cells[Last-1];
			if(size!=0&&tbsize.length>6)
			{
			var last=document.getElementById("count");
			last.innerHTML="Showing Images  "+start+" to "+k+" of "+size;
			}
				if(startid==0)
					{ 
						document.getElementById("previous").style.visibility='hidden';
					}
				else
					{
						document.getElementById("previous").style.visibility='visible';
					}
						
				if(k==size)
					{
						document.getElementById("next").style.visibility='hidden';
					}
				else
					{
						document.getElementById("next").style.visibility='visible';
					}
		//	alert("Step 10");
			}		//-----------------data()---------------------------------//