// Version 2.0

//some of these global variables are set from the calling page (i.e. defaultContentsFormat = "VERTICAL")
var defaultSort, defaultContentsFormat, contentsFormat, tableWidth, numColumns, numPerPage, numPages, contentsElements, showDefaultSort,
    detailedSortInfo, showPagingModes, viewAll, sortBy, sortHighLow, pageLinkPrefix, rowpad, columnpad, storename, columnSeparatorColor,
    rowSeparatorColor, listModeBG1, listModeBG2, sortLinkSeparator, modeLinkSeparator, pageLinkSeparator, globalPageNum, globalViewallthistime,
    currentItem, currentItemImage, numArrowDivs, showListMode, addToCartImage, showBrandSort, strikePrice, showWrapMode, showQuantity, listModeShowImages,
    pageSegment;
var pageItems = new Array(); //array to hold master array - retains original contents even during filtering
var oldSortBy = "";

var _maxNumAttributes = 5;

var SORT_ASC = 1,
		SORT_DESC = -1; //constants used for sorting 

var _sortDirection = SORT_ASC;

var showsortmanufacturer = false; 
var showsortshipfromstate = false; 
var showsorttheme = false; 
var showsortprice = false; 
var sortmanufacturer = ""; 
var sortshipfromstate = ""; 
var sorttheme = ""; 
var sortprice = ""; 
var addToCartImage = '<input class=order-button valign=absmiddle type=submit value="Add to cart">'; 
var leftArrow = '<img src="http://site.invitationbox.com/images/previous-brown.gif" width="55" height="13" border="0" hspace="2" vspace="0" alt="previous page" />'; 
var rightArrow = '<img src="http://site.invitationbox.com/images/next-brown.gif" width="34" height="13" border="0" hspace="2" vspace="0" alt="next page" />'; 
var leftArrowG = '<img src="http://site.invitationbox.com/images/previous-grey.gif" width="0" height="0" border="0" hspace="2" vspace="0" />'; 
var rightArrowG = '<img src="http://site.invitationbox.com/images/next-grey.gif" width="0" height="0" border="0" hspace="2" vspace="0" />'; 
var downArrow = '<img src="http://site.invitationbox.com/images/downarrow.gif" height="11" width="11" border="0">'; 
var upArrow = '<img src="http://site.invitationbox.com/images/uparrow.gif" height="11" width="11" border="0">'; 
var storename = "invitationbox"; 
regularPriceText = "Regular price:"; 
salePriceText = "Sale price:"; 
numPerPage = 32; 
numColumns = 4; 
defaultContentsFormat = "VERTICAL"; 
viewAll = true; 
defaultSort = "default"; 
listModeShowImages = true; 
showDefaultSort = false; 
showListMode = false; 
detailedSortInfo = false; 
showPagingTheme = true; 
showPagingStyle = false; 
columnSeparatorColor = "#FFFFFF"; 
columnpad = "14"; 
listModeBG1 = "#FFFFFF"; 
listModeBG2 = "#FFFFFF"; 
pageLinkPrefix = "<font class='pagingBlueText'>Page</font>&nbsp;&nbsp;"; 
pageLinkSeparator = "&nbsp;&nbsp;|&nbsp;&nbsp;"; 
rowSeparatorColor = "#FFFFFF"; 
rowpad = "15"; 
showPagingModes = false;
sortLinkSeparator = "&nbsp;"; 
modeLinkSeparator = "&nbsp;"; 
tableWidth = "100%"; 
numArrowDivs = 4;
showBrandSort = false;
strikePrice = false;
showWrapMode = false;

contentsElements = "image/name/price/papercolor/icons/quickview";
loadjscssfile("http://site.invitationbox.com/js/swfobject.js", "js") //dynamically load and add this .js file

$(document).ready( function() {
	initPaging();
});

/* Mapping for defining more complex filters (such as whether items are on sale which filter on more than one attribute) */
var _filterCallbacks = {
	'onsale' : function(it, attr, value) { return isSaleItem(it); },
	'eventtype' : function(it, attr, value) { return filterEvent(it, value); },
	'color' : function(it, attr, value) { return filterColor(it,value); },
	'theme' : function(it, attr, value) { return filterMutiAttr(attr,it,value); }
}

function isSaleItem(it) { return it['showsalepricing']; }

function filterEvent(it, value) {
	// it == paging item
	// attr == attr type
	// value == value to match on
	_pagingState.filters['eventtype-'+value] = value;
	return (it['eventtype'].indexOf(value) != -1);	
}

function filterMutiAttr(attr, it, value) {
	// it == paging item
	// attr == attr type
	// value == value to match on
	_pagingState.filters[attr +'-'+value] = value;
	return (it[attr].indexOf(value) != -1);	
}

function filterColor(it, value) {
	// it == paging item
	// attr == attr type
	// value == value to match on
	
	return (it['primarycolor'].indexOf(value) != -1 || it['secondarycolor'].indexOf(value) != -1 || it['thirdcolor'].indexOf(value) != -1);
}

function pagingItem(id, code, name, img, listimg, price, saleprice, options, abstr, orderable, brand, brandlink, theme, pricerange, mappricing, newitem, papercolor, fullname, attributes) {
	//use window items as a global array to track paging items
	if (!window.items) window.items = new Array();
		
	this.id         = id.toLowerCase();
	this.code       = code;
	this.name       = name;
	this.img        = img;
	this.listimg    = listimg;
	this.price      = price;
	this.saleprice  = saleprice;
	this.options    = options;
	this.abstr      = abstr;
	this.orderable  = orderable;
	this.brand      = brand;
	this.brandlink  = brandlink;
	this.theme      = theme;
	this.pricerange = pricerange;
	this.mappricing = mappricing;
	this.newitem    = newitem;
	this.papercolor = papercolor;
	this.fullname   = fullname;
	this.sortby     = "name";
	
	/* Added as a way to dynamically add attributes regardless of order, without having to change the constructor */
	for (attr in attributes)
		this[attr] = attributes[attr];

	//dynamically determine initial sort
	this.defaultsort=window.items.length;
	//add this pagingItem object to the global items array
	window.items[window.items.length] = this;
}

//paging state - made global variable to facilitate integration with older SolidCactus code
var _pagingState;

//get default paging state - added to support more advanced filtering and sorting capabilities 
function getDefaultPagingState() {	
	var ps = {
		pageName : '',
		pageNum : 1,		
		sortBy : 'defaultsort',
		sortDirection : SORT_ASC,
		contentsFormat : defaultContentsFormat, //this is a global var - set to VERTICAL via calling page
		viewAll : false,		
		filters : new Array() //assoc array to track filters being used where [filter=value]
	};
	return ps;
}

//load paging state from user's cookies as applicable
function loadPagingState() {	
	var ps = getDefaultPagingState();
	
	//get current page
	ps.pageName = getCurrentPageHTML();
	
	//get page name from cookie to determine where settings were applied
	var readName = GetCookie('thePageName');	
		
	//if the cookie has values defined load those values - else just use the default	
	if (readName) {		
		//global settings
		ps.viewAll = (GetCookie('viewall') == 1);		
		
		var readContentsFormat = GetCookie('contentsformat');		
		if (readContentsFormat)
			ps.contentsFormat = GetCookie('contentsformat');
	
		var readSortBy = GetCookie('theSort');
		if (readSortBy)
			ps.sortBy = readSortBy;
		
		var readSortDir = GetCookie('sortDirection')
			ps.sortDirection = readSortDir; 
		
		//load page specific state settings only if same page as last time settings were saved 
		if (readName == ps.pageName) {
			//get remaining cookie values
			var readPage = parseInt(GetCookie('thePage'));					
			ps.pageNum = (readPage == 0 || ps.viewAll) ? 1 : readPage;
			
			var readFilters = GetCookie('filters');
			if (readFilters)
				ps.filters = deserializeFilterData(readFilters);
		}
	}	
	var filterType = getParameterByName("ft");
	var filterVal = unescape(getParameterByName("fv"));
		
	if (filterType != '') {
		if (filterVal != '') {
			try {
				if (filterVal == 'true') {
					$("#cb"+filterType).attr('checked',true);
					ps.filters[filterType] = true;
				} else {
					ps.filters[filterType] = filterVal;
					$("#cb"+filterType+filterVal).attr('checked',true);
				}
			} catch (e) { alert(e); }
		}
	}	
	
	return ps;
}

function savePagingState(ps) {	
	SetCookie('thePageName', ps.pageName, exp); 		
	SetCookie('thePage', ps.pageNum, exp); 
	SetCookie('theSort', ps.sortBy, exp); 
	SetCookie('sortDirection', ps.sortDirection, exp); 
	SetCookie('contentsformat', ps.contentsFormat, exp); 
	SetCookie('viewall', (ps.viewAll ? 1 : 0), exp); 
	SetCookie('filters', serializeFilterData(ps.filters), exp);
}

/* return assoc array from serialized filter data */
function deserializeFilterData(data) {
	var ret = new Array();
	var filters = data.split("|");
	if (filters.length) {
		for (var i = 0; i < filters.length; i++) {
			var filter = filters[i].split("::");
			if (filter.length == 2) {
				var val = filter[1];
				//hack for boolean convert as applicable
				if (val == "true") 				
					val = true;
				else if (val == "false")
					val = false;						
					
				ret[filter[0]] = val;
			}
		}
	}
	return ret;
}

/* serialize filter data from assoc array to string for storage in cookie */
function serializeFilterData(data) {
	var str = '';
	var i = 0;
	for (filter in data) {
		//if (data[filter]) //filter is set
		//{
			if (i++)
				str += "|";		
			str += filter + "::" + data[filter];
		//}
	}
	return str;
}

function round_decimals(original_number, decimals) {
    var result1 = original_number * Math.pow(10, decimals)
    var result2 = Math.round(result1)
    var result3 = result2 / Math.pow(10, decimals)
    return pad_with_zeros(result3, decimals)
}

function pad_with_zeros(rounded_value, decimal_places) {
    var value_string = rounded_value.toString()
    var decimal_location = value_string.indexOf(".")
    if (decimal_location == -1) {
        decimal_part_length = 0
        value_string += decimal_places > 0 ? "." : ""
    }
    else {
        decimal_part_length = value_string.length - decimal_location - 1
    }
    var pad_total = decimal_places - decimal_part_length
    if (pad_total > 0) {
        for (var counter = 1; counter <= pad_total; counter++) 
            value_string += "0"
        }
    return value_string
}

function FIND(item) {
	if (document.getElementById) return(document.getElementById(item));
	if (document.all) return(document.all[item]);
	return(false);
};

function pagingSegment(theArray,pageNum) {
	var newArray = new Array();
	for(i=(pageNum-1)*numPerPage; i<pageNum*numPerPage; i++) {
		newArray[i - (pageNum-1)*numPerPage] = theArray[i];
	}
	return newArray;
};

function sortArray(theArray, loBound, hiBound){
	var pivot, loSwap, hiSwap, temp;

	// Two items to sort
	if (hiBound - loBound == 1)
	{
		if (theArray[loBound].sortby > theArray[hiBound].sortby)
		{
			temp = theArray[loBound];
			theArray[loBound] = theArray[hiBound];
			theArray[hiBound] = temp;
		}
		return;
	}

	// Three or more items to sort
	pivot = theArray[parseInt((loBound + hiBound) / 2)];
	theArray[parseInt((loBound + hiBound) / 2)] = theArray[loBound];
	theArray[loBound] = pivot;
	loSwap = loBound + 1;
	hiSwap = hiBound;

	do {
		while (loSwap <= hiSwap && theArray[loSwap].sortby <= pivot.sortby)
			loSwap++;
		while (theArray[hiSwap].sortby > pivot.sortby)
			hiSwap--;
		if (loSwap < hiSwap)
		{
			temp = theArray[loSwap];
			theArray[loSwap] = theArray[hiSwap];
			theArray[hiSwap] = temp;
		}
	} while (loSwap < hiSwap);

	theArray[loBound] = theArray[hiSwap];
	theArray[hiSwap] = pivot;

	// 2 or more items in first section
	if (loBound < hiSwap - 1)
		sortArray(theArray, loBound, hiSwap - 1);

	// 2 or more items in second section
	if (hiSwap + 1 < hiBound)
		sortArray(theArray, hiSwap + 1, hiBound);
};

function changeClass(which,theclass) {
	which.className = theclass;	
}

function writePageLinks( viewallThisTime, pageNum) {
	//$("#pagelinks1").html(getPageLinks(viewallThisTime, pageNum));
	$("#pagelinks2").html(getPageLinks(viewallThisTime, pageNum, true));
}

function getPageLinks( viewallThisTime, pageNum, addTopLink) {
	var numLinks = 7;
	var plusMinus = 3;
	
	if (numPages > 1) {
		var pageLinks = "<span id=pagelinks>" + pageLinkPrefix;

		var a, b;
		
		if (numPages > numLinks) {
			a = pageNum - plusMinus;
			b = pageNum + plusMinus;
			if (a < 1) {a = 1;}
			if (b < numLinks) b = numLinks;
			if (b > numPages) {b = numPages;}
			if (a > (numPages - numLinks)) a = numPages - numLinks;
		} else {
			a = 1;
			b = numPages;
		}

		for(i=a; i<=b; i++) {
			if(i == pageNum && !viewallThisTime)
				pageLinks += "<span class=chosen>" + i + "</span>";
			else {
				pageLinks += '<a href="';
				
				if (addTopLink)
					pageLinks += '#top" onclick="';
				else
					pageLinks += 'javascript:';
					
				pageLinks += 'writePage(' + i + ',false);">' + i + '</a>';
			}
      
			if (i < b)
       	pageLinks += "<span class=sep>" + pageLinkSeparator + "</span>";	
		}
		
		if(viewAll) {
			pageLinks += "<span class=sep>" + pageLinkSeparator + "</span>";
			if(viewallThisTime)
				pageLinks += "<span class=chosen>View All</span>";
			else {
				pageLinks += '<a href="';
				if (addTopLink)
					pageLinks += '#top" onclick="';
				else
					pageLinks += 'javascript:';
				pageLinks += 'writePage(1,true)" class="viewall">View All</a>';
			}
		}
		pageLinks += "</span>";
	
		return pageLinks;
	}
	return '';
};


function writeItemXofX(viewallthistime,pageNum) {
	//var theItemDiv = FIND("itemof1");
	//if(theItemDiv) theItemDiv.innerHTML = theString;
	theItemDiv = FIND("itemof2");
	if(theItemDiv) theItemDiv.innerHTML = htmlItemXofX(viewallthistime, pageNum);
};

function htmlItemXofX(viewallthistime,pageNum) {
	var currentItemLow = ((pageNum - 1) * numPerPage + 1);
	var currentItemHigh = pageNum * numPerPage;
	var numItems = window.items.length == 0 ? 1 : window.items.length;
	var theString = "<span class=itemof>";

	if((currentItemLow <= numItems) && (numItems <= currentItemHigh)) {
		currentItemHigh = numItems;
	}
	
	if(currentItemLow == currentItemHigh) {
		theString += "showing product <span class=bold>" + currentItemLow + "</span> of " + numItems ;
	} else if(viewallthistime) {
		theString += "showing items <span class=bold>1</span> - <span class=bold>" + numItems + "</span> of " + numItems ;
	} else {
		theString += "showing items <span class=bold>" + currentItemLow + "</span> - <span class=bold>" + currentItemHigh + "</span> of " + numItems ;
	}
	theString += "</span>";
	
	return theString;
};

function writePageXofX(viewallthistime,pageNum) {
	//var pageofDiv = FIND("pageof1");
	//if(pageofDiv) pageofDiv.innerHTML = localContent;
	pageofDiv = FIND("pageof2");
	if(pageofDiv) pageofDiv.innerHTML = htmlPageXofX(viewallthistime, pageNum);
};

function htmlPageXofX(viewallthistime,pageNum) {
	var localContent = "<span class=pageof>";
	if(viewallthistime)
		localContent += "Viewing all items";
	else
		localContent += "Page <span class=bold>" + pageNum + " </span>of " + numPages;

	//debug
	if(detailedSortInfo) {
		if(sortBy == "default")
			localContent += " (default sort)";
		else {
			localContent += " <span class=detailedsortinfo>(sorted by " + sortBy;
			if(sortHighLow) localContent += " high to low)"; else localContent += " low to high)</span>";
		}
	}

	localContent += "</span>";

	return localContent;
};


function writeUpDownArrow(divname) {
	if(divname) {
		localContent = "";
		if(sortHighLow) localContent += "&nbsp;" + upArrow; else localContent += "&nbsp;" + downArrow;
		divname.innerHTML = localContent;
	}
}

function writeArrows(viewallthistime,pageNum) {
	var localContent;
	var leftArrowString = "", rightArrowString = "";
	var upDownArrowDiv  = FIND(sortBy + "arrowdiv1");
	var upDownArrowDiv2 = FIND(sortBy + "arrowdiv2");
	if(viewallthistime) {
		writeUpDownArrow(upDownArrowDiv);
		writeUpDownArrow(upDownArrowDiv2);
		leftArrowString += leftArrowG;
		rightArrowString += rightArrowG;
		for(i=1; i<=numArrowDivs; i++) {
			localDiv = FIND("rightArrowDiv" + i);
			if(localDiv) localDiv.innerHTML = rightArrowString;
			localDiv = FIND("leftArrowDiv" + i);
			if(localDiv) localDiv.innerHTML = leftArrowString;
		}
	} else {
		writeUpDownArrow(upDownArrowDiv);
		writeUpDownArrow(upDownArrowDiv2);
		if(numPages == 1) {
			leftArrowString += leftArrowG;
			rightArrowString += rightArrowG;
		} else if(pageNum == 1) {
			leftArrowString += leftArrowG;
			rightArrowString += "<a href=javascript:writePage(2)>" + rightArrow + "</a>";
		} else if (pageNum == numPages) {
			leftArrowString += "<a href=javascript:writePage(" + (numPages - 1) + ")>" + leftArrow + "</a>";
			rightArrowString += rightArrowG;
		} else {
			leftArrowString += "<a href=javascript:writePage(" + (pageNum - 1) + ")>" + leftArrow + "</a>"
			rightArrowString += "<a href=javascript:writePage(" + (pageNum + 1) + ")>" + rightArrow + "</a>";
		}
		for(i=1; i<=numArrowDivs; i++) {
			localDiv = FIND("rightArrowDiv" + i);
			if(localDiv) localDiv.innerHTML = "<span onClick=\"window.location.href = '#top'\">" + rightArrowString + "</span>";
			localDiv = FIND("leftArrowDiv" + i);
			if(localDiv) localDiv.innerHTML = "<span onClick=\"window.location.href = '#top'\">" + leftArrowString + "</span>";
		}
	}
};

function writeArrowsHtml(viewallthistime,pageNum) {
	var localContent ="";
	var leftArrowString = "", rightArrowString = "";
	var prevText = "<< Previous";
	var nextText = "Next >>";
	var sepText = "&nbsp;&nbsp;|&nbsp;&nbsp;";
	
	if(viewallthistime) {
		localContent += prevText + sepText + nextText;
	} else {
		if(numPages == 1) {
			leftArrowString += prevText + sepText;
			rightArrowString += nextText;
		} else if(pageNum == 1) {
			leftArrowString += prevText + sepText;
			rightArrowString += "<a href=javascript:writePage(2)>" + nextText + "</a>";
		} else if (pageNum == numPages) {
			leftArrowString += "<a href=javascript:writePage(" + (numPages - 1) + ")>" + prevText + "</a>" + sepText;
			rightArrowString += nextText;
		} else {
			leftArrowString += "<a href=javascript:writePage(" + (pageNum - 1) + ")>" + prevText + "</a>"  + sepText;
			rightArrowString += "<a href=javascript:writePage(" + (pageNum + 1) + ")>" + nextText + "</a>";
		}
		
		localContent += "<span onClick=\"window.location.href = '#top'\">" + leftArrowString + "</span>";
		localContent += "<span onClick=\"window.location.href = '#top'\">" + rightArrowString + "</span>";
		
	}
	return localContent;
};

/* pagingQuantity, pagingAddtoCart, pagingPrice */
function pagingPrice(localItem) {
	var onsale = (localItem['showsalepricing']);
	var supersale = (localItem['showsupersalepricing']);
	var usemap = localItem.mappricing;
	var localContent = "";
	if(localItem.price != "") {
		if(localItem.price == "Currently Not Available"){
			localContent += "<span class=saleprice>";
			localContent += localItem.price;
			localContent += "</span><br>";	
		}	else if (!onsale){
			localContent += "<span class=price>";
			localContent += localItem.price;
			localContent += "</span><br>";
		} else if(usemap && !onsale){
			localContent += mapPricing(localItem);
		} else if(onsale && supersale){
			localContent += "<span class=saleprice><b>";
			localContent += localItem.saleprice;
			localContent += "</b></span><br>";			
		} else {
			localContent += "<span class=saleprice>";
			localContent += localItem.saleprice;
			localContent += "</span><br>";
		}
	}
	
	if (localItem['minorder'] != '') {
		localContent += "<span class=minOrderQty>Minimum Order: " + localItem['minorder'] + "</span>";
	}
	
	if(onsale && usemap) localContent += mapPricing(localItem);

	return localContent;
}

function pagingQuantity(localItem) {
	var localContent = "";
	if(localItem.useprice != 0)
		if(localItem.orderable) {
			localContent += "<span class=qtytext>Quantity: ";
			localContent += "<input type=text name=vwquantity size=2 class=qtybox value=1>";
			localContent += "</span><br>";
		} else 
			localContent += "";	
	return localContent;
}

function pagingAddToCart(localItem) {
	var localContent = "";
	if(localItem.useprice != 0 && !localItem.mappricing)
		if(localItem.orderable) {
			localContent += "<form method=post action=http://order.store.yahoo.com/cgi-bin/wg-order?" + storename + ">";
			if(showQuantity) localContent += pagingQuantity(localItem);
			localContent += "<input type=hidden name=vwcatalog value=" + storename + ">";
			localContent += "<input type=hidden name=vwitem value=" + localItem.id + ">";
			if(addToCartImage != "") 
				localContent += addToCartImage;
			else
				localContent += "<input type=submit id=submit value='Add to Cart'>"
			localContent += "</form>";
		} else 
			localContent += "<span class=outofstock>Out of Stock</span>";	
	return localContent;
}


/***************************************************************
	Scripts to generate pagingVertical style 
	Extracted from eval/decrypt 
****************************************************************/

function writeVerticalInfo(currentRow, numRows) {
	var localContent = "";
	localContent += "<tr valign=top class=contents-row>";
	//VERTICAL - LOOP CELLS
	for(currentCol=0; currentCol<numColumns; currentCol++) {
		localContent += "<td width=" + 100 / numColumns + "% height=100% align=center";

		if(pageSegment[currentItem]) 
			localContent += " class=vcell id=vcell" + currentItem;
	
		localContent += "><div class='itemContent'>";
	
		if(pageSegment[currentItem]) {
			//get pagingItem object to render 
			localItem = pageSegment[currentItem];
			//contentsElements is a global array dictating which fields to show in the output
			
			if(contentsElements.indexOf("quantity")) 
				showQuantity = true;
				
			var elementArray = contentsElements.split("/");
	
			for(i=0;i<elementArray.length;i++) {
				switch(elementArray[i]) {
					case "iboxgreen":
						if(localItem["green"]) localContent += "<div class=iboxgreen><img alt='InvitationBoxGreen' src='http://site.invitationbox.com/images/iboxgreenshort.gif'/></div>";
						else localContent += "<div class=iboxgreen></div>"
						break;
					case "icons":
						localContent += writeIcons(localItem);
						break;
					case "papercolor":
						if(localItem.papercolor) localContent += "<div class=papercolor>{ <a href=" + localItem.id + ".html>Pick Your Colors</a> }</div>";
						break;
					case "name":
						if(localItem.name != "") localContent += "<div class=advanceditem><a title='"+localItem.name+"' href=" + localItem.id + ".html>" + localItem.name + "</a></div>";
						break;
					case "code":
						if(localItem.code != "") localContent += "<div class=code>" + localItem.code + "</div>";
						break;
					case "price":
						localContent += pagingPrice(localItem);
						break;
					case "minorder":
						if(localItem.minorder != "") localContent += "<div class=minorder>Minimum Order: " + localItem.minorder + "</div>";
						break;
					case "abstract":
						if(localItem.abstr != "") localContent += "<div class=abstract>" + localItem.abstr + "</div>";
						break;
					case "quickview":
						if ( $.browser.msie && $.browser.version <= 6 ) {
							localContent += "";
					  } else {
							localContent += "<div class='qvHover'><a href='javascript:loadQuickView(" + (currentItem) + ");' onMouseOver='javascript:$(\"#qvImg"+currentItem+"\").attr(\"src\",\"http://site.invitationbox.com/images/ibox-quickview-on.gif\");' onMouseOut='javascript:$(\"#qvImg"+currentItem+"\").attr(\"src\",\"http://site.invitationbox.com/images/ibox-quickview-off.gif\");'><img id='qvImg" + currentItem + "' src='http://site.invitationbox.com/images/ibox-quickview-off.gif' border='0'></a></div>";
						}
						break;
					case "brand":
						localContent += "<div class=regpr>" + localItem.brand + "</div>";
						break;
					case "order":
						localContent += pagingAddToCart(localItem);
						break;
					case "quantity": 
						break;
					case "image": 
						localContent += writeVerticalImage(localItem);
					break;
				}
			}		
			currentItem++;
		} else {
			localContent += "&nbsp;";
		}
		localContent += "</div></td>";
	}
	localContent += "</tr>";

	return localContent;
};

function writeIcons(localItem) {
	var s = "<div class=sectionIcons>";
	if (localItem["quickship"]) {
		s += "<img alt='Quick Ship' src='http://site.invitationbox.com/images/quick-ship-galler-icon.gif' title='Quick Ship Item' />";
	}
	if (localItem["green"]) {
		s += "<img alt='InvitationBoxGreen' src='http://site.invitationbox.com/images/recycle-icon-gallery.gif' title='InvitationBox Green Item'/>";
	}
	if (localItem["multiColor"]) {
		s += "<img alt='InvitationBoxGreen' src='http://site.invitationbox.com/images/iconMultiColor.gif' title='Available in Multiple Colors'/>";
	}
		/*
	if (localItem["topseller"]) {
		s += "<img alt='Top Seller' src='http://site.invitationbox.com/images/top-seller-icon.gif' title='Top Selling Item'/>";
	}
	*/
	s += "</div>";
	
	return s;
}

function writeVerticalImage(localItem) {
	var localContent = "";
	localContent += "<table cellspacing=0 cellpadding=0 border=0><tr>";	
	localContent += "<td style='background-color:transparent;'>";

	/*
	if(localItem["showsalepricing"] && localItem["freera"]){
		localContent += "<div class=saleheader><img src='http://site.invitationbox.com/images/10off_freera_icon.gif'/></div>";
	} else if (localItem["showsalepricing"]) {
		localContent += "<div class=saleheader><img src='http://site.invitationbox.com/images/save10_icon.gif' /></div>";
	} else if (localItem["freera"]) {
		localContent += "<div class=saleheader><img src='http://site.invitationbox.com/images/free_ra.gif' /></div>";
	} else 
	*/
	if (localItem.newitem) {
		localContent += "<div class=saleheader><img src='http://site.invitationbox.com/images/newitem_icon.gif' /></div>";
	} else { localContent += "&nbsp;"; }
	/*
	else {
		localContent += "<div class=saleheader><img src='http://site.invitationbox.com/images/spacerTransparent.gif' height='12px' /></div>";
	}
	*/
	
	localContent += "</td>";
	
	
	localContent += "</tr><tr><td id=contents-image style='background-color:transparent;' valign='bottom'><a title='"+localItem.name+"' href=" + localItem.id + ".html>" + localItem.img + "</a></td></tr></table>";
	
	return localContent;
};

function writeVertical(pageNum, viewallthistime) {
	var localContent = "";
	var numRows = Math.ceil(pageSegment.length / numColumns);
	currentItem=0; currentItemImage = 0;
	for(currentRow=0; currentRow<numRows; currentRow++) {
		if(pageSegment[currentItem]) {
			localContent += writeVerticalInfo(currentRow, numRows);
			if (currentRow < numRows-1) {
				localContent += "<tr><td colspan='100'><hr shade color='#E4DBCA' width='95%' align='center'></td></tr>";
			}
		}		
	}
	return localContent;
};

/***************************************************************
	Scripts to generate pagingEll style 
	Extracted from eval/decrypt 
****************************************************************/

function writeEllInfoCell(currentRow, numRows) {
	var localContent = "";
	localContent += "<td width=" + 100 / numColumns + "% height=100% align=left onmouseover=changeClass(this,'ecell-on'); onmouseout=changeClass(this,'ecell'); class=ecell id=ecell" + currentItem + ">"
	if(pageSegment[currentItem]) {
		localItem = pageSegment[currentItem];
    if(contentsElements.indexOf("quantity")) showQuantity = true;
		var elementArray = contentsElements.split("/");
		for(i=0;i<elementArray.length;i++) {
			switch(elementArray[i]) {
				case "name":
					if(localItem.name != "") localContent += "<a href=" + localItem.id + ".html>" + localItem.name + "</a><br>";
					break
				case "code":
					if(localItem.code != "") localContent += "<div class=code>" + localItem.code + "</div>";
					break
				case "price":
					localContent += pagingPrice(localItem);
					break
				case "abstract":
					if(localItem.abstr != "") localContent += "<div class=abstract>" + localItem.abstr + "</div>";
					break
				case "brand":
					if(localItem.brand != "") localContent += "<div class=brand>" + localItem.brand + "</div>";
					break
				case "order":
	        localContent += pagingAddToCart(localItem);
					break
        case "quantity": break
				case "image": break
			}
		}
		currentItem++;
	} else {
		localContent += " ";
	}
	localContent += "</td>";
	return localContent;
};

function writeEllImageCell() {
	var localContent = "";
	localContent += "<td align=center valign=bottom onmouseover=changeClass(FIND('ecell" + currentItem + "'),'ecell-on'); onmouseout=changeClass(FIND('ecell" + currentItem + "'),'ecell');>"
	if(pageSegment[currentItem]) {
		localItem = pageSegment[currentItem];
		localContent += "<a href=" + localItem.id + ".html>" + localItem.img + "</a>";
	} else {
		localContent += " ";
	}
	localContent += "</td>";
	return localContent;
};

function writeEll(pageNum, viewallthistime) {
	var localContent = "";
	var numRows = Math.ceil(pageSegment.length / numColumns);
	currentItem=0; currentItemImage = 0;
	for(currentRow=0; currentRow<numRows; currentRow++) {
		if(pageSegment[currentItem]) {
			localContent += "<tr valign=top>";
			for(currentCol=0; currentCol<numColumns; currentCol++) {
				if(pageSegment[currentItem]) {
					if(contentsElements.indexOf("image") != -1) 
						localContent += writeEllImageCell();
					localContent += writeEllInfoCell();
				} else {
					if(contentsElements.indexOf("image") != -1) 
						localContent += "<td> </td>";
					localContent += "<td> </td>";
				}
				if(currentCol<numColumns-1 && columnpad > 0) 
					localContent += writeCellPadding();
			}
			localContent += "</tr>";
		}
	}
	return localContent;
};

/***************************************************************
	Scripts to generate pagingWrap style 
	Extracted from eval/decrypt 
****************************************************************/

function writeWrapCell(currentRow, numRows) {
	var localContent = "";
	localContent += "<td width=" + 100 / numColumns + "% height=100% align=left onmouseover=changeClass(this,'wcell-on'); onmouseout=changeClass(this,'wcell'); class=wcell>"
	if(pageSegment[currentItem]) {
		localItem = pageSegment[currentItem];
		if(contentsElements.indexOf("quantity")) showQuantity = true;
		var elementArray = contentsElements.split("/");
		for(i=0;i<elementArray.length;i++) {
			switch(elementArray[i]) {
				case "image":
					localContent += "<a href=" + localItem.id + ".html>" + localItem.img + "</a>";
					break;
				case "name":
					if(localItem.name != "") localContent += "<a href=" + localItem.id + ".html>" + localItem.name + "</a><br>";
					break;
				case "code":
					if(localItem.code != "") localContent += "<span class=code>" + localItem.code + "</span><br>";
					break;
				case "price":
					localContent += pagingPrice(localItem);
					break;
				case "abstract":
					if(localItem.abstr != "") localContent += "<span class=abstract>" + localItem.abstr + "</span><br>";
					break;
				case "brand":
					if(localItem.brand != "") localContent += "<span class=brand>" + localItem.brand + "</span><br>";
					break;
        case "order":
          localContent += pagingAddToCart(localItem);
        	break;
        case "quantity": break;
			}
		}
		currentItem++;
	} else {
		localContent += " ";
	}
	localContent += "</td>";
	return localContent;
};

function writeWrap(pageNum, viewallthistime) {
	var localContent = "";
	var numRows = Math.ceil(pageSegment.length / numColumns);
	currentItem=0; currentItemImage = 0;
	for(currentRow=0; currentRow<numRows; currentRow++) {
		if(pageSegment[currentItem]) {
			localContent += "<tr valign=top>";
			for(currentCol=0; currentCol<numColumns; currentCol++) {
				if(pageSegment[currentItem])
					localContent += writeWrapCell();
				else
					localContent += "<td> </td>";
				if(currentCol<numColumns-1 && columnpad > 0) 
					localContent += writeCellPadding();
			}
			localContent += "</tr>";
		}
	}
	return localContent;
};

/***************************************************************
	Master script to generate HTML within the #paging div
	Extracted from eval/decrypt - originally encrypted to prevent
	reuse across multiple stores
****************************************************************/
function writePage(pageNum, viewallthistime) {	
	var localContent = "";
	
	//NOTE: pageSegment is initialized here as a global variable
	if ((numPerPage > -1) && !(viewallthistime)) 
		pageSegment = pagingSegment(window.items, pageNum); 
	else 
		pageSegment = window.items; 
			
	var numRows = Math.ceil(pageSegment.length / numColumns); 

	$('#pagingNavBar').html(writePagingNavBar(viewallthistime, pageNum));
	$('#itemBlockFilter').html(writeItemFilterBlock(viewallthistime));
	localContent += "<table id=\"pagingTable\" cellspacing=0 cellpadding=0 width=" + tableWidth + " border=0>"; 
	localContent += writeVertical(pageNum, viewallthistime); 
	localContent += "</table>";

	$("#contents").fadeOut('fast', function() { $(this).html(localContent).fadeIn('fast') });

	writePageLinks(viewallthistime,pageNum); 
	writeItemXofX(viewallthistime,pageNum); 
	writePageXofX(viewallthistime,pageNum); 
	//writeSortLinksOneClick("1",viewallthistime); 
	//writeSortLinksOneClick("2",viewallthistime); 
	$("#navBottomNextPrev").html("<font style='font-family:arial;font-size:10pt;'>"+writeArrowsHtml(viewallthistime, pageNum)+"</font></td>").addClass('pagingNavBar'); 

		
	//update paging state and commit to cookie 
	_pagingState.pageNum = pageNum;
	_pagingState.viewAll = viewallthistime;
	
	savePagingState(_pagingState);
	globalPageNum = pageNum; 
	globalViewallthistime = viewallthistime; 
  if(document.cookie.indexOf('invitationboxrecentitemsCookie') > 0) {  	
		var so = new SWFObject("http://site.invitationbox.com/Flash/recently_viewed_items/recently_viewed_widget.swf", "sotester", "200", "200", "8", "#FFFFFF");
		so.addParam("scale", "noscale");
		so.addParam("allowScriptAccess", "always");
		so.write("recentlyViewedItems");	
	}






  
}; 
	
function changeSortAndPage(newSortBy, newHighLow, pageNum, viewallthistime) { 
	sortBy = newSortBy; 
	sortHighLow = newHighLow; 
	updateSortBy(window.items, sortBy); 
	sortArray(window.items,0,window.items.length-1); 
	if(sortHighLow) 
		window.items.reverse(); 
	
	if(viewallthistime) 
		writePage(pageNum, true); 
	else 
		writePage(pageNum, false); 
};


function writeCellPadding(num) {
	if(num) localnum = num; else localnum = currentItem;
	if(pageSegment[localnum]) {
		var localContent = "<th><img src=/lib/" + storename + "/pspacer.gif height=1 width="
		                 +  round_decimals(columnpad / 2,0) + "></th>"
		                 +  "<th width=1 bgcolor=\"" + columnSeparatorColor + "\"><img src=/lib/" + storename + "/pspacer.gif"
		                 +  " height=1 width=1></th>"
		                 +  "<th><img src=/lib/" + storename + "/pspacer.gif height=1 width="
		                 +  round_decimals(columnpad / 2,0) + "></th>";
		return localContent;
	} else {
		var localContent = "<th><img src=/lib/" + storename + "/pspacer.gif height=1 width="
		                 +  round_decimals(columnpad / 2,0) + "></th>"
		                 +  "<th width=1><img src=/lib/" + storename + "/pspacer.gif"
		                 +  " height=1 width=1></th>"
		                 +  "<th><img src=/lib/" + storename + "/pspacer.gif height=1 width="
		                 +  round_decimals(columnpad / 2,0) + "></th>";
		return localContent;
	}
}

/***************************************************************
	Parse out url to get name of page
****************************************************************/
function getCurrentPageHTML() {
	temp = document.location.href.split(".");
	temp2 = temp[temp.length - 2].split("/");
	currentPageHTML = temp2[temp2.length - 1] + ".html";
	return currentPageHTML;
}


/***************************************************************

	This script is invoked upon document load to initialize the 
	paging state and rewrite the contents of #paging

****************************************************************/

function initPaging() {	
	numPages = Math.ceil(window.items.length / numPerPage);
	_pagingState = loadPagingState(); //initialize global var
		
	if (_pagingState.sortBy != "defaultsort") {
		sortItems(window.items, _pagingState.sortBy, _pagingState.sortDirection);		
	}
	
	//save original items in master array
	pageItems = window.items;
	
	if (assocArraySize(_pagingState.filters)) {
		applyActiveFilters(_pagingState.viewAll);
	}
		
	writePage(_pagingState.pageNum, _pagingState.viewAll); 
};

function updateSortBy(array, sortby) {
	for(i=0; i<array.length; i++) {
		switch(sortby) {
			case "default" :
			case "defaultsort" :
				array[i].sortby = array[i].defaultsort;
				break;
			case "name" :
				array[i].sortby = array[i].name;
				break;
			case "price" :
				array[i].sortby = parseInt(array[i].useprice);
				break;
			case "pricerange" :
				array[i].sortby = array[i].pricerange;
				break;
			case "brand" :
				array[i].sortby = array[i].brand;
				break;
			default : array[i].sortby = array[i].name;
		}
	}
};

function writeOneSortLink(linkid,linkname,sep,chosen,bot,viewallthistime) {
	var localContent = "";
	if(chosen) {
		localContent += "<a class=chosen href=#top onclick=javascript:changeSortAndPage(\"" + linkid + "\",";
		if(sortHighLow) localContent += "false"; else localContent += "true";
		localContent += ",1," + viewallthistime + ");>";
		localContent += linkname;
		localContent += "</a>";
	} else {
		localContent += "<a href=#top onclick=javascript:changeSortAndPage(\"" + linkid + "\",false,1," + viewallthistime + ");>";
		localContent += linkname;
		localContent += "</a>";
	}
	localContent += "<span id=" + linkid + "arrowdiv" + bot + "></span>";
	if(sep) localContent += sortLinkSeparator;
	return localContent;
}

function applyFilter(attr, value, viewallthistime) {			
	if (value == "All") {
		unnapplyFilter(attr, viewallthistime)
		return;
	}

	filterItems(attr, value);
	calculatePaging();
	_pagingState.filters[attr] = value;
	writePage(globalPageNum, viewallthistime);	
}

function filterItems(attr, value) {	
	var ar = new Array(); //new array to store filtered items
	var j = 0; //index for new array
	
	if (attr.indexOf('eventtype') != -1) {
		attr = 'eventtype';
	}

	if (attr.indexOf('theme') != -1) {
		attr = 'theme';
	}
	
	if (attr.indexOf('color') != -1) {
		attr = 'color';
	}
	
	var filterItemCallback = filterItem; //default behavior	
	
	if (_filterCallbacks[attr])
		filterItemCallback = _filterCallbacks[attr]; 
			
	for (var i = 0; i < window.items.length; i++) {
		var it = window.items[i];		
		var matchFound;

		if (matchFound = filterItemCallback(it, attr, value)) {
			ar[j] = it;
			j++;
		}
	}
	
	window.items = ar;
}

function filterItem(it, attr, value) {
	if (value == 'Other')
		value = '';			
	
	var filterValue = it[attr];
			
	return filterValueMatch(filterValue, value);
}

function resetAllFilters(viewallthistime) {
	_pagingState.filters = new Array();
	window.items = pageItems; //set back to master array
	calculatePaging();
	writePage(_pagingState.pageNum, viewallthistime);	
}

function unnapplyFilter(attr, viewallthistime) {
	//console.log("Unapplying: ", attr);
	
	//mark filter as inactive - IMPORTANT: Invoke *before* rewriting page
	_pagingState.filters[attr] = false;
	
	//set back to master array
	window.items = pageItems; 
	
	//reapply all filters
	applyActiveFilters(viewallthistime);
	
	//recalculate the number of pages for this new result set
	calculatePaging();
	
	//rewrite page	
	writePage(_pagingState.pageNum, viewallthistime);	
}

function applyActiveFilters(viewallthistime) {
	for (attr in _pagingState.filters) {
		if (_pagingState.filters[attr]) { //filter is set 
			filterItems(attr, _pagingState.filters[attr], viewallthistime);
		}
	}

	calculatePaging();
}

function hasActiveFilters() {
	for (attr in _pagingState.filters)					
		if (_pagingState.filters[attr]) //at least one filter is set
			return true;
	
	return false;
}

function calculatePaging() {
	numPages = Math.ceil(window.items.length / numPerPage);
	numPages = numPages == 0 ? 1 : numPages;
	
	if (globalPageNum > numPages)
		globalPageNum = 1;		
}


function filterValueMatch(filterValue, itemValue) {
	if (typeof filterValue == 'string' && typeof itemValue == 'string')	{
		return filterValue.toLowerCase().replace(/&quot;/g,"\"") == itemValue.toLowerCase();
	}	else
		return filterValue == itemValue;
}

function getFilterValue(pagingItem, attr) {
	val = pagingItem[attr];
	return val;
}

function writeSortLinks(bot,viewallthistime) {
	if (showsortmanufacturer) {
		col = sortmanufacturer.split("|");
		var strContent = "<select onchange=\"applyFilter('brand', this.value,"+viewallthistime+");\">";
		for (i=0; i<col.length; i++)
		{
			strContent += "<option value=\"" + col[i] + "\">" + col[i] + "</option>";
		}
		strContent += "</select>";
		document.getElementById("sortlinks" + bot).innerHTML = "Sort By:&nbsp;" + strContent;
	}
	if (showsorttheme) {
		col = sorttheme.split("|");
		var strContent = "<select onchange=\"applyFilter('theme', this.value,"+viewallthistime+");\">";
		for (i=0; i<col.length; i++)
		{
			strContent += "<option value=\"" + col[i] + "\">" + col[i] + "</option>";
		}
		strContent += "</select>";
		document.getElementById("sortlinks" + bot).innerHTML += "&nbsp;&nbsp;&nbsp;" + strContent;
	}
	if (showsortprice) {
		col = sortprice.split("|");
		var strContent = "<select onchange=\"applyFilter('pricerange', this.value,"+viewallthistime+");\">";
		for (i=0; i<col.length; i++)
		{
			strContent += "<option value=\"" + col[i] + "\">" + col[i] + "</option>";
		}
		strContent += "</select>";
		document.getElementById("sortlinks" + bot).innerHTML += "&nbsp;&nbsp;&nbsp;" + strContent;
	}
};

/*************************************************************************
	Write drop down selector that actually performs a sort and NOT a filter
**************************************************************************/
function writeSortLinksRevisited(bot, viewallthistime) {
	var strContent = "<strong>Sort By</strong> <select onchange=\"applySort(this.value,"+viewallthistime+");\">";
	strContent += "<option value=\"defaultsort\"" + ((sortBy == 'defaultsort') ? ' selected ' : '') + ">Default</option>";
	strContent += "<option value=\"name\"" + ((sortBy == 'name') ? ' selected ' : '') + ">Name</option>";
	strContent += "<option value=\"pricerange\"" + ((sortBy == 'pricerange') ? ' selected ' : '') + ">Price ($-$$$$)</option>";
	strContent += "<option value=\"brand\""+ ((sortBy == 'brand') ? ' selected ' : '') + ">Brand</option>";
	strContent += "</select>";
	$('#sortlinks' + bot).html(strContent);
}

function writeSortLinksOneClick(bot, viewallthistime) {
	var sortDir = _pagingState.sortDirection; //get sort direction from global pagingState object
	var strContent = '<strong>Sort By</strong> '; 
	strContent += ' &nbsp;&nbsp; ';
	
	strContent += '<span class=sortStyle><a href="javascript:applySort(\'defaultsort\',' + viewallthistime + ');">Default</a></span>';
	if (_pagingState.sortBy == 'defaultsort')
	  strContent += getSortDirectionArrow(sortDir);
		
	strContent += ' &nbsp;&nbsp; ';	
	strContent += '<span class=sortStyle><a href="javascript:applySort(\'name\',' + viewallthistime + ');">Name</a></span>';
	if (_pagingState.sortBy == 'name')
	  strContent += getSortDirectionArrow(sortDir);
		
	strContent += ' &nbsp;&nbsp; ';	
	strContent += '<span class=sortStyle><a href="javascript:applySort(\'pricerange\',' + viewallthistime + ');">Price ($-$$$$)</a></span>';
	if (_pagingState.sortBy == 'pricerange')
	  strContent += getSortDirectionArrow(sortDir);
		
	strContent += ' &nbsp;&nbsp; ';	
	strContent += '<span class=sortStyle><a href="javascript:applySort(\'brand\',' + viewallthistime + ');">Brand</a></span>';
	if (_pagingState.sortBy == 'brand')
	  strContent += getSortDirectionArrow(sortDir);
		
	$('#sortlinks' + bot).html(strContent).addClass('sortDiv');
}

function writeSortLinksImages(viewallthistime) {
	var sortDir = _pagingState.sortDirection; //get sort direction from global pagingState object
	var strContent = ''; 
	strContent += ' &nbsp;&nbsp; ';
	
	strContent += '<a href="javascript:applySort(\'defaultsort\',' + viewallthistime + ');">';
	strContent += (_pagingState.sortBy == 'defaultsort') ? '<img class="valignCenter" src="http://site.invitationbox.com/images/paging/BTN-Default-Bu.gif" height="24">' : '<img class="valignCenter" src="http://site.invitationbox.com/images/paging/BTN-Default-BR.gif" height="24">'; 		
	strContent += '</a>';
	
	strContent += ' &nbsp;&nbsp; ';	

	strContent += '<a href="javascript:applySort(\'name\',' + viewallthistime + ');">';
	if (_pagingState.sortBy == 'name') {
		if (sortDir == SORT_ASC) {
			strContent += '<img class="valignCenter" src="http://site.invitationbox.com/images/paging/BTN-Name-Up-Bu.gif" height="24">';
		} else {
			strContent += '<img class="valignCenter" src="http://site.invitationbox.com/images/paging/BTN-Name-Down-Bu.gif" height="24">';
		}
	} else {
		strContent += '<img class="valignCenter" src="http://site.invitationbox.com/images/paging/BTN-Name-BR.gif" height="24">';
	}
	strContent += '</a>';
	
	strContent += ' &nbsp;&nbsp; ';	
	strContent += '<a href="javascript:applySort(\'pricerange\',' + viewallthistime + ');">';
	if (_pagingState.sortBy == 'pricerange') {
		if (sortDir == SORT_ASC) {
			strContent += '<img class="valignCenter" src="http://site.invitationbox.com/images/paging/BTN-Price-low-high-Bu.gif" height="24">';
		} else {
			strContent += '<img class="valignCenter" src="http://site.invitationbox.com/images/paging/BTN-Price-high-low-Bu.gif" height="24">';
		}
	} else {
		strContent += '<img class="valignCenter" src="http://site.invitationbox.com/images/paging/BTN-Price-BR.gif" height="24">';
	}
	strContent += '</a>';
	strContent += ' &nbsp;&nbsp; ';	

	strContent += '<a href="javascript:applySort(\'brand\',' + viewallthistime + ');">';
	if (_pagingState.sortBy == 'brand') {
		if (sortDir == SORT_ASC) {
			strContent += '<img class="valignCenter" src="http://site.invitationbox.com/images/paging/BTN-Brand-Up-Bu.gif" height="24">';
		} else {
			strContent += '<img class="valignCenter" src="http://site.invitationbox.com/images/paging/BTN-Brand-Down-Bu.gif" height="24">';
		}
	} else {
		strContent += '<img class="valignCenter" src="http://site.invitationbox.com/images/paging/BTN-Brand-BR.gif" height="24">';
	}
	strContent += '</a>';
	
	return strContent;
}

function getSortDirectionArrow(sortDirection) {	
	if (typeof upArrow != "undefined" && typeof downArrow != "undefined") {
		return (sortDirection == SORT_ASC) ? upArrow : downArrow;
	} else {	
		//return '<span class="sortDirectionArrow">' + ((sortDirection == SORT_ASC) ? '&and;' : '&or;') + '</span>';
		return '<font face="Webdings" size="2">' + ((sortDirection == SORT_ASC) ? '5' : '6') + '</font>';
	}
}

function applySort(newSort, viewallthistime) {	
  sortDirection = (_pagingState.sortBy != newSort) ? SORT_ASC : _pagingState.sortDirection * -1; //check global sortby variable to determine which direction to sort
		
	window.items = sortItems(window.items, newSort, sortDirection);

	_pagingState.sortBy = newSort;	
	_pagingState.sortDirection = sortDirection;
	
	writePage(_pagingState.pageNum, viewallthistime);		
}

function sortItems(items, newSort, sortDirection) {
	if (!sortDirection)
		sortDirection = SORT_ASC;
		
	items.sort(
		function () { 
			var arg0 = arguments[0][newSort];
			var arg1 = arguments[1][newSort];			
			if (typeof arg0 == 'string' && typeof arg1 == 'string') {
				arg0 = arg0.toLowerCase();
				arg1 = arg1.toLowerCase();
			}
						
			if (arg0 < arg1) { return -1 * sortDirection; }
			if (arg0 > arg1) { return 1 * sortDirection; }
			
			//secondary sort by name for brand and pricerange
			if (newSort == 'brand' || newSort == 'pricerange') {				
				var name0 = arguments[0]['name'].toLowerCase();
				var name1 = arguments[1]['name'].toLowerCase();				

				if (name0 < name1) { return -1; }
				if (name0 > name1) { return 1; }
			}
			return 0;			
		}
	);

	return items;
}

function changeFormat(newFormat) {
	_pagingState.contentsFormat = newFormat;
	writePage(globalPageNum, globalViewallthistime);
}

function makeMAPWin(ww, wh) {
	w1=window.open('','w1','width='+ww+',height='+wh+',status=no,toolbar=no,menubar=no,location=no,resizable=yes,scrollbars=yes');
	w1.document.open();
	w1.document.write("<font size=\"2\" face=\"Arial, Helvetica, sans-serif\"><b>Price \"Too Low to Display\" Explained<\/b><br> In order to provide the best support from our manufacturer's and distributors, we have agreed to abide by their \"MAP\" or minimum-advertised-price policy. You can see this price by clicking the product name and then selecting the Add to Cart button on the product information page. <br><br>Please be assured that simply adding an item to your cart does not obligate you to buy it--you can always delete the item from your cart if you decide not to purchase it.<p align=\"center\"><a href=\"javascript:window.close();\">Close Window</a></p></font>");
	w1.document.focus();
};

function mapPricing(useItem) {
	var mapstring = "<span class=map>";
	mapstring += "<form method=post action=http://order.store.yahoo.com/cgi-bin/wg-order?" + storename + ">"
	mapstring += '<input id=mapinput type=submit value="Click for instant price quote" height="16" width="155" border=0>';
	mapstring += ' <a href="javascript:makeMAPWin(300,350);">(Why?)</a><br>';
	mapstring += "<input type=hidden name=vwcatalog value=" + storename + ">"
	mapstring += "<input type=hidden name=vwitem value=" + localItem.id + ">";
	if(addToCartImage != "")
		mapstring += addToCartImage;
	else
		mapstring += "<input type=submit id=submit value='Add to Cart'>"
	mapstring += "</form>";
	mapstring += "</span>";
	return mapstring;
}

function writeItemFilterBlock(viewallthistime) {	
	$("#paging").addClass("advanced");
	
	var showPhotos = false;
	
	for (var i=0;i<window.items.length;i++) {
		if (window.items[i]['photovalue']) {
			if (window.items[i]['photovalue'] > 0) {
				showPhotos = true;
				break;			
			}
		}
  }
	
	var html = '<table border=0 style="font-size:12pt;" id="filterTable" cellpadding=1 cellspacing=0 width="100%">';

	//html += '<tr><td><div class="filterBlockHeader">Narrow Your Results<br><div id="totalFilteredItems">'+window.items.length+' items</div><div id="resetAll"><a href="javascript:resetAllFilters('+viewallthistime+')">Reset All Filters</a></div></div></td></tr>';
	html +=	'<tr><td>' + getBooleanFilters(viewallthistime) + '<br></td></tr>';
	
	if (typeof(showEventType)!="undefined") {
		if (showEventType) {
			html += '<tr><td><table class="filterBorder" cellpadding=0 cellspacing=0 width="100%"><tr><td>' + createFilterEventType(viewallthistime) + '</td></tr></table><br></td></tr>';
		}
	}
	
	if (typeof(showPhotoCardStyle)!="undefined") {
		if (showPhotoCardStyle) {
		  html += '<tr><td><table class="filterBorder" cellpadding=0 cellspacing=0 width="100%"><tr><td>' + createPhotoCardStyleFilter(viewallthistime) + '</td></tr></table><br></td></tr>';	
		}
	}

	html += '<tr><td><table class="filterBorder" cellpadding=0 cellspacing=0 width="100%"><tr><td>' + createFilterTheme(viewallthistime) + '</td></tr></table><br></td></tr>';	
	
	if (typeof(showColorFilter) !="undefined") {
		if (showColorFilter) {
		  html += '<tr><td><table class="filterBorder" cellpadding=0 cellspacing=0 width="100%"><tr><td>' + createColorFilter(viewallthistime) + '</td></tr></table><br></td></tr>';	
		}
	}
	
	if (showPhotos) {
		html += '<tr><td><table class="filterBorder" cellpadding=0 cellspacing=0 width="100%"><tr><td>' + createPhotoNums(viewallthistime) + '</td></tr></table><br></td></tr>';
	}
	html += '<tr><td><table class="filterBorder" cellpadding=0 cellspacing=0 width="100%"><tr><td>' + createFeaturedDesigners(viewallthistime) + '</td></tr></table><br></td></tr>';
	html += '<tr><td><table class="filterBorder" cellpadding=0 cellspacing=0 width="100%"><tr><td>' + createFilterPrintMethod(viewallthistime) + '</td></tr></table><br></td></tr>';
	html += '<tr><td><table class="filterBorder" cellpadding=0 cellspacing=0 width="100%"><tr><td>' + createItemSizeFilter(viewallthistime) + '</td></tr></table><br></td></tr>';
 	html += '<tr><td><div id="recentlyViewedItems"></div>';
	html += '</table>';
	
	return html;	
}

function writePagingNavBar(viewallthistime, pageNum) {
	var html = "<table align='center' border=0 cellpadding=4 cellspacing=0 width='988' height='35' background='http://site.invitationbox.com/images/paging/IMG-Section-Top-Bar.gif'><tr>";
	
	html += "<td class='pagingNavBar' valign='middle' width='250'>";
	html += "Narrow Your Results&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;";
	html += "<font class='pagingBlueText'>Sort By:</font></td>";
	html += "<td class='pagingSortButtons' valign='bottom'>" + writeSortLinksImages(viewallthistime) + "</td>";
	html += "<td class='pagingNavBar' valign='bottom' style='text-align:right !important;'><font style='font-family:arial;font-size:10pt;'>"+writeArrowsHtml(viewallthistime, pageNum)+"</font></td>";
	
	html += "</tr></table>";
	html += "<table align='center' border=0 cellpadding=0 cellspacing=0 width='988' height='35'><tr>";
	html += "<td class='pagingNavBar' style='text-align:center;' valign='top' width='150'>"+window.items.length+" items";
	html += "<a href=\"javascript:resetAllFilters("+viewallthistime+")\"><img src='http://site.invitationbox.com/images/paging/BTN-Reset-All-FIlters.gif' border=0></a></td>";
	html += "<td class='pagingNavBottomBar'>" + htmlItemXofX(viewallthistime, pageNum) + "</td>";
	html += "<td class='pagingNavBottomBar'>" + getPageLinks(viewallthistime,pageNum,false) + "</td>";
	html += "<td class='pagingNavBottomBar' align='right'>" + htmlPageXofX(viewallthistime, pageNum) 
	if (!viewallthistime) {
		html += '&nbsp;&nbsp;&nbsp;<a href="javascript:writePage(1,true)" class="viewall">View All</a>';
	}
	html += "</td>";
	html += "</tr></table>";
	return html;
}

function getResetAllOptionsLink(viewallthistime) {
	return (hasActiveFilters())	
		? '<p class="reset"><a href="javascript:resetAllFilters(' + viewallthistime + ');">Start Over</a></p>'
		: '';
}

function getAttributeFilterHtml(heading, attr, viewallthistime, allowEmptyValues) {
	html = getAttributeFilterListHtml(attr, viewallthistime, allowEmptyValues);
	if (html) {
		var h2 = '<div class=\'outerter\'><div class=\'h2innerborder\'><h2>' + heading;
		if (_pagingState.filters[attr]) //this filter is selected
			h2 += '	<a href="javascript:applyFilter(\'' + attr + '\', \'All\',' + viewallthistime + ');" class="filterviewall">Reset</a> ';
		h2 += '</h2></div>';
		html = h2 + html;
	}
	return html;
}

function createColorFilter(viewallthistime) {  
	var html = '<table border=0 cellpadding=0 cellspacing=0 width="100%"><tr class=themeFilter><td class=titleCell>Filter By Color</td></tr>';
	var allowEmptyValues = true;
	var attr = 'color';
	var arColors = new Array("White","Ivory","Pink","Red","Orange","Yellow","Green","Blue","Purple","Gold","Brown","Black","Grey / Silver");
	var attrValues = getItemColorValues();

	for (x in arColors)	{
		var attrValue = arColors[x];
		var colorCount = (attrValues[attrValue] ? attrValues[attrValue] : 0);
		if (colorCount > 0) {
			if (_pagingState.filters[attr + attrValue] == attrValue) {
				html += '<tr><td class=filterCell><input id="cb'+attr+attrValue.replace(/&quot;/g,"\"")+'" type=checkbox class="filterBox" Checked OnClick="applyFilter(\'color'+attrValue+'\',\'All\',false);">&nbsp;<a href="javascript:applyFilter(\'color'+attrValue+'\',\'All\',false);"><img src="http://site.invitationbox.com/images/filters/imgFilterColor-'+attrValue.replace('/','').replace(/ /g,'').toLowerCase()+'.gif" border=0>' + attrValue + ' (' + colorCount + ')</a></td></tr>';
			} else {
				html += '<tr><td class=filterCell><input id="cb'+attr+attrValue.replace(/&quot;/g,"\"")+'" type=checkbox class="filterBox" OnClick="applyFilter(\'color'+attrValue+'\',\'' + escapeQuotes(attrValue) + '\',false);">&nbsp;<a href="javascript:applyFilter(\'color'+attrValue+'\',\'' + escapeQuotes(attrValue) + '\',false);"><img src="http://site.invitationbox.com/images/filters/imgFilterColor-'+attrValue.replace('/','').replace(/ /g,'').toLowerCase()+'.gif" border=0>' + attrValue + ' (' + colorCount + ')</a></td></tr>';
			}
		}
	}
	html += '</table>';
	
	return html;
}

function createFilterPrintMethod(viewallthistime) {  
	return createFilter('printMethod','Print Method');	
}

function createPhotoNums(viewallthistime) {  
	return createFilter('photovalue','# of Photos');	
}

function createFilterEventType(viewallthistime) {  
	var html = '<table border=0 cellpadding=0 cellspacing=0 width="100%"><tr class=themeFilter><td class=titleCell>Filter By Event Type</td></tr>';
	var allowEmptyValues = true;
	var attr = 'eventtype';

	var attrValues = getItemCommaSeparatedValues(attr, allowEmptyValues);
	var attrValue; //define var to hold current attr
	var numAttributes = assocArraySize(attrValues);

	if (numAttributes)	{ //else display all available attributes
		var attrValues = ksort(attrValues);
		var topAttrValues = getTopAttrValues(attrValues, attr);		
	
		var cx = 0;
		var maxItems = 10;
		for (attrValue in attrValues)	{  // For event type this could be a comma separated string
			if (! isAttrLinkHidden(attrValue, topAttrValues) && cx < maxItems) {
				if (_pagingState.filters[attr +'-'+attrValue] == attrValue.replace(/&quot;/g,"\"")) {
					html += '<tr><td class=filterCell><input type=checkbox Checked class="filterBox" OnClick="applyFilter(\''+attr+'-'+attrValue+'\',\'All\',false);">&nbsp;<a href="javascript:applyFilter(\''+attr+'-'+attrValue+'\',\'All\',false);">' + attrValue + ' (' + attrValues[attrValue] + ')</a></td></tr>';
				} else {
					html += '<tr><td class=filterCell><input type=checkbox class="filterBox" OnClick="applyFilter(\''+attr+'-'+attrValue+'\',\'' + escapeQuotes(attrValue) + '\',false);">&nbsp;<a href="javascript:applyFilter(\''+attr+'-'+attrValue+'\',\'' + escapeQuotes(attrValue) + '\',false);">' + attrValue + ' (' + attrValues[attrValue] + ')</a></td></tr>';
				}
				cx++;
			}
		}
	}				
	html += '</table>';
	
	return html;
}

function createFilterTheme(viewallthistime) {  
	var html = '<table border=0 cellpadding=0 cellspacing=0 width="100%"><tr class=themeFilter><td class=titleCell>Filter By Theme</td></tr>';
	var allowEmptyValues = true;
	var attr = 'theme';

	var attrValues = getItemDelimitedValues(attr, allowEmptyValues,'|');
	var attrValue; //define var to hold current attr
	var numAttributes = assocArraySize(attrValues);
	var dropDown = "<select class='filterDropDown' onchange='applyFilter(\""+attr+"-\"+this.options[this.selectedIndex].value,escapeQuotes(this.options[this.selectedIndex].value),false);'><option value='All'>--- View All Themes ---</option>";

	if (numAttributes)	{ //else display all available attributes
		var attrValues = ksort(attrValues);
		var topAttrValues = getTopAttrValues(attrValues, attr);
	
		var cx = 0;
		var maxItems = 13;
		
		for (attrValue in attrValues)	{  // For event type this could be a comma separated string
			if (! isAttrLinkHidden(attrValue, topAttrValues) && cx < maxItems) {
				if (_pagingState.filters[attr +'-'+attrValue] == attrValue.replace(/&quot;/g,"\"")) {
					html += '<tr><td class=filterCell><input type=checkbox Checked class="filterBox" OnClick="applyFilter(\''+attr+'-'+escapeQuotes(attrValue)+'\',\'All\',false);">&nbsp;<a href="javascript:applyFilter(\''+attr+'-'+escapeQuotes(attrValue)+'\',\'All\',false);">' + attrValue + ' (' + attrValues[attrValue] + ')</a></td></tr>';
				} else {
					html += '<tr><td class=filterCell><input type=checkbox class="filterBox" OnClick="applyFilter(\''+attr+'-'+escapeQuotes(attrValue)+'\',\'' + escapeQuotes(attrValue) + '\',false);">&nbsp;<a href="javascript:applyFilter(\''+attr+'-'+escapeQuotes(attrValue)+'\',\'' + escapeQuotes(attrValue) + '\',false);">' + attrValue + ' (' + attrValues[attrValue] + ')</a></td></tr>';
				}
				cx++;
			} else {
				dropDown += "<option value=\"" + attrValue + "\">" + attrValue + " (" + attrValues[attrValue] + ")</option>";
			}
		}
		if (cx >=  maxItems) {
			html += '<tr><td class=filterCell>REPLACE_DD</td></tr>';
		}
	}				
	dropDown += "<option value='All'>View All</option></select>";
	html = html.replace('REPLACE_DD',dropDown);
			
	html += '</table>';
	
	return html;
}

function createItemSizeFilter(viewallthistime) {  
	return createFilter('productsize', 'Size');
}

function createPhotoCardStyleFilter(viewallthistime) {  
	return createFilter('photocardstyle', 'Card Style');
}

function createFilter(attr, titleStr) {
	var html = '<table border=0 cellpadding=0 cellspacing=0 width="100%"><tr class=themeFilter><td class=titleCell>Filter By '+titleStr+'</td></tr>';
	var allowEmptyValues = true;

	//extract assoc array of all available values from pagingItem array for a given attribute
	var attrValues = getItemValues(attr, allowEmptyValues);
	
	var attrValue; //define var to hold current attr
	var numAttributes = assocArraySize(attrValues);
	
	if (numAttributes)	{ //else display all available attributes
		//first sort the attributes
		var attrValues = ksort(attrValues);
		var topAttrValues = getTopAttrValues(attrValues, attr);		
	
		//now loop thru the sorted attributes
		var cx = 0;
		var maxItems = 10;
		for (attrValue in attrValues)	{
			if (! isAttrLinkHidden(attrValue, topAttrValues) && cx < maxItems) {
				if (_pagingState.filters[attr] == attrValue.replace(/&quot;/g,"\"")) {
					html += '<tr><td class=filterCell><input id="cb'+attr+attrValue.replace(/&quot;/g,"\"")+'" type=checkbox Checked class="filterBox" OnClick="applyFilter(\''+attr+'\',\'All\',false);">&nbsp;<a href="javascript:applyFilter(\''+attr+'\',\'All\',false);">' + attrValue + ' (' + attrValues[attrValue] + ')</a></td></tr>';
				} else {
					html += '<tr><td class=filterCell><input id="cb'+attr+attrValue.replace(/&quot;/g,"\"")+'" type=checkbox class="filterBox" OnClick="applyFilter(\''+attr+'\',\'' + escapeQuotes(attrValue) + '\',false);">&nbsp;<a href="javascript:applyFilter(\''+attr+'\',\'' + escapeQuotes(attrValue) + '\',false);">' + attrValue + ' (' + attrValues[attrValue] + ')</a></td></tr>';
				}
				cx++;
			}
		}
	}				
	html += '</table>';
	
	return html;
}

function filterTheme(theme) {			
	applyFilter('theme',theme,false);	
}

function createFeaturedDesigners(viewallthistime) {  
	var html = '<table border=0 cellpadding=0 cellspacing=0 width="100%"><tr class=designerFilter><td class=titleCell>Filter By Designer</td></tr>';
	var allowEmptyValues = true;
	var attr = 'brand';

	//extract assoc array of all available values from pagingItem array for a given attribute
	var attrValues = getItemValues(attr, allowEmptyValues);
	var attrValue; //define var to hold current attr
	var dropDown = "<select class='filterDropDown' onchange='applyFilter(\"" + attr + "\",this.options[this.selectedIndex].value,false);'><option value='All'>--- View All Designers ---</option>";
	var numAttributes = assocArraySize(attrValues);
	var bShowOthers = (_pagingState.filters[attr]);
	
	if (numAttributes)	{ //else display all available attributes
		//first sort the attributes
		var attrValues = ksort(attrValues);
		
		var topAttrValues = getTopAttrValues(attrValues, attr);

		//now loop thru the sorted attributes
		var cx = 0;
		var maxItems = 100;
		for (attrValue in attrValues)	{
			dropDown += "<option value=\"" + attrValue + "\">" + attrValue + " (" + attrValues[attrValue] + ")</option>";
			if (! isAttrLinkHidden(attrValue, topAttrValues) && cx < maxItems) {
				if (_pagingState.filters[attr] == attrValue) {
					html += '<tr><td id="cb'+attr+attrValue.replace(/&quot;/g,"\"")+'" class=filterCell><input type=checkbox class="filterBox" Checked OnClick="applyFilter(\'brand\',\'All\',false);">&nbsp;<a href="javascript:applyFilter(\'brand\',\'All\',false);">' + attrValue + ' (' + attrValues[attrValue] + ')</a></td></tr>';
				} else {
					html += '<tr><td id="cb'+attr+attrValue.replace(/&quot;/g,"\"")+'" class=filterCell><input type=checkbox class="filterBox" OnClick="applyFilter(\'brand\',\'' + escapeQuotes(attrValue) + '\',false);">&nbsp;<a href="javascript:applyFilter(\'brand\',\'' + escapeQuotes(attrValue) + '\',false);">' + attrValue + ' (' + attrValues[attrValue] + ')</a></td></tr>';					
				}				
				cx++;
			}
		}

		//html += '<tr><td class=filterCell>REPLACE_DD</td></tr>';
	}				
	//dropDown += "<option value='All'>View All</option></select>";
	//html = html.replace('REPLACE_DD',dropDown);
	html += '</table>';
	
	return html;
}

function getAttributeFilterListHtml(attr, viewallthistime, allowEmptyValues) {
	//extract assoc array of all available values from pagingItem array for a given attribute
	var attrValues = getItemValues(attr, allowEmptyValues);
	var attrValue; //define var to hold current attr
	var html = '';
	
	var numAttributes = assocArraySize(attrValues);
	
	if (attrValue = _pagingState.filters[attr]) { //this filter is already selected
		//display just single attr
		html += '<p>' + attrValue + '</p></div>';		
	}	 else if (numAttributes) { //else display all available attributes
		html = '<ul id="filter-' + attr + '">';
		//first sort the attributes
		var attrValues = ksort(attrValues);
		
		var topAttrValues = getTopAttrValues(attrValues, attr);		
		var hasHiddenAttributes = false;
		
		//now loop thru the sorted attributes
		for (attrValue in attrValues) {
			//render link for each attribute
			html += '<li';
			//is link hidden? 
			if (isAttrLinkHidden(attrValue, topAttrValues)) {
				html += ' style="display:none"';  //add style to hide attribute
				hasHiddenAttributes = true;
			}
							
			html += '><a href="javascript:applyFilter(\'' + attr + '\', \'' + escapeQuotes(attrValue) + '\',' + viewallthistime + ');">' + attrValue + ' (' + attrValues[attrValue] + ')</a></li>';	
			
		}
		//are there any hidden attributes?
		if (hasHiddenAttributes) {
			//display a view all link for the hidden attributes	
			html += '<li class="showAllAttributes"><a href="javascript:showAllAttributes(\'' + attr + '\');">More...</a></li>';
		}
		html += '</ul></div>';					
	}
	
	return html;
}

function showAllAttributes(attr) {
	$('#filter-' + attr + ' li').show('fast');
	$('#filter-' + attr + ' li.showAllAttributes').hide();
}

function isAttrLinkHidden(attrValue, topAttrValues) {
	return (typeof topAttrValues[attrValue] == "undefined");		
}

function escapeQuotes(val) {
	return val.replace(/'/, "\\'");
}

/* 
	For the currently loaded pagingItem objects retrieve an array of unique values that match the specified attribute.
	
	@param attr The attribute to inspect
	@param allowEmptyValues Optional - Boolean indicating whether to classify empty values as "Other"
	@return an associative array where [attribute value = number of occurences]
	
	NOTE: This does not include empty values.
*/
function getItemValues(attr, allowEmptyValues) {
	var values = new Array(); //array to hold all values and their count	
	for (var i = 0; i < window.items.length; i++) {
		var it = 	window.items[i];
		var val = it[attr];

		//eliminate empty values - TODO: Include as a miscellaneous option?
		if (val.length == 0) {
			if (!allowEmptyValues)
				continue;
			else 
				val = 'Other';
		}
		
		var count = (values[val]) ? values[val] : 0;
		values[val] = count + 1;
	}	
	
	//for (value in values)
	//	console.log(value, values[value]);
		
	return values;
}

function getItemCommaSeparatedValues(attr, allowEmptyValues) {
	var values = new Array(); //array to hold all values and their count	
	for (var i = 0; i < window.items.length; i++) {
		var it = 	window.items[i];
		var val = it[attr];

		//eliminate empty values - TODO: Include as a miscellaneous option?
		if (val) {
			if (val.length == 0) {
				if (!allowEmptyValues)
					continue;
				else 
					val = 'Other';
			}
		} else {
			continue;
		}

		var separatedValues = val.split(',');
		for (var idx = 0; idx < separatedValues.length; idx++) {
			var count = (values[separatedValues[idx]]) ? values[separatedValues[idx]] : 0;
			values[separatedValues[idx]] = count + 1;
		}
	}	

	return values;
}

function getItemDelimitedValues(attr, allowEmptyValues, delimChar) {
	var values = new Array(); //array to hold all values and their count	
	for (var i = 0; i < window.items.length; i++) {
		var it = 	window.items[i];
		var val = it[attr];

		//eliminate empty values - TODO: Include as a miscellaneous option?
		if (val) {
			if (val.length == 0) {
				if (!allowEmptyValues)
					continue;
				else 
					val = 'Other';
			}
		} else {
			continue;
		}

		var separatedValues = val.split(delimChar);
		for (var idx = 0; idx < separatedValues.length; idx++) {
			var count = (values[separatedValues[idx]]) ? values[separatedValues[idx]] : 0;
			values[separatedValues[idx]] = count + 1;
		}
	}	

	return values;
}


function getItemColorValues() {
	var values = new Array(); //array to hold all values and their count	
	for (var i = 0; i < window.items.length; i++) {
		var it = 	window.items[i];
		var val = it['primarycolor'];
		
		var count = (values[val]) ? values[val] : 0;
		values[val] = count + 1;
		
		val = it['secondarycolor'];
		
		count = (values[val]) ? values[val] : 0;
		values[val] = count + 1;
		
		val = it['thirdcolor'];
		
		count = (values[val]) ? values[val] : 0;
		values[val] = count + 1;
	}	

	return values;
}

function getPageItemValues(attr, allowEmptyValues) {
	var values = new Array(); //array to hold all values and their count	
	for (var i = 0; i < pageItems.length; i++) {
		var it = 	pageItems[i];
		var val = it[attr];
		
		//eliminate empty values - TODO: Include as a miscellaneous option?
		if (val.length == 0) {
			if (!allowEmptyValues)
				continue;
			else 
				val = 'Other';
		}
		
		var count = (values[val]) ? values[val] : 0;
		values[val] = count + 1;
	}	

	return values;
}


/* 
	For the currently loaded pagingItem objects determine the number of items that have a value defined for the specified attribute. 
	
	@param attr The attribute to inspect
	@return Total number of values (regardless of uniqueness)
*/
function getItemValuesCount(attr) {
	var count = 0;
	for (var i = 0; i < window.items.length; i++) {
		var it = 	window.items[i];
		var val = it[attr];		
		if (val.length > 0) //do not include empty values 
			count++;
	}
	return count;
}

function getBooleanFilters(viewallthistime) {
	var html = '';

	html += getBooleanFilter('Sale Items', 'onsale', viewallthistime, itemsAreOnSale);
	var ssfilter = getBooleanFilter('Super Sale Items', 'showsupersalepricing', viewallthistime);
	if ( ssfilter.indexOf('DISABLED') <= -1 ) {
		html += ssfilter;
	}
//	html += getBooleanFilter('Free Return Address', 'freera', viewallthistime);
	html += getBooleanFilter('Top Sellers', 'topseller', viewallthistime);
	html += getBooleanFilter('What\'s New', 'newitem', viewallthistime);
	html += getBooleanFilter('Quick Ship', 'quickship', viewallthistime);
	html += getBooleanFilter('InvitationBox Green', 'green', viewallthistime);
	//html += getBooleanFilter('Free Return Address Printing', 'freera', viewallthistime);
	
	if (html) { //has boolean filters
		//html = '<ul>' + html + '</ul>';
		//html = getResetAllOptionsLink(viewallthistime) + html;
		html = '<table cellpadding=0 cellspacing=0 width="100%" class="filterBorder"><tr><td><table border=0 cellpadding=0 cellspacing=0 width="100%"><tr class=featureFilter><td class=titleCell>Filter By Feature</td></tr>' + html + '</table></td></tr></table>';
	}
	
	return html;
}

function getBooleanFilter(label, attr, viewallthistime, itemsHaveBooleanValueCallback) {
	var html = '';
	var num;
	
	if (!itemsHaveBooleanValueCallback)
		itemsHaveBooleanValueCallback = itemsHaveBooleanValue; //default implementation
		
	num = itemsHaveBooleanValueCallback(attr);
	if (_pagingState.filters[attr]) { //this filter is already defined
		html += '<tr><td class=filterCell><input type=checkbox class="filterBox" CHECKED onClick="applyFilter(\'' + attr + '\', \'All\',' + viewallthistime + ');">&nbsp;<a class="'+attr+'Filter" href="javascript:applyFilter(\'' + attr + '\', \'All\',' + viewallthistime + ');">' + label + ' (' + num + ')</a></td></tr>';
	}	else {
		//for a given attr check to make sure the pagingItem objects contain both true and false conditions
		//get the number of items that match the TRUE condition	 - TODO - rethink for selections (item set will be filtered to one condition)
		num = (typeof(num) == 'undefined') ? 0 : num;
		if (num > 0) {
			html += '<tr><td class=filterCell><input id="cb'+attr+'" type=checkbox class="filterBox" onClick="applyFilter(\'' + attr + '\', true,' + viewallthistime + ');">&nbsp;<a class="'+attr+'Filter" href="javascript:applyFilter(\'' + attr + '\', true,' + viewallthistime + ');">' + label + ' (' + num + ')</a></td></tr>';		
		} else {
			html += '<tr><td class=filterCell><input id="cb'+attr+'" type=checkbox class="filterBox" DISABLED>&nbsp;' + label + ' (' + num + ')</td></tr>';		
		}
	}
	
	return html;
}
	
function itemsHaveBooleanValue(attr) {		
	var values = getItemValues(attr);
	
	if (assocArraySize(values) == 0) {
		return 0;
	}
	return values[true];	
}

function itemsAreOnSale() {
	var count = 0;
	
	for (var i = 0; i < window.items.length; i++) {
		var it = 	window.items[i];
		if (isSaleItem(it))
			count++;
	}	
	
	return count;
}

function getTopAttrValues(arr,attr) {
	attributeLimiter = 10; //number of items to show when filter is crowded	-- default value
	if (attr == 'theme') attributeLimiter = 13;
	if (attr == 'brand') attributeLimiter = 100;
	var newArr = new Array();
	var i = 0;
	
	arr = assocArraySort(arr, numericCompareValueDesc);	
	
	for (var key in arr) {
		if (i++ >= attributeLimiter)
			break;
		newArr[key] = arr[key];
	}
	return newArr;
}

function isArray(obj) {
   return (obj.constructor.toString().indexOf("Array") != -1);
}


function assocArraySize(arr) {
	var l = 0;
	for (var k in arr) {
		l++;
	}
	return l;
}

function ksort(arr) {
	return assocArraySort(arr, alphaCompareKey);
}

/* return assoc array sorted by value */
function vsort(arr, compareFunction) {
	return convertAssocToKeyArray(arr, true).sort(compareFunction);
}

function assocArraySort(aInput, compareFunction) {
	//convert to multi-dim indexed array and sort
	var aTemp = [];
	for (var sKey in aInput)
		aTemp.push([sKey, aInput[sKey]]);
	
	
	//sort the multi indexed array
	if (!compareFunction)
		compareFunction = function () { return arguments[1][1] > arguments[0][1]}
	aTemp.sort(compareFunction);

	//convert back to an assoc array
	var aOutput = [];
	for (var nIndex = aTemp.length - 1; nIndex >=0; nIndex--)
		aOutput[aTemp[nIndex][0]] = aTemp[nIndex][1];
		
	return aOutput;
}

function alphaCompare(a, b) {
	var A = a.toLowerCase();
	var B = b.toLowerCase();
	if (A < B) return -1;
	if (A > B) return 1;
	return 0;
}

function alphaCompareKey(a, b) {
	var A = a[0].toLowerCase();
	var B = b[0].toLowerCase();
	//console.log("A=%s, B=%s", A, B);
	if (A < B) return 1;
	if (A > B) return -1;
	return 0;
}

function numericCompareAsc(a, b) {
	return a - b;
}

function numericCompareDesc(a, b) {
	return b - a;
}

function numericCompareValueAsc(a, b) {
	return b[1] - a[1];
}

function numericCompareValueDesc(a, b) {
	return a[1] - b[1];
}

function convertAssocToKeyArray(arr, value) {
	var newArr = new Array();
	for (var key in arr)
	{
		//console.log(arr[key]);
		newArr[newArr.length] = (value) ? arr[key] : key; 
	}		
	return newArr;
}

function loadjscssfile(filename, filetype){
 if (filetype=="js"){ //if filename is a external JavaScript file
  var fileref=document.createElement('script')
  fileref.setAttribute("type","text/javascript")
  fileref.setAttribute("src", filename)
 }
 else if (filetype=="css"){ //if filename is an external CSS file
  var fileref=document.createElement("link")
  fileref.setAttribute("rel", "stylesheet")
  fileref.setAttribute("type", "text/css")
  fileref.setAttribute("href", filename)
 }
 if (typeof fileref!="undefined")
  document.getElementsByTagName("head")[0].appendChild(fileref)
}

function getParameterByName( name ) {
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
    return "";
  else
    return results[1];
}