function prepProductChooser() {

	if(!document.getElementById) return false;
	if(!document.getElementsByTagName) return false;
	if(!document.getElementById("categories")) return false;

	var categories = document.getElementById("categories");
	var category = categories.getElementsByTagName("LI");
	var categoryLink;
	
	for (var i = 0; i < category.length; i++)
	{
		categoryLink = category[i].getElementsByTagName("A")[0];
		categoryLink.onclick = function() {
			
			if (!document.getElementById) return false;
			if (!document.getElementById("categories")) return false;
			
			var categoryList = document.getElementById("categories");
			var category = categoryList.getElementsByTagName("LI");
			
			for (var i = 0; i < category.length; i++)
			{
				if(category[i].className.search(/selected/) != -1)
				{
					if(category[i].className == "selected")
					{
						category[i].className = "";
					}
					else {
						category[i].className = category[i].className.replace(/ selected/, "");
						category[i].className = category[i].className.replace(/selected /, "");
					}
				}
			}
			//change this line when you add the spans in dynamically
			var parentLi = this.parentNode.parentNode.parentNode;

			if(parentLi.nodeName == "LI")
			{
				if (parentLi.className) {
					parentLi.className += " selected";
				}
				else {
					parentLi.className = "selected"
				}
			}
			
			//Phil put your ajax function for the right side here.
			var urlArray = this.getAttribute("href").split("#");
			if (urlArray[1])
				generate_content(urlArray[1]); //AJAX CALL
			//prepProductList(); //now in render function
			return false;
		}
	}
	
	prepProductList(); //initial load
}

function prepProductList() {

	if(!document.getElementById) return false;
	if(!document.getElementById("product-list")) return false;

	var productList = document.getElementById("product-list");
	var product = productList.getElementsByTagName("LI");
	var productLink;
	
	for (var i = 0; i < product.length; i++)
	{
		productLink = product[i].getElementsByTagName("A")[0];
		productLink.onmouseover = function() {
			if(!document.getElementById) return false;
			if(!document.getElementById("product-list")) return false;
			
			var productList = document.getElementById("product-list");
			var product = productList.getElementsByTagName("LI");
			
			for (var i = 0; i < product.length; i++)
			{
				if (product[i].className.search(/selected/) != -1)
				{
					if (product[i].className == "selected")
					{
						product[i].className = product[i].className.replace(/selected/, "");
					}
					else {
						product[i].className = product[i].className.replace(/ selected/, "");
						product[i].className = product[i].className.replace(/selected /, "");
					}
				}
			}
			
			var url = this.getAttribute("href");
			var parentLi = this.parentNode;
			if (parentLi.nodeName == "LI")
			{
				if(parentLi.className) {
					parentLi.className += " selected";
				}
				else {
					parentLi.className = "selected";
				}
			}
			var urlArray = url.split("#");
			if (urlArray[1])
			{
				showProduct(urlArray[1]);
			}
		}
	}

}

function showProduct(productId) {
	
	if(!document.getElementById(productId)&&!document.getElementById("category-info")) return false;
	if(!document.getElementsByTagName) return false;

	var categoryInfo = document.getElementById("category-info");
	var divs = categoryInfo.getElementsByTagName("DIV");
	
	for (var i = 0; i < divs.length; i++ )
	{
		if (divs[i].className.search(/pc-product-content/) != -1 && divs[i].className.search(/hidden/) == -1)
		{
			if(divs[i].className) {
				divs[i].className += " hidden";
			}
			else {
				divs[i].className = "hidden";
			}
		}
	}

	var productInfo = document.getElementById(productId);
	if(productInfo.className) {
		productInfo.className = productInfo.className.replace(/ hidden/, "");
		productInfo.className = productInfo.className.replace(/hidden /, "");
	}
	else {
		productInfo.className = productInfo.className.replace(/hidden/, "");
	}
}

addLoadEvent(prepProductChooser);