// product properties in order of refinement
var a_keys = ['tw','s','b','u','f','fn','cl','lb'];

// text for select boxes
var a_labels = {
	'tw' : {'l':'Select Type'},
	's' : {'l':'Select Size','a':'Show all Sizes','m':'sizes'},
	'f' : {'l':'Select Format', 'a':'Show all Formats','m':'formats'},
	'b' : {'l':'Refine by Brand','a':'Show all Brands','m':'brands'},
	'u' : {'l':'Refine by Box Count','a':'Show all Box Counts', 'm':'boxcount'},
	'fn' : {'l':'Refine by Finish','a':'Show all Finishes', 'm':'finishes'},
	'cl' : {'l':'Select Color'/*,'a':'Show all Colors','m':'colors'*/},
	'lb' : {'l':'Select Weight','a':'Select Weights','m':'weights'}
};
 // list of the properties that are URL encoded for transport
var a_decodeKeys = ['n','b','w','p','d'];

// decode encoded properties
var a_urlReplace = [
	{'f':/\%27/g, 't':"'"},
	{'f':/\%28/g, 't':"("},
	{'f':/\%29/g, 't':")"},
	{'f':/\%2A/g, 't':"*"},
	{'f':/\%7E/g, 't':"~"},
	{'f':/\%21/g, 't':"!"},
	{'f':/\+/g, 't':'%20'}
];
function f_urlDecode(s_string) {
	if (!s_string) return '';
  	for(var i = 0; i < a_urlReplace.length; i++)
		s_string = s_string.replace(a_urlReplace[i]['f'], a_urlReplace[i]['t']);
    return decodeURIComponent(s_string);
}
function f_getFractures (s_text) {
	return s_text.replace(/1\/2/g, '&frac12;').replace(/1\/4/g, '&frac14;').replace(/3\/4/g, '&frac34;').replace(/1\/8/g, '&#8539;').replace(/3\/8/g, '&#8540;').replace(/5\/8/g, '&#8541;')	.replace(/7\/8/g, '&#8542;');
}

for (var i = 0; i < a_prodList.length; i++) {
	if (a_prodList[i]['c'].match(/_CS$/))
		continue;
	for (var p = 0; p < a_decodeKeys.length; p++) {
		s_prop = a_decodeKeys[p];
		a_prodList[i][s_prop] = f_urlDecode(a_prodList[i][s_prop]);
	}
	
	a_prodList[i]['n'] = f_getFractures(a_prodList[i]['n']);
	
	if (!a_prodList[i]['w']) continue;
	if (a_prodList[i]['w'].match(/^(\d+)lb\s+([\w\s]+)$/, '')) {
		a_prodList[i]['lb'] = Number(RegExp.$1) + ' lb';
		a_prodList[i]['tw'] = RegExp.$2;
	}
	else
		alert('Incorrect format of weight: ' + a_prodList[i]['w']);
}

var a_sortFunctions = {
	's': function (a, b) { return f_getArea(a) - f_getArea(b); },
	'lb': function (a, b) { return parseInt(a) - parseInt(b); }
}
function f_getArea (s_size) {
	var a_tokens = s_size.split(/x/i);
	if (a_tokens.length < 2) return 0;
	
	// cleanup tokens
	var s_width  = a_tokens[0].replace(/^\D+/,'');
	var s_height = a_tokens[1].replace(/^\D+/,'');
	
	var n_width = s_width.match(/^\s*(\d+)\s+(\d+)\/(\d+)/)
		? Number(RegExp.$1) + Number(RegExp.$2) / Number(RegExp.$3)
		: parseFloat(s_width);
	var n_height = s_height.match(/^\s*(\d+)\s+(\d+)\/(\d+)/)
		? Number(RegExp.$1) + Number(RegExp.$2) / Number(RegExp.$3)
		: parseFloat(s_height);
	return n_width * n_height;
}

// this function returns the list of unique values in product list for specified property
function f_getPropList (a_localProdList, s_prop, b_index) {
	var a_list = [], a_index = [], s_value;
	for (var i = 0; i < a_localProdList.length; i++) {
		s_value = a_prodList[a_localProdList[i]][s_prop];
		if (!a_index[s_value]) {
			a_index[s_value] = true;
			a_list[a_list.length] = s_value
		}
	}
	if (b_index)
		return a_index;
	if (a_sortFunctions[s_prop])
		a_list.sort(a_sortFunctions[s_prop]);
	else
		a_list.sort();

	return a_list;
}

function f_getFilteredProducts (a_filters, a_skipKeys, b_noEmpty) {
	var a_list;
	for (var p = 0; p < window.a_keys.length; p++) {
		var s_prop = window.a_keys[p];
		// don't use color or weight for filtering
		if (a_filters[s_prop] == null) continue;
		if (a_skipKeys && a_skipKeys[s_prop]) continue;
		var s_value = a_filters[s_prop];
		if (a_list) {
			var a_newList = [];
			for (var i = 0; i < a_list.length; i++)
				if (a_prodList[a_list[i]][s_prop] == s_value)
					a_newList[a_newList.length] = a_list[i];
			if (a_newList.length || !b_noEmpty)
				a_list = a_newList;
		}
		else
			a_list = a_propIndex[s_prop][s_value];
		
		if (a_list.length == 1)
			return a_list;
	}
	// no filters applied - return full list
	if (!a_list) {
		a_list = [];
		for (var i = 0; i < a_prodList.length; i++)
			a_list[i] = i;
	}
	return a_list;
}

function f_getInDifferentColor (s_color, s_weight) {
	var i, n_id, a_product, n_first;
	for (i = 0; i < window.a_displayedProdList.length; i++) {
		n_id = a_displayedProdList[i];
		a_product = a_prodList[n_id];
		if (a_product['cl'] == s_color) {
			if (!s_weight || a_product['lb'] == s_weight)
				return n_id;
			if (n_first == null)
				n_first = n_id;
		}
	}
	return n_first;
}

function f_moutColor () {
	window.e_colorTimer = setTimeout('f_updateColor(s_selectedColor)', 300);
}
function f_moverColor (s_color) {
	f_updateColor(s_color)
}
function f_mdownColor (s_color) {
	f_filterSelection('cl', s_color);
}

function f_updateColor (s_color) {
	if (window.e_colorTimer) {
		clearTimeout(window.e_colorTimer);
		window.e_colorTimer = null;
	}
	var a_product = a_prodList[f_getInDifferentColor(s_color, window.s_selectedWeight)];
	var e_elem = f_getElement('prodName');
	if (e_elem)
		e_elem.innerHTML = a_product['n'].replace(a_product['cl'], '');
	e_elem = f_getElement('colorName');
	if (e_elem)
		e_elem.innerHTML = a_product['cl'];
	e_elem = f_getElement('prodAttr');
	if (e_elem)
		e_elem.innerHTML = a_keys[1] ? a_product[a_keys[1] != 'cl' ? a_keys[1] : 'fn'] : '&nbsp;';
}

function num2money(n_value) {
	// validate input
	if (isNaN(Number(n_value)))
		return 'ERROR';

	// save the sign
	var b_negative = Boolean(n_value < 0);
	n_value = Math.abs(n_value);

	// round to 1/100 precision, add ending zeroes if needed
	var n_frac = Math.round(n_value * 1e2) % 1e2;
	var s_result = String((n_frac < 10 ? '0' : '') + n_frac + '00').substring(0, 2);
	
	// separate all orders
	var b_first = true;
	var s_subresult;
	while (n_value >= 1) {
		s_subresult = (n_value >= 1e3 ? '00' : '') + Math.floor(n_value % 1e3);
		s_result = s_subresult.slice(-3) + (b_first ? '.' : ',') +  s_result;
		b_first = false;
		n_value = n_value / 1e3;
	}
	// add at least one integer digit
	if (b_first)
		s_result = '0.' +  s_result;

	// apply formatting and return
	return b_negative
		? '($' + s_result + ')'
		: '$' + s_result;
}


function f_updateProduct (n_id) {
	var a_product = a_prodList[n_id];
	
	// update product info
	e_elem = f_getElement('att_pcode');
	if (e_elem) e_elem.innerHTML = a_product['c'];
	e_elem = f_getElement('att_weight');
	if (e_elem) e_elem.innerHTML = a_product['w'];
	e_elem = f_getElement('att_size');
	if (e_elem) e_elem.innerHTML = a_product['s'];
	e_elem = f_getElement('att_printarea');
	if (e_elem) e_elem.innerHTML = a_product['a'];
	e_elem = f_getElement('att_liner');
	if (e_elem) e_elem.innerHTML = a_product['l'] ? a_product['l'] : '-';
	e_elem = f_getElement('att_printing');
	if (e_elem) e_elem.innerHTML = a_product['p'];
	e_elem = f_getElement('att_printtpl');
	if (e_elem) e_elem.innerHTML = a_product['pt'] ? '<a href="' + a_product['pt'] + '">download</a>' : 'n/a - submit request';
	e_elem = f_getElement('prodName');
	if (e_elem) e_elem.innerHTML = a_product['n'].replace(a_product['cl'], '');
	e_elem = f_getElement('price');
	if (e_elem) e_elem.innerHTML =  a_product ? (window.b_custom && a_product['cp'] ? a_product['cp'] : a_product['r']) + '<span>per ' + a_product['u'] + '</span>' : '-';
	e_elem = f_getElement('colorName');
	if (e_elem) e_elem.innerHTML = a_product['cl'];
	e_elem = f_getElement('prodAttr');
	if (e_elem) e_elem.innerHTML = a_keys[1] ? a_product[a_keys[1] != 'cl' ? a_keys[1] : 'fn'] : '&nbsp;';
	e_elem = f_getElement('btn-addtocart');
	if (e_elem) e_elem.src = window.b_custom && a_product['cp'] ? '/images/btn-personalize.gif' : '/catalog/images/add-to-cart.gif';


	e_elem = f_getElement('select-cl');
	if (e_elem) {
		for (i = 0; i < e_elem.options.length; i++) {
			if (e_elem.options[i].value == a_product['cl']) {
				e_elem.selectedIndex = i;
				break;
			}
		}
	}

	// update volume price
	e_elem = f_getElement('volpriceSide');
	if (a_product['vp']) {
		var s_html = '<table id="volPriceTable"><tr><th>Packs</th><th>Price / Pack</th></tr>';
		for (var i = 0; i < a_product['vp'].length; i+= 2)
			s_html += '<tr><td>' + a_product['vp'][i] + '</td><td>' + a_product['vp'][i + 1] + '</td></tr>';
		s_html += '</table>';
		e_elem.innerHTML = s_html;
		e_elem.style.display = 'block';
	}
	else {
		e_elem.innerHTML = '&nbsp;';
		e_elem.style.display = 'none';
	}

	// update description
	s_squareNote = a_product['s'].match(/^([\d\/\s]+)\s+x\s+([\d\/\s]+)$/i) && RegExp.$1 == RegExp.$2
		? '<div id="squareNote">Square invitations and envelopes may require extra postage. Please consult your local post office.</div>'
		: '';
	
	e_elem = f_getElement('prod-description');
	e_elem.innerHTML = (a_product ? a_product['d'] : '') + s_squareNote;
	

	// swap large image
	e_elem = f_getElement('prodImage');
	e_elem.src = 'http://www.lcipaper.com/catalog/graphics/prods/' + a_product['c'].replace(/_CTN$/, '') + 'med.jpg'

	// show customized option
	e_elem = f_getElement('prod-cust');
	if (e_elem) e_elem.style.display = a_product['cp'] ? 'block' : 'none';

	e_elem = f_getElement('prod-print');
	if (e_elem) {
		var e_chbox = f_getElement('cust-blank');
		var e_note = f_getElement('print-note');
		var e_links = f_getElement('print-links');
		if (typeof a_product['pp'] === 'undefined') {
			e_elem.style.display = 'none';
		}
		else {
			e_note.innerHTML = (a_product['pp'] == '$0.00' ? '<span style="font-weight:bold;color:red;"> (Free)</span>' : '<span style="font-weight:bold;color:grey;">+' + a_product['pp'] + '/pack</span>');
			if (e_chbox.checked) 
				e_links.style.display = 'none';
			else {
				e_links.style.display = 'block';
				e_links.innerHTML = '<a href="javascript:f_editText()">' + (window.s_flapText ? 'Edit Text' : 'Enter Text') + '</a>';
			}
			e_elem.style.display = 'block';
		}
	}

	// change product name in shipping cart
	var e_input = document.forms['addToCart'].elements['Product_Code'];
	if (e_input)
		e_input.value = a_product['c'];
		
	window.n_selectedProduct = n_id;

	// switch to description tab
	if (!window.b_noTabSwitch)
		f_tabShow('#specs');
}

function f_resetFilters() {
	f_filterSelection ('tw', a_prodFilter['tw']);
}

function f_filterSelection (s_changedProp, s_newValue) {

	var p, s_prop, s_value, e_select, a_options,
		s_firstColor, a_colorsIndex = {}, e_reset;

	f_onAddToBasket (true);

	// filter products
	if (s_changedProp) {
		window.s_selectedWeight = null;
		if (s_changedProp == 'tw') {
			window.a_prodFilter = {'tw': s_newValue};
			
			for (p = 0; p < a_keys.length; p++) {
				e_reset = f_getElement('filter-reset-' + a_keys[p]);
				if (!e_reset) continue;
				e_reset.style.display = 'none';
			}
		}
		/*else if (s_changedProp == 'cl')
			window.s_selectedColor = s_newValue;*/
		else if (s_changedProp == 'lb')
			window.s_selectedWeight = s_newValue;
		else {
			var a_newFilter = {};
			var b_allClear = true;
			for (p = 0; p < a_keys.length; p++) {
				s_prop = a_keys[p];
				// update value in filter
				if (s_changedProp == s_prop) {
					if (s_newValue) {
						a_newFilter[s_prop] = s_newValue;
						if (a_labels[s_prop]['a'])
							b_allClear = false;
					}
				}
				// copy previous value in filter
				else if (window.a_prodFilter[s_prop] && s_prop != 'lb') {
					a_newFilter[s_prop] = window.a_prodFilter[s_prop];
					if (a_labels[s_prop]['a'])
						b_allClear = false;
				}
			}
			// show/hide reset links
			for (p = 0; p < a_keys.length; p++) {
				e_reset = f_getElement('filter-reset-' + a_keys[p]);
				if (!e_reset) continue;
				e_reset.style.display =  b_allClear ? 'none' : 'inline';
			}
			if (s_changedProp == 'cl')
				window.s_selectedColor = s_newValue;
			window.a_prodFilter = a_newFilter;
		}
	}
	window.a_displayedProdList = f_getFilteredProducts(window.a_prodFilter, {'lb': 1, 'cl': 1});

	// re-populate drop boxes with available options
	if (s_changedProp != 'cl' && s_changedProp != 'lb') {
		for (p = 0; p < a_keys.length; p++) {
			s_prop = a_keys[p];
			if (s_prop == 'tw') continue;
			if (s_changedProp && s_changedProp == s_prop) continue;
			
			e_select = f_getElement('select-' + s_prop);
			if (!e_select) continue;

			a_options = f_getPropList(a_displayedProdList, s_prop);
			
			e_select.options.length = a_labels[s_prop]['a'] ? 1 : 0;
			for (var v = 0; v < a_options.length; v++) {
				s_value = a_options[v];
				e_select.options[e_select.options.length] = new Option (s_value, s_value);
				if (s_prop == 'cl') {
					a_colorsIndex[s_value] = true;
					if (!s_firstColor)
						s_firstColor = s_value;
				}
			}
	
			// disable selects with single option
			if (a_options.length == 1) {
				e_select.selectedIndex = e_select.options.length - 1;
				e_select.disabled = true;
			}
			else
				e_select.disabled = false;
		}
		if (!window.s_selectedColor || !a_colorsIndex[window.s_selectedColor]) 
			window.s_selectedColor = s_firstColor ? s_firstColor : a_prodList[0]['cl'];
	}

	// update color swatch
	var a_allColors = a_propList['cl'];
	for (c = 0; c < a_allColors.length; c++) {
		s_color = a_allColors[c];
		s_colorNoSpaces = s_color.replace(/\s+/g, '-');
		e_color = f_getElement('colorSwatch-' + s_colorNoSpaces);
		
		e_color.className = window.s_selectedColor == s_color ? 'colorSwatchSelected' : 'colorSwatch';
		if (s_changedProp != 'cl' && s_changedProp != 'lb')
			e_color.style.display = a_colorsIndex[s_color] ? 'inline' : 'none';
	}

	// see if there are multiple weights for this product
	var n_selectedProduct = f_getInDifferentColor(window.s_selectedColor, window.s_selectedWeight);
	var a_selectedProduct = a_prodList[n_selectedProduct];

	var e_filter = f_getElement('filter-lb');
	if (e_filter) {

		a_newFilter = {};
		for (p = 0; p < a_keys.length; p++) {
			s_prop = a_keys[p];
			a_newFilter[s_prop] = a_selectedProduct[s_prop]
		}
		a_options = f_getPropList(f_getFilteredProducts(a_newFilter, {'lb':true}), s_prop);

		a_newFilter = window.a_prodFilter;
		a_newFilter['cl'] = a_selectedProduct['cl'];
		var a_filteredProds = f_getFilteredProducts(a_newFilter, {'lb': 1});

		if (a_options.length > 1 && a_options.length == a_filteredProds.length) {
			e_filter.style.display = 'block';
			var e_select = f_getElement('select-lb');
			e_select.options.length = a_labels['lb']['a'] ? 1 : 0;
			for (var v = 0; v < a_options.length; v++) {
				s_value = a_options[v];
				e_select.options[e_select.options.length] = new Option (s_value, s_value);
				if (window.s_selectedWeight != null && window.s_selectedWeight == s_value)
					e_select.selectedIndex = e_select.options.length - 1;
			}
		}
		else
			e_filter.style.display = 'none';
	}

	// update product info
	f_updateProduct(n_selectedProduct);
}

function f_getSelects() {
	var p, v, s_prop, s_value, a_localLabels;
	
	for (p = 0; p < a_keys.length; p++) {
		s_prop = a_keys[p];
		a_localLabels = a_labels[s_prop];
		
		var a_values = a_propList[s_prop];
		if (s_prop == 'tw') {
			document.write('<div id="filter-' + s_prop + '"><label for="select-' + s_prop + '">' + a_localLabels['l'] + '</label>');
			for (v = 0; v < a_values.length; v++)
				document.write('<input type="radio" name="select-tw" value="'
					+ a_values[v] + '" onclick="f_filterSelection(\'tw\', this.value)"'
					+ (window.a_prodFilter['tw'] == a_values[v] ? ' checked="yes"' : '')
					+ ' />' + a_values[v] + '<br />'
				);
		}
		else {
			document.write('<div id="filter-' + s_prop + '"><label for="select-' + s_prop + '"><span class="float-left">' + a_localLabels['l'] + '</span>');
			if (s_prop != 'lb')
				document.write('<span class="filter-reset" id="filter-reset-' +  s_prop + '">[<a href="javascript:f_resetFilters();">show all</a>]</span>');
			document.write('</label><select onchange="f_filterSelection(\'' + s_prop
				+ '\', this.options[this.selectedIndex].value)" onkeyup="f_filterSelection(\'' + s_prop
				+ '\', this.options[this.selectedIndex].value)" id="select-' + s_prop + '" name="select-' + s_prop + '">');
			if (a_localLabels['a'])
				document.write('<option value="">-- ' + a_localLabels['a'] + ' --</option>');
			document.write('</select>');
		}
		document.write('</div>');
	}
}

function f_getSamplesSelects() {
		var a_options = a_propList['tw'];
		if (a_options.length > 1) {
			document.write('<label for="samples-select-tw">', a_labels['tw']['l'],
				':</label><select name="samples-select-tw" id="samples-select-tw" onkeyup="f_samplesTable(true)" onchange="f_samplesTable(true)">');
			for (var i = 0; i < a_options.length; i++)
				document.write('<option value="', a_options[i],'">', a_options[i] , '</option>');
			document.write('</select> ');
		}

		// secondary filter
		var s_prop;
		if (a_propIndex['b'])
			s_prop = 'b';
		else if (a_propIndex['s'])
			s_prop = 's';
		else
			return;
			
		var a_options = a_propList[s_prop];
		if (a_options.length < 2)
			return;
		
		document.write('<label for="samples-select-', s_prop, '">', a_labels[s_prop]['l'],
			':</label><select name="samples-select-', s_prop, '" id="samples-select-', s_prop,
				'" onkeyup="f_samplesTable(true)" onchange="f_samplesTable(true)">',
				'<option value="">-- ', a_labels[s_prop]['a'], ' --</option>');
		for (var i = 0; i < a_options.length; i++)
			document.write('<option value="', a_options[i],'">', a_options[i] , '</option>');
		document.write('</select>');
}

function f_onAddToBasket (b_reset) {
	var e_message = f_getElement('addToBasketMessage'),
		a_filter = window.a_prodFilter, e_select, s_value,
		s_prop, e_filter, a_options, p, a_messages = [];
		
	if (b_reset) {
		e_message.style.display = 'none';
		for (p = 0; p < a_keys.length; p++) {
			e_filter = f_getElement('filter-' + a_keys[p]);
			if (e_filter)
				e_filter.className = '';
		}
		return;
	}

	// determine if all properties are explicitly selected
	for (p = 0; p < a_keys.length; p++) {
		s_prop = a_keys[p];
		if (a_filter[s_prop]) continue;
		e_select = f_getElement('select-' + s_prop);
		s_value = e_select.options[e_select.selectedIndex].value;
		if (s_value == '') continue;
		a_filter[s_prop] = s_value;
	}
	var a_selection = f_getFilteredProducts(a_filter);
	
	for (p = 0; p < a_keys.length; p++) {
		s_prop = a_keys[p];
		if (!a_labels[s_prop]['m'])
			continue;

		a_options = f_getPropList(a_selection, s_prop);
		e_filter = f_getElement('filter-' + s_prop);
		if (a_options.length > 1) {
			a_messages[a_messages.length] = a_labels[s_prop]['m'];
			e_filter.className = 'highlighted';
		}
		else
			e_filter.className = '';
	}
	var e_form = document.forms['addToCart'];
	if (a_messages.length) {
		e_message.innerHTML = 'Selected Product is available in multiple ' + a_messages.join(' &amp; ') + '. Please make selections to complete your order.';
		e_message.style.display = 'block';
		if (e_form)	e_form.onsubmit = function () { return false };
		return false;
	}
	else {
		e_message.style.display = 'none';
		e_message.innerHTML = '';
		
		// redirect to customization is required
		var a_product = a_prodList[n_selectedProduct];
		if (window.b_custom && a_product['cp']) {
			window.location = 'http://www.lcipaper.com/' + a_product['c'] + '_CS.html?cat=' + s_categoryCode;
			document.forms['addToCart'].onsubmit = function () { return false };
			return false;
		}
		if (e_form)	e_form.onsubmit = null;
		return true;
	}
}

function f_samplesTable (b_reload) {

	f_hideEnvelopeSizes();

	// prepare structure with samples
	var p, s_prop, s_value, e_select, a_filter = {};
	if (b_reload) {
		// filter products by selects
		for (p = 0; p < a_keys.length; p++) {
			s_prop = a_keys[p];
			e_select = f_getElement('samples-select-' + s_prop);
			if (!e_select) continue;
			s_value = e_select.options[e_select.selectedIndex].value;
			if (!s_value) continue;
			a_filter[s_prop] = s_value;
		}
	}
	else {
		// reset selects
		for (p = 0; p < a_keys.length; p++) {
			s_prop = a_keys[p];
			e_select = f_getElement('samples-select-' + s_prop);
			if (!e_select) continue;
			if (s_prop == 'tw') { // window.a_prodFilter[s_prop]
				for (var o = 0; o < e_select.options.length; o++) {
					s_value = e_select.options[o].value;
					if (window.a_prodFilter[s_prop] == s_value) {
						e_select.selectedIndex = o;
						break;
					}
				}
				a_filter[s_prop] = s_value;
			}
			else {
				e_select.selectedIndex = 0;
				continue;
			}
		}
	}
	
	
	var a_filteredProducts = f_getFilteredProducts(a_filter);
	var i, a_product, s_color, s_horProp,
		a_horPropertyList = [], a_horPropertyIndex = {},
		a_verPropertyList = [], a_prodTree = {};

	for (i = 0; i < a_filteredProducts.length; i++) {
		a_product = a_prodList[a_filteredProducts[i]];
		if (!a_product['sp']) continue;

		s_color = a_product['cl'];
		s_horProp = a_product['s']; // horiz param
		
		if (!a_prodTree[s_color]) {
			a_prodTree[s_color] = {};
			a_verPropertyList[a_verPropertyList.length] = s_color;
		}
		if (!a_horPropertyIndex[s_horProp]) {
			a_horPropertyIndex[s_horProp] = 1;
			a_horPropertyList[a_horPropertyList.length] = s_horProp;
		}
		if (!a_prodTree[s_color][s_horProp])
			a_prodTree[s_color][s_horProp] = [];
		a_prodTree[s_color][s_horProp][a_prodTree[s_color][s_horProp].length] = a_product;
	}

	var x, y, z, a_products, n_itemCount = 1, s_rowHTML, n_rowCount,
		s_html = '<table id="samplesTable"><tr><th>&nbsp;</th>';
	for (x = 0; x < a_horPropertyList.length; x++)
		s_html += '<th>' + a_horPropertyList[x] + '</th>';
	s_html += '</tr>';
	for (y = 0; y < a_verPropertyList.length; y++) {
		s_color = a_verPropertyList[y];
		s_rowHTML = '<tr><th class="colors"><img src="/catalog/graphics/prods/swatches/swatch-' + s_color.replace(/\s+/g, '-') +
		'.gif" alt="' + s_color + '"  class="colorSwatch"  />' + s_color + '</th>';
		n_rowCount = 0;
		for (x = 0; x < a_horPropertyList.length; x++) {
			a_products = a_prodTree[s_color][a_horPropertyList[x]];
			s_rowHTML += '<td>';

			if (a_products) {
				for (z = 0; z < a_products.length; z++) {
					s_rowHTML += '<input type="hidden" name="product_code' +
					n_itemCount  + '" value="' + String(a_products[z]['c']).replace(/_CTN$/, '') + '_S" /><input type="Checkbox"  name="quantity' +
					n_itemCount + '" value="1" /> ' + (a_products.length > 1 ? '<br />' + a_products[z]['lb'] + ' ' : '') + '('+
						a_products[z]['sp'] + ')<br />';
					n_itemCount++;
					n_rowCount++;
				}
			}
			else
				s_rowHTML += '&nbsp;';
			s_rowHTML += '</td>';
		}
		s_rowHTML += '</tr>';
		if (n_rowCount)
			s_html += s_rowHTML;
	}
	if (!n_rowCount)
		s_html += '<div id="not-found">There are no samples<br />matching selected criteria</div>';
	s_html += '</table>';

	e_elem = f_getElement('samplesTableContainer');
	e_elem.innerHTML = s_html;

	e_elem = f_getElement('sampleSelector');
	var e_table = f_getElement('samplesTable');
	var e_iframe = f_getElement('samplesSelectFix');
	if (!e_elem || !e_table) return;
	e_table.style.display = b_ie6 || b_ie7 || b_ie8 ? 'block' : 'table';

	var n_width  = e_elem.offsetWidth;
	var n_height = e_elem.offsetHeight;
	var n_left, n_top;
	if (!b_reload) {
		n_left = (f_clientWidth() - n_width) / 2;
		if (n_left < 10) n_left = 10;
		n_top = (f_clientHeight() - n_height) / 2;
		if (n_top < 10) n_top = 10;
		
		e_elem.style.left = n_left + 'px';
		e_elem.style.top  = n_top  + 'px';
		e_elem.style.visibility = 'visible';
	}
	else {
		n_left = e_elem.offsetLeft;
		n_top = e_elem.offsetTop;
	}
	if (e_iframe) {
		e_iframe.style.display = "block";
		e_iframe.width = n_width - 1;
		e_iframe.height = n_height - 1;
		e_iframe.style.top = n_top  + 'px';
		e_iframe.style.left = n_left + 'px';
	}
	
	var e_shade = f_getElement('sampleSelectorShade');
	if (!e_shade) return;
	f_customShade(e_shade, n_width - 1, n_height - 2, n_left + 1, n_top + 1);
	e_shade.style.visibility = 'visible';
}

function f_hideSamplesTable() {
	var e_elem = f_getElement('sampleSelector');
	if (e_elem)
		e_elem.style.visibility = 'hidden';
	var e_iframe = f_getElement('samplesSelectFix');
	if (e_iframe)
		e_iframe.style.display = "none";

	var e_shade = f_getElement('sampleSelectorShade');
	if (e_shade)
		e_shade.style.visibility = 'hidden';
		
	window.scrollTo(0, 0);
}
function f_envelopeSizes() {
	
	f_hideSamplesTable();
//	f_hideColorsTable();
	
	var e_elem = f_getElement('envelopeSizes');
	if (!e_elem) return;

	var e_elemFrame = f_getElement('envelopeSizesFrame');
	e_elemFrame.src = 'http://www.lcipaper.com/envelope-sizes.shtml';

	var n_width  = e_elem.offsetWidth;
	var n_height = e_elem.offsetHeight;
	var n_left   = (f_clientWidth() - n_width) / 2;
	if (n_left < 10) n_left = 10;
	var n_top = (f_clientHeight() - n_height) / 2;
	if (n_top < 10) n_top = 10;
	
	e_elem.style.left = n_left + 'px';
	e_elem.style.top  = n_top  + 'px';
	e_elem.style.visibility = 'visible';

	var e_iframe = f_getElement('samplesSelectFix');
	if (e_iframe) {
		e_iframe.style.display = "block";
		e_iframe.width = n_width;
		e_iframe.height = n_height;
		e_iframe.style.top = n_top  + 'px';
		e_iframe.style.left = n_left + 'px';
	}
	
	var e_shade = f_getElement('sampleSelectorShade');
	if (!e_shade) return;
	f_customShade(e_shade, n_width - 1, n_height - 1, n_left + 1, n_top + 1);
	e_shade.style.visibility = 'visible';
}

function f_hideEnvelopeSizes() {
	var e_elem = f_getElement('envelopeSizes');
	if (e_elem)
		e_elem.style.visibility = 'hidden';
	var e_iframe = f_getElement('samplesSelectFix');
	if (e_iframe)
		e_iframe.style.display = "none";
	var e_shade = f_getElement('sampleSelectorShade');
	if (e_shade)
		e_shade.style.visibility = 'hidden';
	window.scrollTo(0, 0);
}

function f_selectAllSamples(b_select) {
	var e_checkbox, e_form = f_getElement('sampleSelector');
	for (n_number = 1; e_checkbox = e_form.elements['quantity' + n_number]; n_number++)
		e_checkbox.checked = b_select;
}

function f_prodCustom (b_custom) {
	window.b_custom = b_custom;
	f_updateProduct(window.n_selectedProduct);
}

function f_setLightbox (e_elem, b_envelope) {
	if (b_envelope) {
		if (a_selectedProduct == null) return;
		e_elem.href  = '/catalog/graphics/prods/' + a_selectedEnvelope['code'].replace(/_CTN$/, '')  + 'large.jpg'
		e_elem.title = a_selectedEnvelope['name'];
	}
	else {
		if (n_selectedProduct == null) return;
		var a_prod = a_prodList[n_selectedProduct];
		e_elem.href  = '/catalog/graphics/prods/' + a_prod['c'].replace(/_CTN$/, '')  + 'large.jpg'
		e_elem.title = a_prod['n'];
	}
}


// --- initial pricedures ---
// init unique property lists
var a_propIndex = {}, a_propList = {}, s_prop;
for (p = 0; p < a_keys.length; p++) {
	s_prop = a_keys[p];
	a_propIndex[s_prop] = {};
	a_propList[s_prop] = [];
}

// group products by properties
var s_value;
for (i = 0; i < a_prodList.length; i++) {
	for (p = 0; p < a_keys.length; p++) {
		s_prop = a_keys[p];
		s_value = a_prodList[i][s_prop];

		if (a_propIndex[s_prop][s_value] == null) {
			a_propIndex[s_prop][s_value] = [];
			a_propList[s_prop][a_propList[s_prop].length] = s_value;
		}
		a_propIndex[s_prop][s_value][a_propIndex[s_prop][s_value].length] = i;
	}
}

// optimize keys by removing properties shared by all products
var a_newKeys = [];
for (p = 0; p < a_keys.length; p++) {
	s_prop = a_keys[p];
	if (a_propList[s_prop].length > 1)
	a_newKeys[a_newKeys.length] = s_prop;
}
a_keys = a_newKeys;
a_newKeys = null;

// sort property lists
for (p = 0; p < a_keys.length; p++) {
	s_prop = a_keys[p];
	if (a_sortFunctions[s_prop])
		a_propList[s_prop].sort(a_sortFunctions[s_prop]);
	else
		a_propList[s_prop].sort();
}

// initial filter
if (a_propIndex['tw']) {
	var n_maxTypeCount = 0, n_selected,
		a_values = a_propList['tw'];

	for (var v = 0; v < a_values.length; v++) {
		n_typeCount = a_propIndex['tw'][a_values[v]].length;
		if (n_typeCount > n_maxTypeCount) {
			n_maxTypeCount = n_typeCount;
			n_selected = v;
		}
	}
	window.a_prodFilter = {'tw': a_values[n_selected]};
}
else 
	window.a_prodFilter = {};

function f_productInit() {
	var e_elem = f_getElement('cust-blank');
	if (e_elem) { e_elem.checked = true; }

	f_showBaskMessage();
	if (a_keys.length) {
		f_filterSelection();
		var e_inputs = document.getElementsByTagName('INPUT');
		if (e_inputs) {
			for (var i = 0; i < e_inputs.length; i++) {
				if (e_inputs[i].name == 'select-tw' && e_inputs[i].value == window.a_prodFilter['tw']) {
					e_inputs[i].checked = true;
					break;
				}
			}
		}
	}
	else {
		window.a_displayedProdList = [0];
		window.s_selectedColor = a_prodList[0]['cl'];
		f_updateProduct(0);
	}
}