function showNext( )
{
 	document.getElementById("PageId").value = (parseInt(document.getElementById("PageId").value) + 1);
 	
	for (var i = 1; i <= 9; i ++)
	{
		document.getElementById("Template_" + i).style.display = "none";

		document.getElementById("Category_" + i).innerHTML = "Category";
		document.getElementById("Enlarged_" + i).href = ("javascript:return showTemplate(" + i + ");");
		document.getElementById("TemplateId_" + i).value = iT;
		document.getElementById("Pic_" + i).src = "images/showcase/default.jpg";
		document.getElementById("Pic_" + i).alt = "";
		document.getElementById("Pic_" + i).title = "";
	} 	

 	showTemplates( );
}

function showBack( )
{
 	document.getElementById("PageId").value = (parseInt(document.getElementById("PageId").value) - 1);
 	
	for (var i = 1; i <= 9; i ++)
	{
		document.getElementById("Template_" + i).style.display = "none";

		document.getElementById("Category_" + i).innerHTML = "Category";
		document.getElementById("Enlarged_" + i).href = ("javascript:return showTemplate(" + i + ");");
		document.getElementById("TemplateId_" + i).value = iT;
		document.getElementById("Pic_" + i).src = "images/showcase/default.jpg";
		document.getElementById("Pic_" + i).alt = "";
		document.getElementById("Pic_" + i).title = "";
	} 	
 	
 	showTemplates( );
}

function showTemplate(iIndex)
{
	var iTemplateId = document.getElementById("TemplateId_" + iIndex).value;
	
	var win = window.open(("php/showTemplate.php?TemplateId=" + iTemplateId), "Showcase", "left=0, top=0, width=600, height=600");
	
	win.focus( );
}

var scXHR;

function showTemplates( )
{
 	var iPageId     = document.getElementById("PageId").value;
 	
 	
 	scXHR = createXHR( );
 
 	scXHR.onreadystatechange = setTemplates;
  	scXHR.open("POST","php/showcase.php", true);
	scXHR.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
 	scXHR.send("PageId=" + iPageId);
}

function setTemplates( )
{
  	if (scXHR.readyState == 4)
  	{
  		if(scXHR.status == 200)
  		{
			document.getElementById("Next").style.display = "none";
			document.getElementById("Back").style.display = "none";
			document.getElementById("Both").style.display = "none";
					
  			var sData = scXHR.responseText;
  			
  			if (sData == "0")
  			{
  				alert("Error: Unable to perform your Request. Please Refresh your Page.");
  			}
  			
  			else
  			{
				var iRecords = sData.substring(0, sData.indexOf("<br>"));					
				sData = sData.substring(sData.indexOf("<br>") + 4);
				
				document.getElementById("Records").value = iRecords;
				
				var iCount = sData.substring(0, sData.indexOf("<br>"));					
				sData = sData.substring(sData.indexOf("<br>") + 4);								
				
				if (iCount == 0)
				{
					document.getElementById("NoTemplate").style.display = "block";
					document.getElementById("Templates").style.display = "none";
				}
				
				else
				{
					document.getElementById("NoTemplate").style.display = "none";
					document.getElementById("Templates").style.display = "block";
					
					
					if (document.getElementById("PageId").value == 1)
					{
						if (iRecords > 9)
							document.getElementById("Next").style.display = "block";
					}
					
					else if (document.getElementById("PageId").value > 1)
					{
 						var iMaxRecords = (parseInt(document.getElementById("PageId").value) * 9);
 						
 						if (iMaxRecords < iRecords)
 							document.getElementById("Both").style.display = "block";
 							
 						else
 							document.getElementById("Back").style.display = "block";
					}
				}				
				
				for (var i = 1; i <= iCount; i ++)
				{
					document.getElementById("Template_" + i).style.display = "block";
					
					var iTemplateId = sData.substring(0, sData.indexOf("<br>"));					
					sData = sData.substring(sData.indexOf("<br>") + 4);
					
					var sCategory = sData.substring(0, sData.indexOf("<br>"));					
					sData = sData.substring(sData.indexOf("<br>") + 4);
									
					var sPic = sData.substring(0, sData.indexOf("<br>"));					
					sData = sData.substring(sData.indexOf("<br>") + 4);
					
					document.getElementById("Category_" + i).innerHTML = sCategory;
					document.getElementById("Enlarged_" + i).href = ("javascript:return showTemplate(" + iTemplateId + ");");
					document.getElementById("TemplateId_" + i).value = iTemplateId;
					document.getElementById("Pic_" + i).src = sPic;
					document.getElementById("Pic_" + i).alt = sCategory;
					document.getElementById("Pic_" + i).title = sCategory;
				}
				
				for (var j = i; j <= 9; j ++)
					document.getElementById("Template_" + j).style.display = "none";
                        }
  		}
  	} 	
}

addLoadEvent(showTemplates);