// Global variables
var currentCategory = 0;
var currentPortfolio = 1;

// Determine browser type - IE or Netscape
var isNav, isIE;
var unsupportedBrowser = false;
var useFilter = false;
var ieVersion;
var coll = "";
var styleObj = "";

if (navigator.appName == "Netscape") {
	if (parseInt(navigator.appVersion) > 4) { isNav = true; }
	else { unsupportedBrowser = true; }
}
else if (navigator.appName.indexOf("Internet Explorer") != -1) {
	var tempString = navigator.appVersion.substr(navigator.appVersion.indexOf("MSIE") + 5, 3);
	ieVersion = parseFloat(tempString);
	isIE = true;
	if (ieVersion >= 5.5) { useFilter = true; }
	if (ieVersion < 5.0) {unsupportedBrowser = true; }
	
	coll = "all.";
	styleObj = ".style";
}

// Display the selected portfolio
function displayPortfolio(portfolio)
{
	var elm;

	// Move bullet
	elm = document.getElementById("bullet" + currentPortfolio);
	elm.src = "images/spacer.gif";
	elm = document.getElementById("bullet" + portfolio);
	elm.src = "images/arrow.gif";

	if (useFilter) {
		portContainer.filters[0].Apply();
		headContainer.filters[0].Apply();
		copyContainer.filters[0].Apply();
	}
	
	// Turn off current portfolio
	elm = document.getElementById("port" + currentPortfolio);
 	elm.style.visibility = "hidden";
	elm = document.getElementById("head" + currentPortfolio);
 	elm.style.visibility = "hidden";
	elm = document.getElementById("copy" + currentPortfolio);
 	elm.style.visibility = "hidden";

	// Turn on selected portfolio
	elm = document.getElementById("port" + portfolio);
 	elm.style.visibility = "visible";
	elm = document.getElementById("head" + portfolio);
 	elm.style.visibility = "visible";
	elm = document.getElementById("copy" + portfolio);
 	elm.style.visibility = "visible";

	currentPortfolio = portfolio;

	if (useFilter) {
		portContainer.filters[0].Play();
		headContainer.filters[0].Play();
		copyContainer.filters[0].Play();
	}
}