function showCategory(iCategory)
{
	//alert(document.getElementById("CategoryId").value);	
 	document.getElementById("CategoryId").value = iCategory;
 	document.getElementById("PageId").value = 1;
 	
	for (var i = 1; i <= 9; i ++)
	{
		document.getElementById("Project_" + i).style.display = "none";

		document.getElementById("Title_" + i).innerHTML = "Title";
		document.getElementById("Details_" + i).href = ("javascript:return showDetails(" + i + ");");
		document.getElementById("ProjectId_" + i).value = i;
		document.getElementById("Launch_" + i).href = "#";
		document.getElementById("Pic_" + i).src = "images/portfolio/default.jpg";
		document.getElementById("Pic_" + i).alt = "";
		document.getElementById("Pic_" + i).title = "";
	} 
 	
 	showPortfolio( );
}

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

		document.getElementById("Title_" + i).innerHTML = "Title";
		document.getElementById("Details_" + i).href = ("javascript:return showDetails(" + i + ");");
		document.getElementById("ProjectId_" + i).value = i;
		document.getElementById("Launch_" + i).href = "#";
		document.getElementById("Pic_" + i).src = "images/portfolio/default.jpg";
		document.getElementById("Pic_" + i).alt = "";
		document.getElementById("Pic_" + i).title = "";
	} 	

 	showPortfolio( );
}

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

		document.getElementById("Title_" + i).innerHTML = "Title";
		document.getElementById("Details_" + i).href = ("javascript:return showDetails(" + i + ");");
		document.getElementById("ProjectId_" + i).value = i;
		document.getElementById("Launch_" + i).href = "#";
		document.getElementById("Pic_" + i).src = "images/portfolio/default.jpg";
		document.getElementById("Pic_" + i).alt = "";
		document.getElementById("Pic_" + i).title = "";
	}  	
 	
 	showPortfolio( );
}

function showDetails(iIndex)
{
	
	var iProjectId = document.getElementById("ProjectId_" + iIndex).value;
	
	var win = window.open(("php/showProject.php?ProjectId=" + iProjectId), "Portfolio", "left=0, top=0, width=600, height=400");
	win.focus( );
}

var pXHR;

function showPortfolio( )
{
 	var iCategoryId = document.getElementById("CategoryId").value;
 	var iPageId     = document.getElementById("PageId").value;
 	//	alert(iPageId);
 	
 	pXHR = createXHR( );
 	//alert(pXHR);
 	pXHR.onreadystatechange = setPortfolio;
  	pXHR.open("POST","php/portfolio.php", true);
	pXHR.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
 	pXHR.send("CategoryId=" + iCategoryId + "&PageId=" + iPageId);
}

function setPortfolio()
{
  	if (pXHR.readyState == 4)
  	{
  		if(pXHR.status == 200)
  		{
			document.getElementById("Next").style.display = "none";
			document.getElementById("Back").style.display = "none";
			document.getElementById("Both").style.display = "none";
					
  			var sData = pXHR.responseText;
  			
  			if (sData == "ERROR")
  			{
  				alert("Error: Unable to perform your Request. Please Refresh your Page.");
  			}
  			
  			else
  			{
				sData = sData.split("<br>");
				//alert(sData);
				var sCategory = sData[0];
				var iRecords = sData[1];
				
				document.getElementById("aa").innerHTML = sCategory;
				document.getElementById("Records").value = iRecords;
				
				var iCount = sData[2];
				
				if (iCount == 0)
				{
					document.getElementById("NoProject").style.display = "block";
					document.getElementById("Projects").style.display = "none";
				}
				
				else
				{
					document.getElementById("NoProject").style.display = "none";
					document.getElementById("Projects").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";
					}
				}				
				
				var iIndex = 3;
				
				for (var i = 1; i <= iCount; i ++)
				{
					document.getElementById("Project_" + i).style.display = "block";
					
					var iProjectId = sData[iIndex++];
					var sTitle = sData[iIndex++];
					var sURL = sData[iIndex++];
					var sPic = sData[iIndex++];
					
					document.getElementById("Title_" + i).innerHTML = sTitle;
					document.getElementById("Details_" + i).href = ("javascript:return showDetails(" + iProjectId + ");");
					document.getElementById("ProjectId_" + i).value = iProjectId;
					document.getElementById("Launch_" + i).href = ("http://" + sURL);						
					document.getElementById("Pic_" + i).src = sPic;
					document.getElementById("Pic_" + i).alt = sTitle;
					document.getElementById("Pic_" + i).title = sTitle;
				}
				
				for (var j = i; j <= 9; j ++)
				
					document.getElementById("Project_" + j).style.display = "none";
					
				
            }
  		}
  	} 	
}

addLoadEvent(showPortfolio);