//*************************************************
//***** COPYRIGHT 2006, PRACTICAL DATA, INC. ******
//***** - UNAUTHORIZED USE IS PROHIBITED **********
//*************************************************
if(isBlank(pd_imageUrl)) var pd_imageUrl = "http://www.outdoorsuperstore.com/images/v2/";
if(isBlank(pd_itemsPerPage)) var pd_itemsPerPage = 25;
if(isBlank(pd_itemsPerRow)) var pd_itemsPerRow = 1;
if(isBlank(pd_sortBy)) var pd_sortBy = "";

var pd_lastSection = "";
var pd_refreshId = "";
var pd_debugFlag = false;
var pd_currentPageNumber = 1;
var pd_searchFirstRun = true;
var pd_sortMethod = "title"
var pd_filterSearchDelay = 650;

var pd_searchText = "";
var pd_brandSelected = "";
var pd_priceRange = "";

var pd_filteredDisplayList = new Array();

function parseDisplayList() {

	//***********************************************
	//***** BUILD JS ARRAY OF PRODUCT ELEMENTS ******
	//***********************************************
	var i = 0;
	var displayList = new Array();
	
	//*******************************************
	//*** ONLY LOAD IF PRODUCT WRAPPER EXISTS ***
	//*******************************************
	var productIdString = "";
	var listWrapper = "";
	try {
		listWrapper = document.getElementById("listWrapper");
	} catch(e) {
		//*** IGNORE		
	}
	
	if(!isBlank(listWrapper)) {
	
		if(listWrapper.firstChild) { // check for children
			var oChild = listWrapper.firstChild;
			while(oChild) {
			
			    if(oChild.nodeType==1 && String(oChild.id).indexOf("listDisplay") > -1) { 
				displayList[i] = new Object();
				displayList[i].id = oChild.id;
				displayList[i].html = document.getElementById(oChild.id).innerHTML;
	
				//**************************************************
				//**** PARSE PRODUCT ATTRIBUTES (2 levels deep) ****
				//**************************************************
				var subChild = oChild.firstChild;
				while(subChild) {
					if(subChild.nodeType==1) {
						if(subChild.id == "id") displayList[i].id = String(subChild.title);
						if(subChild.id == "ha-name") displayList[i].haName = String(subChild.title);
						if(subChild.id == "name") displayList[i].title = String(subChild.title);
						if(subChild.id == "brand") displayList[i].brand = String(subChild.title).toUpperCase();
						if(subChild.id == "sizeForm") displayList[i].sizeForm = String(subChild.title);
						if(subChild.id == "price") displayList[i].price = subChild.title - 0;
						if(subChild.id == "rating") displayList[i].rating = subChild.title - 0;
						if(subChild.id == "bestseller") displayList[i].bestseller = subChild.title;
					}
					
					//*********************************
					//*** USE HA-NAME, IF SPECIFIED ***
					//*********************************					
					if(!isBlank(displayList[i].haName)) displayList[i].title = displayList[i].haName;
										
					subChild = subChild.nextSibling;
				}
				
				//**************************
				//*** BUILD SEARCH INDEX ***
				//**************************
				displayList[i].searchIndex = "";
				if(displayList[i].title) displayList[i].searchIndex += String(displayList[i].title).toLowerCase();
				if(displayList[i].name) displayList[i].searchIndex += " " + String(displayList[i].name).toLowerCase();
				if(displayList[i].brand) displayList[i].searchIndex += " " + String(displayList[i].brand).toLowerCase();
				
				//***********************************************************
				//**** BUILD PRODUCT ID STRING ******************************
				//**** - LIMIT TO 200 TO PREVENT OVERFLOWING COOKIE LIMIT ***
				//***********************************************************
				if(displayList[i].id && i < 200) productIdString += displayList[i].id + ",";
				
			 	i++;
			 }
			  oChild = oChild.nextSibling;
		   }
		}
	} else {
		displayList = false;
	}
	
	//*******************************
	//**** SAVE productIdString *****
	//*******************************
	if(!isBlank(productIdString)) {
		productIdString = String(productIdString).substring(0, productIdString.length -1);	//*** TRIM TRAILING COMMA
		pdSetCookie("pd_currentProductList", productIdString, "", "", "");
	}
	
	//*******************************************
	//*** SAVE INITIAL FILTERED PRODUCT ARRAY ***
	//*******************************************
	pd_filteredDisplayList = displayList;
	
	//****************
	//**** RETURN ****
	//****************
	return displayList;	
}



function renderProductArray() {
	debug("renderProductArray");
	var productArray = pd_filteredDisplayList;
	var html = "";
	var pageNumber = 1;
	var i = 1;
	var item = new Object();
	var tempHtml = "";
	var tempProductHtml = "";
	var rowItemCount = 1;
	var isOpen = false;
	var productIdList = "";
	var shade = true;
	debug("pd_currentPageNumber render = " + pd_currentPageNumber);	
	for(item in productArray) {
		productIdList += productArray[item].id;
		tempHtml = "";
		if(pageNumber == pd_currentPageNumber || pd_currentPageNumber == "all") {
			if(rowItemCount == 1) {
				tempHtml += '<table border="0" cellpadding="0" cellspacing="0" width="100%"><tr>\r\n';
				isOpen = true;
			}
			tempHtml += '<td valign="top" width="50%"><div id="' + productArray[item].id + '" class="displayDiv">';
			if(!shade) {
				tempProductHtml = String(productArray[item].html).replace(/pagedItemTable/g, "pagedItemTableOn");
			} else {
				tempProductHtml = String(productArray[item].html).replace(/pagedItemTableOff/g, "pagedItemTable");
			}
			tempHtml += tempProductHtml;
			tempHtml += '</div></td>';
			rowItemCount++;
			if(rowItemCount > pd_itemsPerRow) {
				tempHtml += '</tr></table>';
				rowItemCount = 1;
				isOpen = false;
			}
			shade = !shade;
		}
		i++;
		pageNumber = Math.ceil(i / pd_itemsPerPage);
		html += tempHtml;
	}
	if(isOpen) html += '\r\n</tr></table>\r\n';
	return html;
}

function displayProductArray() {
	debug("displayProductArray");
	
	//*************************************
	//**** TEST FOR NOTHING TO DISPLAY ****
	//*************************************
	if(!pd_filteredDisplayList) return false;
	
	if(pd_filteredDisplayList.length == 0) {
		document.getElementById("listWrapper").innerHTML = '<div style="text-align:center"><br><br><b>No Items Found.</b><br><br><br><br><br></div>';
		return false;
	}
	
	//***********************************
	//**** REMEMBER GLOBAL SETTINGS *****
	//***********************************
	pdSetCookie("pd_currentPageNumber", pd_currentPageNumber);
	pdSetCookie("pd_pagingSortBy", pd_sortBy);

	//********************
	//*** PERFORM SORT ***
	//********************
	if(pd_sortBy == "title") sortProductArrayByTitle();
	else if(pd_sortBy == "brand") sortProductArrayByBrand();
	else if(pd_sortBy == "sizeForm") sortProductArrayBySizeForm();
	else if(pd_sortBy == "price") sortProductArrayByPrice();
	else if(pd_sortBy == "rating") sortProductArrayByRating();
	else if(pd_sortBy == "bestseller") sortProductArrayByBestseller();
	
	//*******************************
	//**** RENDER PAGE ELEMENTS *****
	//*******************************		
	if(isBlank(pd_currentPageNumber)) {
		debug("could not find pd_currentPageNumber " + pd_currentPageNumber + ": setting = 1");
		pd_currentPageNumber = 1;
	}
	document.getElementById("listWrapper").innerHTML = renderProductArray();
	//document.getElementById("pageInfo").innerHTML = renderPageInfo(pd_filteredDisplayList.length);
	//document.getElementById("pageInfoBottom").innerHTML = renderPageInfo(pd_filteredDisplayList.length);
	//document.getElementById("sortLinks").innerHTML = renderSortLinks();
	//document.getElementById("sortLinksMenu").innerHTML = renderSortLinksMenu();
	
	document.getElementById("pageNumberLinks").innerHTML = renderPageNumberLinks(pd_filteredDisplayList.length,'top');
	document.getElementById("itemCountInfo").innerHTML = renderItemCountInfo(pd_filteredDisplayList.length);
	document.getElementById("pageNumberLinksBottom").innerHTML = renderPageNumberLinks(pd_filteredDisplayList.length,'bottom');

	//******************************************************************
	//*** ONLY DISPLAY BOTTOM ITEMS IF MORE THAN ONE PAGE OF RESULTS ***
	//******************************************************************
	var pageCount = Math.ceil(pd_filteredDisplayList.length/pd_itemsPerPage);
	if(pageCount > 1) {
		document.getElementById("itemCountInfoBottom").innerHTML = renderItemCountInfo(pd_filteredDisplayList.length);
	} else {
		document.getElementById("itemCountInfoBottom").innerHTML = "";
	}
		
	//document.getElementById("viewAllButton").innerHTML = renderViewAllButton(pd_filteredDisplayList.length);
	//document.getElementById("viewAllButtonBottom").innerHTML = renderViewAllButton(pd_filteredDisplayList.length);
	document.getElementById("searchFilter").innerHTML = renderSearchForm();
	document.getElementById("filterByBrand").innerHTML = renderBrandList();
	//document.getElementById("sortBy").innerHTML = renderSortByDropdown();
	document.getElementById("searchPriceFilterSpan").innerHTML = renderPriceFilter();
	//document.getElementById("alphaLinksHTML").innerHTML = renderAlphaLinks("title"); 
	//hideAlphaBar();
	
	//**************
	//*** RETURN ***
	//**************
	return false;
}

function performFilter(pageNumber, reset) {
	pd_filteredDisplayList = pd_displayList;
	
	if(isBlank(pageNumber)) pd_currentPageNumber = 1;
	else pd_currentPageNumber = pageNumber;
	
	if(isBlank(reset)) reset = false;
		
	if(reset == true) {
		pd_brandSelected = "";
		pd_priceRange = "0to100000";
		pd_searchText = "";
	} else {
		pd_brandSelected = document.forms.filterByBrandForm.filterByBrandSelect.options[document.forms.filterByBrandForm.filterByBrandSelect.selectedIndex].value;
		pd_priceRange = document.forms.filterByPriceRangeForm.filterByPriceRangeSelect.options[document.forms.filterByPriceRangeForm.filterByPriceRangeSelect.selectedIndex].value;
		pd_searchText = document.forms.pagingSearchForm.filterBySearchTerm.value;
	}
	
	pd_filteredDisplayList = getFilteredDisplayListByBrand(pd_brandSelected);
	pd_filteredDisplayList = getFilteredDisplayListByPriceRange(pd_priceRange);
	pd_filteredDisplayList = getFilteredDisplayList(pd_searchText);
	
	var success = displayProductArray();
	
	return false;
}

//*******************************************************
//****** DISPLAY PAGE ELEMENTS RELATED TO SORTING *******
//*******************************************************
function renderItemCountInfo(productCount) {

	var html = "";
	html += '<table border="0" cellpadding="0" cellspacing="0" width="175"><tr valign="middle">';
	
	if(productCount == 1) html += '<td class="catPageInfo">' + productCount + ' Available Model</td>';
	else html += '<td class="catPageInfo">' + productCount + ' Available Models</td>';
	
	html += '<td><img src="/images/spacer.gif" width="25" height="1"></td>';
	html += '</tr></table>';

	return html;
}

function renderPageNumberLinks(productCount, position) {

debug("renderPageNumberLinks");

	var pageCount = Math.ceil(productCount/pd_itemsPerPage);
	if(pageCount == 1) return "";	
	var html = "";

	var pageInfoHTML = renderPageInfo(pd_filteredDisplayList.length);
	
	html += '<table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="middle">';
	//html += '<td class="catPageInfo">' + pageInfoHTML + '</td>';
	//html += '<td><img src="/images/spacer.gif" width="25" height="1"></td>';
	
debug("pd_currentPageNumber = " + pd_currentPageNumber);
		
	if(pd_currentPageNumber != "all") {	
		if(pd_currentPageNumber > 1) {
			var previousPage = pd_currentPageNumber - 1;
			html += '<td align="right"><a href="#" onClick="return(viewPage(' + previousPage + '))" class="catPageNum">previous</a>&nbsp;&nbsp;</td>';
		} else {
			html += '';
		}
	}

	if(pd_currentPageNumber != "all") {
	
		var pagesToDisplay = 9;
		var extraPages = 0;
		var firstPageNumber = pd_currentPageNumber - Math.floor(pagesToDisplay / 2);
		if(firstPageNumber < 1) {
			extraPages = 1 - firstPageNumber;
			firstPageNumber = 1;
		}
		var lastPageNumber = (pd_currentPageNumber - 0) + Math.floor(pagesToDisplay / 2) + extraPages;
		if(lastPageNumber > pageCount) lastPageNumber = pageCount;

		for(var i=firstPageNumber;i<=lastPageNumber;i++) {
			if(pd_currentPageNumber == i) {
				html += '<td class="catPageNumBgOn';
				if(position == 'top'){}else{html +=''}
				html += '"><font class="catPageNumOn">' + i + '</font></td>';
			} else {
				html += '<td class="catPageNumBg';
				if(position == 'top'){}else{html +=''}
				html += '"><a href="#" class="catPageNum" onClick="return(viewPage(' + i + '))">' + i + '</a></td>';
			}
		}
	}
	
	if(pd_currentPageNumber != "all") {	
		var nextPage = (pd_currentPageNumber - 0) + 1;
		if(nextPage <= pageCount) {
			html += '<td>&nbsp;&nbsp;<a href="#" onClick="return(viewPage(' + nextPage + '))" class="catPageNum">next</a></td>';
		} else {
			html += '';
		}
	}
	
	html += '<td><img src="/images/spacer.gif" width="25" height="1"></td>';

	if(pd_currentPageNumber == "all") {
		html += '<td align="right"><nobr>&nbsp;<a href="#" onClick="return(viewPage(1))" class="catViewAllLink">return to paged view</a>&nbsp;</nobr></td>';
	} else {
		html += '<td align="right"><nobr>&nbsp;<a href="#" onClick="return(viewAll())" class="catViewAllLink">view all</a>&nbsp;</nobr></td>';
	}
	
	html += '</tr></table>';
	
	return html;
}

function viewAll() {

	//************************
	//**** REDRAW DISPLAY ****
	//************************	
	var result = performFilter("all", false);	//*** page = all, RESET = true
	
	//**************
	//*** RETURN ***
	//**************	
	return false;
}

function viewPage(pageNumber) {
	pd_currentPageNumber = pageNumber;
	var result = performFilter(pageNumber);
	return false;
}

function renderBrandList() {
	var brandList = getBrandList();
	var html = '<form id="filterByBrandForm" style="display:inline">';
	html += 'Brand&nbsp;';
	html +='<select name="filterByBrandSelect" onChange="return(performFilter())">';
	html += '<option value="">-- All Brands --</option>';
	var item = new Object();
	for(item in brandList) {
		html += '<option value="' + brandList[item].name + '"';
		if(brandList[item].name == pd_brandSelected) html += ' SELECTED';
		html += '>' + brandList[item].name + ' (' + brandList[item].count + ')</option>';
	}
	html += '</select></form>';
	
	return html;
}

function renderPriceFilter() {
	var html = '<form id="filterByPriceRangeForm" style="display:inline">';
	html += 'Price&nbsp;';
	html +='<select name="filterByPriceRangeSelect" onChange="return(performFilter())">';

	html += '<option value="0to100000">-- All Prices --</option>';
	html += '<option value="0to49"';
	if(pd_priceRange == "0to49") html += ' SELECTED';
	html += '>$0 - $49</option>';
	html += '<option value="50to99"';
	if(pd_priceRange == "50to99") html += ' SELECTED';
	html += '>$50 - $99</option>';
	html += '<option value="100to199"';
	if(pd_priceRange == "100to199") html += ' SELECTED';
	html += '>$100 - $199</option>';
	html += '<option value="200to299"';
	if(pd_priceRange == "200to299") html += ' SELECTED';
	html += '>$200 - $299</option>';
	html += '<option value="300to499"';
	if(pd_priceRange == "300to499") html += ' SELECTED';
	html += '>$300 - $499</option>';
	html += '<option value="500to999"';
	if(pd_priceRange == "500to999") html += ' SELECTED';
	html += '>$500 - $999</option>';
	html += '<option value="1000to2500"';
	if(pd_priceRange == "1000to2500") html += ' SELECTED';
	html += '>$1000 - $2500</option>';
	html += '<option value="2500to100000"';
	if(pd_priceRange == "2500to100000") html += ' SELECTED';
	html += '>$2500+</option>';
	html += '</select></form>';
	return html;
}


function renderSortByDropdown() {
	var html = '<form style="display:inline">';
	html += 'Sort By&nbsp;';
	html += '<select name="sortBy" onChange="return(doSortBy(this.options[this.selectedIndex].value))">';
	html += '<option value="title"';
	if(pd_sortBy == "title") html += ' SELECTED';
	html += '>Name</option>';
	html += '<option value="brand"';
	if(pd_sortBy == "brand") html += ' SELECTED';
	html += '>Brand</option>';
	html += '<option value="price"';
	if(pd_sortBy == "price") html += ' SELECTED';
	html += '>Price</option>';
	html += '</select></form>';
	return html;
}

function doSortBy(sortBy) {
	pd_sortBy = sortBy;
	var result = displayProductArray();
	return false;
}



function renderPageInfo(productCount) {

debug("renderPageInfo");

	var pageCount = Math.ceil(productCount/pd_itemsPerPage);
	if(pageCount == 1 || pageCount == 0) return "";
	var html = "";
	
	if(pd_currentPageNumber != "all") {
		html += '<span class="catPageInfo"><nobr>Page ' + pd_currentPageNumber + ' of ' + pageCount + '&nbsp; &nbsp;</nobr></span>';
	}
	
	return html;
}

function renderViewAllButton(productCount) {

debug("renderViewAllButton");

	var pageCount = Math.ceil(productCount/pd_itemsPerPage);
	if(pageCount == 1) return "";
	var html = "";
	if(pd_currentPageNumber == "all") {
		html += '<nobr>&nbsp;<a href="#" onClick="return(viewPage(1))" class="catViewAllLink">Return to Paged View</a>&nbsp;</nobr>';
	} else {
		html += '<nobr>&nbsp;<a href="#" onClick="return(viewAll())" class="catViewAllLink">View All</a>&nbsp;</nobr>';
	}
	return html;
}


function sortByBrandClick() {

debug("sortByBrandClick");

	renderAlphaLinks('brand');
	return(displayProductArray('brand'));
}

function sortByTitleClick() {

debug("sortByTitleClick");

	renderAlphaLinks('title');
	return(displayProductArray('title'));
}

function sortBySizeFormClick() {

debug("sortBySizeFormClick");

	hideAlphaBar();
	return(displayProductArray('sizeForm'));
}

function sortByPriceClick() {

debug("sortByPriceClick");

	hideAlphaBar();
	return(displayProductArray('price'));
}


function renderSortLinks() {

debug("renderSortLinks");
	
	var html = "";
	html += '<table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#1A8B1A">';
	html += '<tr><td width="10"><img src="/images/spacer.gif" width=10 height=1></td>';
			
		html += '<td><table border="0" cellpadding="0" cellspacing="0"><tr>';
		html += '<td><img src="/images/pagingSortLinkL.gif"></td>';
		html += '<td valign="top">';
		html += '<table border="0" cellpadding="0" cellspacing="0"><tr><td>';

		html += '<nobr>';
		if(pd_sortBy == "brand") {
			html += '<span class="sortLinkOff">Brand</span>';
			html += '<img src="/images/pagingSortArrowsOn.gif" hspace="5" vspace="1">';
			
		} else {
			html += '<a href="#" class="sortLink" onClick="return(sortByBrandClick()">Brand</a>';
			html += '<img src="/images/pagingSortArrowsOff.gif" hspace="5" vspace="1">';
		}
		
		html += '</td><td>&nbsp; &nbsp;</td><td><img src="/images/pagingSortLinkL.gif"></td><td>';
	
		if(pd_sortBy == "title") {
			html += '<span class="sortLinkOff">Name</span>';
			html += '<img src="/images/pagingSortArrowsOn.gif" hspace="5" vspace="1">';
		} else {
			html += '<a href="#" class="sortLink" onClick="return(sortByTitleClick()">Name</a>';
			html += '<img src="/images/pagingSortArrowsOff.gif" hspace="5" vspace="1">';
		}
		html += '</nobr>';
		html += '</td></tr></table>';
		html += '</td>';
		html += '</tr></table></td>';

		html += '<td width="105"><table border="0" cellpadding="0" cellspacing="0" width="100"><tr>';
		html += '<td><img src="/images/pagingSortLinkL.gif"></td>';
		html += '<td valign="top">';
		html += '<nobr>';
		
		if(pd_sortBy == "sizeForm") {
			html += '<span class="sortLinkOff">Size/Form</span>';
			html += '<img src="/images/pagingSortArrowsOn.gif" hspace="5" vspace="1">';
		} else {
			html += '<a href="#" class="sortLink" onClick="return(sortBySizeFormClick()">Size/Form</a>';
			html += '<img src="/images/pagingSortArrowsOff.gif" hspace="5" vspace="1">';
		}		
		
		html +='</nobr>';
		html += '</td>';
		html += '</tr></table></td>';

		html += '<td width="110"><table border="0" cellpadding="0" cellspacing="0" width="110"><tr>';
		html += '<td><img src="/images/pagingSortLinkL.gif"></td>';
		html += '<td valign="top">';
		html += '<nobr>';
		
		if(pd_sortBy == "price") {
			html += '<span class="sortLinkOff">Price</span>';
			html += '<img src="/images/pagingSortArrowsOn.gif" hspace="5" vspace="1">';
		} else {
			html += '<a href="#" class="sortLink" onClick="return(sortByPriceClick()">Price</a>';
			html += '<img src="/images/pagingSortArrowsOff.gif" hspace="5" vspace="1">';
		}
		
		html += '</nobr>';
		html += '</td>';
		html += '</tr></table></td>';
		
		html += '<td align="right" width="150"><table border="0" cellpadding="0" cellspacing="0" width="150"><tr>';
		html += '<td><img src="/images/pagingSortLinkL.gif"></td>';
		html += '<td valign="top" class="sortLink">Buy<br><img src="/images/spacer.gif" width="150" height="1"></td>';
		html += '</tr></table></td>';
	
		html += '</tr></table>';
	
	return html;
}

function renderSortLinksMenu() {

debug("renderSortLinksMenu");

	var html = "";
	html += '<select onChange="eval(this.options[this.selectedIndex].value)" class="sortDDMenu">';
	html += '<option>Sort Items By:</option>';

	if(pd_sortBy == "brand") {
		html += '<option selected>By Brand</option>';
	} else {
		html += '<option value="sortByBrandClick()">By Brand</option>';
	}
	
	if(pd_sortBy == "title") {
		html += '<option selected>By Name</option>';
	} else {
		html += '<option value="sortByTitleClick()">By Name</option>';
	}
	
	/*if(pd_sortBy == "price") {
	html += '<option selected>By Price</option>';
	} else {
		html += '<option value="sortByPriceClick()">By Price</option>';
	}
	
	if(pd_sortBy == "sizeForm") {
		html += '<option selected>By Size/ Form</option>';
	} else {
		html += '<option value="sortBySizeFormClick()">By Size/Form</option>';
	}

	if(pd_sortBy == "rating") {
		html += '<option><img src="' + String(pd_imageUrl) + 'v2SortRatingOn.gif" border="0"></option>';
	} else {
		html += '<option><a href="#" class="sortLink" onClick="return(displayProductArray(\'1', \'rating\'))"><img src="' + pd_imageUrl + 'v2SortRating.gif" border="0"></a></option>';
	}
	
	if(pd_sortBy == "bestseller") {
		html += '<option><img src="' + pd_imageUrl + 'v2SortBestsellerOn.gif" border="0"></option>';
	} else {
		html += '<option><a href="#" class="sortLink" onClick="return(displayProductArray(\'1\', \'bestseller\'))"><img src="' + pd_imageUrl + 'v2SortBestseller.gif" border="0"></a></option>';
	}
	*/
	
	html += '</select>';
	
	return html;
}

function renderSearchForm() {
	debug("renderSearchForm");
	var	html = '<form id="pagingSearchForm" onSubmit="return(false)" style="display:inline">';
	html += '<nobr>Keyword:&nbsp;<input type="text" size="15" class="searchField" name="filterBySearchTerm" value="' + pd_searchText + '"  onClick="return(clearFirstTimeSearchText())" onKeyUp="return(searchWhileTyping(document.forms.pagingSearchForm.filterBySearchTerm.value))"></nobr>';
	html += '</form>';
	return html;
}

function renderPreviousNextProductButtons(currentProductId) {

debug("renderPreviousNextProductButtons");

	var html = "";
	var productListString = pdGetCookie("pd_currentProductList");
	if(!isBlank(productListString)) {
		if(String(productListString).indexOf(currentProductId) > -1) {
			var productArray = String(productListString).split(",");
			var item = new Object();
			var i = 0;
			for(item in productArray) {
				if(currentProductId == productArray[item]) break;
				i++;
			}
			if(i > 0) {
				html += '<a href="#" onclick="return(jumpToUrl(\'' + productArray[i-1] + '.html\'))"><img src="' + pd_imageUrl + 'previousItemButton.gif" border="0"></a>';
			}
			if(i+1 < productArray.length) {
				html += '<a href="#" onclick="return(jumpToUrl(\'' + productArray[i+1] + '.html\'))"><img src="' + pd_imageUrl + 'nextItemButton.gif" border="0"></a>';
			}
		}
	}
	
	document.getElementById("previousNextProductButtons").innerHTML = html;
	return false;
}

function renderAlphaLinks() {
	debug("renderAlphaLinks");
	showAlphaBar();

	var letterHash = new Array();
	var alphaTitle = "";
	if(pd_sortMethod == "title") {
		letterHash = getFirstLetterListByTitle();
		alphaTitle = "All";		
	} else if(pd_sortMethod == "brand") {
		letterHash = getFirstLetterListByBrand();
		alphaTitle = "All";
	}

	var html = "";
	html += '<table border="0" cellspacing="0" cellpadding="0" width="100%">';
	html += '<tr><td>';
	html += '<div class="catAlphaChar" id="alphaCharWrapper_showAll">';
	html += '<a href="#" onClick="return(viewAll())" class="catAlphaCharAll" id="alphaChar_showAll"><nobr>' + alphaTitle + '</nobr></a>';
	html += '</div></td><td width="10"><img src="/images/spacer.gif" width="10" height="28"></td>';
	
	var completeLetterList = new Array('#','A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');
	
	var item = new Object();
	var item2 = new Object();
	for(item in completeLetterList) {
		if(completeLetterList[item] == "#") {
			var isNumeric = false;
			for(item2 in letterHash) {
				if(startsWithNumber(letterHash[item2])) {
					isNumeric = true;
				}
			}
			if(isNumeric) {
				html += '<td width="21"><span class="catAlphaChar" id="alphaCharWrapper_' + completeLetterList[item] + '"><a href="#" onClick="';
				if(pd_sortMethod == "brand") {
					html += "return(filterProductArrayByBrandFirstLetterIsNumber('" + completeLetterList[item] + "'))";
				} else if(pd_sortMethod == "title") {
					html += "return(filterProductArrayByTitleFirstLetterIsNumber('" + completeLetterList[item] + "'))";
				}
				html += '" class="catAlphaCharLink"  id="alphaChar_' + completeLetterList[item] + '">';
				html += completeLetterList[item];
				html += '</a></span></td>';
			}
		
		
		} else if(letterHash[completeLetterList[item]]) {
			html += '<td width="21"><span class="catAlphaChar" id="alphaCharWrapper_' + completeLetterList[item] + '"><a href="#" onClick="';
			if(pd_sortMethod == "brand") {
				html += "return(filterProductArrayByBrandFirstLetter('" + completeLetterList[item] + "'))";
			} else if(pd_sortMethod == "title") {
				html += "return(filterProductArrayByTitleFirstLetter('" + completeLetterList[item] + "'))";
			}
			html += '" class="catAlphaCharLink"  id="alphaChar_' + completeLetterList[item] + '">';
			html += completeLetterList[item];
			html += '</a></span></td>';
		} else {
			html += '<td width="21"><span id="alphaCharWrapper_' + completeLetterList[item] + '" class="catAlphaChar"><font class="catAlphaCharOff">';
			html += completeLetterList[item];
			html += '</font></span></td>';		
		}
	}
	html += '</tr></table>';
	
	return html;
}

function highlightSelectedAlphaChar(letter) {
	var temp = renderAlphaLinks(pd_sortMethod);
	var alphaCharHandle = "alphaChar_" + letter;
	document.getElementById(alphaCharHandle).className = "catAlphaCharLinkOn";
	var alphaCharWrapperHandle = "alphaCharWrapper_" + letter;
	document.getElementById(alphaCharWrapperHandle).className = "catAlphaCharOn";
	return false;
}


function searchWhileTyping(searchTerm) {
	document.getElementById("searchButtonDisplay").innerHTML = '<a href="#" onClick="return(clearSearch());"><img src="/images/catFilterKeywordCancel.gif" border="0" width="18"></a>';
	window.clearTimeout(pd_refreshId);
	pd_refreshId = window.setTimeout("performFilter()", pd_filterSearchDelay);
	pd_searchText = searchTerm;
	return false;
}

function filterProductArrayBySearchTerm(searchText) {

debug("filterProductArrayBySearchTerm");
debug("searchText = " + searchText);

	pd_filteredDisplayList = getFilteredDisplayList(searchText);
	pd_currentPageNumber = 1;
	var success = displayProductArray();
	return false;
}

function filterProductArrayByBrand(brand) {
debug("filterProductArrayByBrand:" + brand);
	pd_brandSelected = brand;
	pd_filteredDisplayList = getFilteredDisplayListByBrand(brand);
	pd_currentPageNumber = 1;
	var success = displayProductArray();
	return false;
}

function filterProductArrayByPriceRange(priceRange) {
	pd_priceRange = priceRange;
	pd_filteredDisplayList = getFilteredDisplayListByPriceRange(priceRange);
	pd_currentPageNumber = 1;
	var success = displayProductArray();
	return false;
}


function filterProductArrayByTitleFirstLetter(firstLetter) {
debug("filterProductArrayByTitleFirstLetter");
	pd_filteredDisplayList = getFilteredDisplayListByTitleFirstLetter(firstLetter);
	pd_currentPageNumber = 1;
	clearSearchBox();
	displayProductArray();
	highlightSelectedAlphaChar(firstLetter);
	return false;
}

function filterProductArrayByBrandFirstLetter(firstLetter) {
debug("filterProductArrayByBrandFirstLetter");
	pd_currentPageNumber = 1;
	pd_filteredDisplayList = getFilteredDisplayListByBrandFirstLetter(firstLetter);
	clearSearchBox();
	displayProductArray();	
	highlightSelectedAlphaChar(firstLetter);
	return false;
}

function filterProductArrayByBrandFirstLetterIsNumber(firstLetter) {
debug("filterProductArrayByBrandFirstLetterIsNumber");	
	pd_filteredDisplayList = getFilteredDisplayListByBrandFirstLetterIsNumber();
	pd_currentPageNumber = 1;
	clearSearchBox();	
	displayProductArray();	
	highlightSelectedAlphaChar(firstLetter);	
	return false;
}

function filterProductArrayByTitleFirstLetterIsNumber(firstLetter) {
debug("filterProductArrayByTitleFirstLetterIsNumber");
	pd_currentPageNumber = 1;
	clearSearchBox();	
	pd_filteredDisplayList = getFilteredDisplayListByTitleFirstLetterIsNumber();
	displayProductArray();
	highlightSelectedAlphaChar(firstLetter);	
	return false;
}


function clearFirstTimeSearchText() {
	if(pd_searchFirstRun) {
		pd_searchText = "";
		pd_searchFirstRun = false;
	}
	return false;
}

function clearSearchBox() {
debug("clearSearchBox");
	document.getElementById("searchButtonDisplay").innerHTML = '<img src="/images/spacer.gif" width="18">';
	document.forms.pagingSearchForm.filterBySearchTerm.value = "";
	return false;
}

function clearSearch() {
debug("clearSearch");
	clearSearchBox();
	pd_searchText = "";
	//pd_filteredDisplayList = pd_displayList;
	pd_currentPageNumber = 1;
	performFilter();
	return false;
}

function showAlphaBar() {
debug("showAlphaBar()");
	document.getElementById("alphaLinksHTML").style.display = "block";
	return false;
}

function hideAlphaBar() {
debug("hideAlphaBar()");
	document.getElementById("alphaLinksHTML").style.display = "none";
	pd_filteredDisplayList = pd_displayList;
	pd_currentPageNumber = 1;
	return false;
}

function getFilteredDisplayList(searchTermString) {
debug("getFilteredDisplayList");
	var productArray = pd_filteredDisplayList;
	searchTermString = String(searchTermString).toLowerCase();
	searchTermString = String(searchTermString).replace(/,/g, " ");
	var searchTermList = String(searchTermString).split(" ");
	var filteredHash = new Array();
	var item = new Object();
	for(item in productArray) {
		var found = true;
		for(item2 in searchTermList) {
			if(!isBlank(searchTermList[item2])) {
				if(productArray[item].searchIndex.indexOf(searchTermList[item2]) == -1) found = false;
			}
		}
		if(found == true) {
			filteredHash[productArray[item].id] = productArray[item];
		}
	}
	var item = new Object();
	var filteredList = new Array();
	var i = 0;
	for(item in filteredHash) {
		filteredList[i] = filteredHash[item];
		i++;
	}
	debug("filteredList.length = " + filteredList.length);
	return filteredList;
}


function getFilteredDisplayListByBrand(brand) {
	debug("getFilteredDisplayList");
	var productArray = pd_filteredDisplayList;
	debug("productArray.length = " + productArray.length);
	brand = String(brand).toLowerCase();
	var filteredHash = new Array();
	var item = new Object();
	for(item in productArray) {
		var found = true;
		if(String(productArray[item].brand).toLowerCase() != brand && brand != "") found = false;
		if(found == true) {
			filteredHash[productArray[item].id] = productArray[item];
		}
	}
	var item = new Object();
	var filteredList = new Array();
	var i = 0;
	for(item in filteredHash) {
		filteredList[i] = filteredHash[item];
		i++;
	}
	debug("filteredList.length = " + filteredList.length);
	return filteredList;
}

function getFilteredDisplayListByPriceRange(priceRange) {
	debug("getFilteredDisplayListByPriceRange");
	var productArray = pd_filteredDisplayList;
	var priceRangeComponents = priceRange.split("to");
	var lowPrice = priceRangeComponents[0];
	var highPrice = priceRangeComponents[1];
	
	var filteredList = new Array();
	var item = new Object();
	var j = 0;
	for(item in productArray) {
		var found = false;
		if(productArray[item].price >= lowPrice && productArray[item].price <= highPrice) found = true;
		if(found == true) {
			filteredList[j] = productArray[item];
			j++;
		}
	}
	debug("filteredList.length = " + filteredList.length);
	return filteredList;
}


function getFilteredDisplayListByTitleFirstLetterIsNumber() {
	debug("getFilteredDisplayListByTitleFirstLetterIsNumber");
	var productArray = pd_displayList;
	var filteredList = new Array();
	var item = new Object();
	var i = 0;
	for(item in productArray) {
		if(startsWithNumber(productArray[item].title)) {
			filteredList[i] = productArray[item];
			i++;
		}
	}
	return filteredList;
}

function getFilteredDisplayListByBrandFirstLetterIsNumber() {
	debug("getFilteredDisplayListByBrandFirstLetterIsNumber");
	var productArray = pd_displayList;
	var filteredList = new Array();
	var item = new Object();
	var i = 0;
	for(item in productArray) {
		if(startsWithNumber(productArray[item].brand)) {
			filteredList[i] = productArray[item];
			i++;
		}
	}
	return filteredList;
}

function getFilteredDisplayListByTitleFirstLetter(firstLetter) {
	debug("getFilteredDisplayListByTitleFirstLetter");
	var productArray = pd_displayList;
	var filteredList = new Array();
	var item = new Object();
	var i = 0;
	for(item in productArray) {
		if((String(productArray[item].title).substring(0, 1)).toLowerCase() == String(firstLetter).toLowerCase()) {
			filteredList[i] = productArray[item];
			i++;
		}
	}
	return filteredList;
}

function getFilteredDisplayListByBrandFirstLetter(firstLetter) {
	debug("getFilteredDisplayListByBrandFirstLetter");
	var productArray = pd_displayList;
	var filteredList = new Array();
	var item = new Object();
	var i = 0;
	for(item in productArray) {
		if((String(productArray[item].brand).substring(0, 1)).toLowerCase() == String(firstLetter).toLowerCase()) {
			filteredList[i] = productArray[item];
			i++;
		}
	}
	return filteredList;
}

function getFirstLetterListByBrand() {
	debug("getFirstLetterListByBrand");
	var productArray = pd_displayList;
	var firstLetterHash = new Array();
	var item = new Object();
	var firstLetter = "";
	for(item in productArray) {
		firstLetter = (String(productArray[item].brand).substring(0,1)).toUpperCase();
		firstLetterHash[firstLetter] = firstLetter;
	}
	return firstLetterHash;
}

function getFirstLetterListByTitle() {
	debug("getFirstLetterListByTitle");
	var productArray = pd_displayList;
	var firstLetterHash = new Array();
	var item = new Object();
	var firstLetter = "";
	for(item in productArray) {
		firstLetter = (String(productArray[item].title).substring(0,1)).toUpperCase();
		firstLetterHash[firstLetter] = firstLetter;
	}
	return firstLetterHash;
}


function getBrandList() {
	var productArray = pd_displayList;
	var brandList = new Array();
	var item = new Object();
	for(item in productArray) {
		if(!brandList[productArray[item].brand]) {
			brandList[productArray[item].brand] = new Object();
			brandList[productArray[item].brand].name = productArray[item].brand;
			brandList[productArray[item].brand].count = 1;
		} else {
			brandList[productArray[item].brand].count++;
		}		
	}
	var i = 0;
	var tempArray = new Array();
	for(item in brandList) {
		tempArray[i] = brandList[item];
		i++;
	}
	brandList = tempArray;
	brandList.sort(compareBrandListName);
	return brandList;
}



function startsWithNumber(input) {
	if(	String(input).substring(0, 1) == "0" ||
		String(input).substring(0, 1) == "1" ||
		String(input).substring(0, 1) == "2" ||
		String(input).substring(0, 1) == "3" ||
		String(input).substring(0, 1) == "4" ||
		String(input).substring(0, 1) == "5" ||
		String(input).substring(0, 1) == "6" ||
		String(input).substring(0, 1) == "7" ||
		String(input).substring(0, 1) == "8" ||
		String(input).substring(0, 1) == "9") {
		return true;
	} else {
		return false;
	}
}


function getCurrentPageNumber() {
	debug("initialize : getCurrentPageNumber");
	var pageNumber = 1;
	var currentSection = oiCurrentSection;
	if(pd_lastSection == currentSection) {
		pageNumber = pdGetCookie("pd_currentPageNumber");
	}
	pdSetCookie("pd_lastPageNumber", pageNumber);
	if(isBlank(pageNumber)) pageNumber = 1;
	return pageNumber;	
}

function getCurrentSortBy() {
	debug("initialize : getCurrentSortBy");
	var pd_sortBy = "";
	var currentSection = oiCurrentSection;
	if(pd_lastSection == currentSection) {
		pd_sortBy = pdGetCookie("pd_pagingSortBy");
	}
	if(isBlank(pd_sortBy)) pd_sortBy = "";
	return pd_sortBy;	
}

function sortProductArrayByPrice() {
	debug("sortProductArrayByPrice");
	pd_filteredDisplayList = pd_displayList;
	pd_filteredDisplayList = pd_filteredDisplayList.sort(compareId);
	pd_filteredDisplayList = pd_filteredDisplayList.sort(comparePrice);
	pd_sortBy = "price";
	return true;
}

function sortProductArrayByTitle() {
	debug("sortProductArrayByTitle");
	pd_filteredDisplayList = pd_filteredDisplayList.sort(compareId);
	pd_filteredDisplayList = pd_filteredDisplayList.sort(compareTitle);
	pd_sortBy = "title";
	return false;
}

function sortProductArrayByBrand() {
	debug("sortProductArrayByBrand");
	pd_filteredDisplayList = pd_filteredDisplayList.sort(compareId);
	pd_filteredDisplayList = pd_filteredDisplayList.sort(compareBrand);
	pd_sortBy = "brand";
	return false;
}

function sortProductArrayBySizeForm() {
	debug("parseDisplayListBySizeForm");
	pd_filteredDisplayList = pd_filteredDisplayList.sort(compareId);
	pd_filteredDisplayList = pd_filteredDisplayList.sort(compareSizeForm);
	pd_sortBy = "sizeForm";
	return false;
}
function sortProductArrayByRating() {
	debug("sortProductArrayByRating");
	pd_filteredDisplayList = pd_filteredDisplayList.sort(compareId);
	pd_filteredDisplayList = pd_filteredDisplayList.sort(compareRating);
	pd_sortBy = "rating";
	return false;
}

function sortProductArrayByBestseller() {
	debug("sortProductArrayByBestseller");
	pd_filteredDisplayList = pd_filteredDisplayList.sort(compareId);
	pd_filteredDisplayList = pd_filteredDisplayList.sort(compareBestseller);
	pd_sortBy = "bestseller";
	return false;
} 


function compareId(item1, item2) {
	if(item1.id > item2.id) return 1;
	else if(item1.id < item2.id) return -1;
	else return 0;
}

function compareTitle(item1, item2) {
	if(item1.title > item2.title) return 1;
	else if(item1.title < item2.title) return -1;
	else return 0;
}

function compareBrand(item1, item2) {
	if(item1.brand > item2.brand) return 1;
	else if(item1.brand < item2.brand) return -1;
	else return 0;
}

function compareSizeForm(item1, item2) {
	if(item1.sizeForm > item2.sizeForm) return 1;
	else if(item1.sizeForm < item2.sizeForm) return -1;
	else return 0;
}

function comparePrice(item1, item2) {
	if(item1.price > item2.price) return 1;
	else if(item1.price < item2.price) return -1;
	else return 0;
}

function compareBestseller(item1, item2) {
	if(item1.bestseller > item2.bestseller) return -1;
	else if(item1.bestseller < item2.bestseller) return 1;
	else return 0;
}

function compareRating(item1, item2) {
	if(item1.rating > item2.rating) return -1;
	else if(item1.rating < item2.rating) return 1;
	else return 0;
}

function compareBrandListName(item1, item2) {
	if(item1.name > item2.name) return 1;
	else if(item1.name < item2.name) return -1;
	else return 0;
}

function debug(message) {
	if(pd_debugFlag == true) {
		alert(message);
	}
	return false;
}