//////////////////  THIS IS FOR PAGING  ///////////////////

    var PAGE_SIZE = 8;
    var pageContainer = new Array();
    var currentPageIndex = 0;

    function PrevPage()
	{
		if(currentPageIndex > 0)
		{
			currentPageIndex= currentPageIndex - 1;
			MoveToPage();
			SetNextButton();

			if(currentPageIndex == 0)
				UnsetPrevButton();
		}
		else
		{	
			UnsetPrevButton();
		}
	}

	function NextPage()
	{
		if(currentPageIndex < pageContainer.length - 1)
		{
			currentPageIndex = currentPageIndex + 1;
			MoveToPage();
			SetPrevButton();

			if(currentPageIndex == pageContainer.length - 1)
				UnsetNextButton();
		}
		else
		{
			UnsetNextButton();			
		}
	}

    // move the next page.
	function MoveToPage()
	{
		document.getElementById("GridLocation").innerHTML = pageContainer[currentPageIndex];
		ShowPageNumber();
		UpdateHiddendField();
	}

      // set the href attribute
	function SetPrevButton()
	{
		document.getElementById("aPrev").setAttribute("href", "javascript:PrevPage();");
	}

    // set the href attribute
	function SetNextButton()
	{
		document.getElementById("aNext").setAttribute("href", "javascript:NextPage();");
	}

    // remove the href attribute.
	function UnsetPrevButton()
	{
		document.getElementById("aPrev").attributes.removeNamedItem("href");
	}

    // remove the href attribute
	function UnsetNextButton()
	{
		document.getElementById("aNext").attributes.removeNamedItem("href");
	}	
	
	// to reset the Index
	
	function ResetIndex()
	{
	    currentPageIndex = 0;
	}
	
	function ShowPageNumber()
	{
	    document.getElementById("PageNoDisplay").innerHTML = "( "+ (currentPageIndex+1)  + " out of " + pageContainer.length +" ) ";
	}
	
	// this function generates the surrounding of the grid. where to show buttons etc.
	function PageManager()
	{	   	    
	    ResetIndex();
	    
		var htm = "<div style='text-align:left;height:200px;'>";
		if(pageContainer[currentPageIndex] != null && pageContainer[currentPageIndex] != 'undefined')
		{
		        htm += "<div id='GridLocation'>" + pageContainer[currentPageIndex]+ "</div>";
		    if(pageContainer.length > 1)
		    {
		        htm += "<div id='pageControler' name='pageControler' style='background-color:#F0F0F0; border:thin solid #E1E1E1;text-align:center;'>";				    
		        htm += "<a id='aPrev' name='aPrev' href='javascript:PrevPage();'><< Previous</a>&nbsp;&nbsp;<span id='PageNoDisplay'>( 1 out of "+ pageContainer.length +" )</span>&nbsp;&nbsp;<a id='aNext' name='aNext' href='javascript:NextPage();'>Next >></a>";
		        htm += "</div>";
		    }
		}
		else
		{
		   // html += "No Record Present.";
		}
		
		htm += "</div>";        
		return htm;
	}
	
	// this hidden field will be used in GMAP.aspx
	function UpdateHiddendField()
	{
	    document.getElementById("hdnCurrentPage").value = currentPageIndex;	    
	   /* document.getElementById("iFrameMap").src = document.getElementById("hdnUrl").value + "GMap.aspx?dealerIds=" + document.getElementById("hdnDealersIds").value + 
        "&city=" + document.getElementById("hdnCity").value + "&make=" + document.getElementById("ddlMake").value;*/
        if(null != document.getElementById("ddlMake"))
            document.getElementById("iFrameMap").src = document.getElementById("hdnUrl").value + "GMap.aspx?"+
            "city=" + document.getElementById("hdnCity").value + "&make=" + document.getElementById("ddlMake").value;
        else
            document.getElementById("iFrameMap").src = document.getElementById("hdnUrl").value + "GMap.aspx?"+
            "city=" + document.getElementById("hdnCity").value;
	}

/////////////// END OF PAGING   //////////////////////