function GetCategory(Category)
{
	document.PortfolioForm.SelectedCategory.value = Category;
	document.PortfolioForm.SelectedResource.value = 1;
	
	document.PortfolioForm.submit();
}
function GetResource(Category, Resource)
{
	document.PortfolioForm.SelectedCategory.value = Category;
	document.PortfolioForm.SelectedResource.value = Resource;
	
	document.PortfolioForm.submit();
}

function showResourceInfo(Image) {
    var resourceInfoFrame = Image.nextSibling;
    if ((resourceInfoFrame != null) && (resourceInfoFrame.getAttribute("name") == "resourceInfoFrame"))
        resourceInfoFrame.style.display = "block";
}

function showImage(Images, Image) {
	var PageImages = document.getElementsByName("imageFrame");
	var pageImageTextFrames = document.getElementsByName("imageTextFrame");
	var PageNavNums = document.getElementsByName("navNum");
	
	document.PortfolioForm.SelectedImage.value = Image;
	//First update the navigation numbers
	for (i = 0; i < PageNavNums.length; i++)
	{
		PageNavNums[i].firstChild.className = "navNum navNumActive";
	}
	PageNavNums[(document.PortfolioForm.SelectedImage.value - 1)].firstChild.className = "navNum navNumDisabled";	
	
	//Then update the images and image info
	for (i = 0; i < PageImages.length; i++)
	{
		var PageNavNum = PageNavNums[i];
		var PageImage = PageImages[i];
				
		if (PageImage != null) {
			if (PageImage.getAttribute("images") == Images) //Current Images group only
			{
			    //If the image is not the one selected, hide the image block
                //Otherwise, load the image if necessary and display it
			    if (PageImage.getAttribute("image") != Image)
                    PageImage.style.display = "none";
			    else {
                    if (PageImage.getAttribute("imageLoaded") == "false")
                    {
                        var imageSource = PageImage.getAttribute("imageSource");

                        //alert("Loading " + imageSource);
                        //alert(PageImage.childNodes[0]);
                        //alert(PageImage.childNodes("img"));
                        //PageImage.childNodes("img").setAttribute("src", imageSource);
                        //TODO: A function to get the IMG child node, for IE/Firefox compatibility
                        PageImage.childNodes[0].setAttribute("src", imageSource);

                        //alert("E");
                        PageImage.setAttribute("imageLoaded", "true");
                    }

                    PageImage.style.display = "block";
			    }
			}
		}
	}
	if (pageImageTextFrames.length != 0)
	{
	    pageImageTextFrames[0].style.display = "none";
	}
	
	document.body.focus(); //Put focus on the body to take the selection off the numbers
}
function showImageT(Images)
{
	var PageImages = document.getElementsByName("imageFrame");
	var PageImageText = document.getElementsByName("imageTextFrame");
	var PageNavNums = document.getElementsByName("navNum");
	//var resourceInfoFrames = document.getElementsByName("resourceInfoFrame");

	document.PortfolioForm.SelectedImage.value = 0;
	//First update the navigation numbers
	for (i = 0; i < PageNavNums.length; i++)
	{
		PageNavNums[i].firstChild.className = "navNum navNumActive";
	}
	PageNavNums[(PageNavNums.length - 1)].firstChild.className = "navNum navNumDisabled";	
	
	//Then update the images and image info
	for (i = 0; i < PageImages.length; i++)
	{
		var PageNavNum = PageNavNums[i];
		var PageImage = PageImages[i];
				
		if (PageImage != null)
		{
			if (PageImage.getAttribute("images") == Images) //Current Images group only
			{
				PageImage.style.display = "none";
			}
		}
	}	
	PageImageText[0].style.display = "block";

	//if (resourceInfoFrames.length != 0)
	//{
	//    resourceInfoFrames[0].style.display = "none";
	//}
	
	document.body.focus(); //Put focus on the body to take the selection off the numbers
}
function showImagePopup(imagePath, resourceName)
{
    var w = window.open('', 'charlesjacobusPopupWindow', 'width=800,height=600,resizable=1,scrollbars=1');
    
    w.document.write("<html><head><title>" + resourceName + "</title><link href=\"Resources/CSS/Portfolio.css\" type=\"text/css\" rel=\"stylesheet\" /></head><body bgcolor=\"#2A2E30\"><div class=\"resourceTitle\">" + resourceName + "</div><img src='" + imagePath + "' /></body></html>");
}

String.prototype.endsWith = function (str) { return (this.match(str + "$") == str) }