// alphabetize the items in each category
function fnSortItems() {
	for (var i=0; i<arItems.length; i++) {
		arItems[i].sort();
	}
	fnPopulateHeading();
	fnPopulateCategory();
}



// create a list with clickable items for all the categories
function fnCreateNavigation() {
	// only populate the category nav if there are more than one categories
	if (arCategory.length >= 2 ) {
		var elList = document.createElement("ul");
		for (var i=0; i<arCategory.length; i++) {
			var elListItem = document.createElement("li");
			var elText = document.createTextNode(arCategory[i][0]);
			elListItem.className = arCategory[i][1];
			elListItem.onclick = function() {fnCreateListing(this);};
			elListItem.appendChild(elText);
			elList.appendChild(elListItem);
		}
		elCategory.appendChild(elList);
	}
}



// populate content areas on the page
function fnCreateListing(elClicked) {
	fnWhichItem(elClicked,1);
	categorySelected = elementSelected;
	fnPopulateHeading();
	fnPopulateCategory();
}





//create a list with clickable items for all the categories
function fnPopulateHeading() {
	fnEmptyElement(elHeading);
	var stHeading = arCategory[categorySelected][0];
	var stClass = arCategory[categorySelected][1];
	var elText = document.createTextNode(stHeading);
	elHeading.appendChild(elText);
	elHeading.className = stClass;
}