s
// which are above and below the product listing area.
function paginate( page, idx_matches ){
var num_pages = Math.ceil((idx_matches + 1) / divs_per_page)
// msm 20070916 fixes bug where only one product shown
num_pages = num_pages > 0 ? num_pages : 1;
var first_item = divs_per_page * page;
var last_item = divs_per_page * (page+1) - 1;
// idx_matches is the index of matching products;
// add one to it to get the number of matching products.
// last_item is the index of the last product.
if( last_item > idx_matches ){
last_item = idx_matches
}
// BEGIN 'Showing X - Y of Z' part
var html_paginate =
'
';
return html_paginate;
}
// END paginate()
// BEGIN makeDiv( idx_attr )
// SYNOPSIS: write the text for one single product
// See global ary_tmplt_product_div, above, for declaration
// INPUT:
// idx_attr = index to array of attributes for a given product
// OUPUT:
// Returns html results of filled template
//
function makeDiv( idx_attr ){
var divTemplateLookup = new Object();
divTemplateLookup['Index'] = idx_attr;
// BEGIN dynamic from generator
divTemplateLookup['Image'] = ary_attrs[idx_attr][12];
divTemplateLookup['Title'] = ary_attrs[idx_attr][13];
divTemplateLookup['Link'] = ary_attrs[idx_attr][14];
divTemplateLookup['Product ID'] = ary_attrs[idx_attr][15];
divTemplateLookup['Compare URL'] = ary_attrs[idx_attr][16];
divTemplateLookup['Info URL'] = ary_attrs[idx_attr][17];
divTemplateLookup['Num Retailers'] = ary_attrs[idx_attr][18];
// END dynamic from generator
var prod_id_ary_loc = ary_attrs[idx_attr][(ary_attrs[idx_attr].length -1)];
var my_price = parseFloat(ary_attrs[idx_attr][0]);
var my_round = Math.round(parseFloat(ary_attrs[idx_attr][0]));
var onclick_hbx_string = 'shop-us_' + prod_id_ary_loc + '_' + divTemplateLookup['Product ID'] + '_' + my_round;
var prodShop_string = "'WTB-US-EN', '" + prod_id_ary_loc + "', '" + divTemplateLookup["Product ID"] + "', '" + my_price + "', 'USD'";
divTemplateLookup['onClick'] = "_hbLink('GoToStoreReferral');_hbLink('" + onclick_hbx_string + "');prodShopLink(" + prodShop_string + ");";
for( var idx_cat = 0;
idx_cat < ary_cats.length;
idx_cat++
){
var cmp_type = ary_cats[idx_cat]['cmp'];
var name_cat = ary_cats[idx_cat]['name'];
var val_attr = ary_attrs[idx_attr][idx_cat];
// in the case of 'eq', val_attr is the idx_attr of the option name
// e.g. 1 = 'Notebook'
if( cmp_type == 'eq' ){
divTemplateLookup[name_cat]
= ary_cats[idx_cat]['options'][val_attr]['name']
;
}
// in the case of 'ge' or 'range',
// val_attr is the value of the attribute
// e.g. 500 for 500GB hard drive
else if( cmp_type == 'ge' ){
if( val_attr < 1 ) {
divTemplateLookup[name_cat] = 'none';
}
else {
divTemplateLookup[name_cat]
= val_attr + ary_cats[idx_cat]['opt_unit']
;
}
}
else if( cmp_type == 'le' ){
if( val_attr < 1 ) {
divTemplateLookup[name_cat] = 'none';
}
else {
divTemplateLookup[name_cat]
= val_attr + ary_cats[idx_cat]['opt_unit']
;
}
}
else {
divTemplateLookup[name_cat] = val_attr;
}
}
// these two lines are very similar to the templating regex
// in the perl script. See notes in the tmplt_product_div global
// declaration, above.
var newDiv = tmplt_product_div.replace(
regex_tmplt,
function(match, name){ return divTemplateLookup[name];}
); // using an anonymous function is a bit like using /x in Perl
return newDiv;
}
// END makeDiv()
// BEGIN setCatOpt
function setCatOpt( idx_cat, idx_selected, f_noRefresh ){
for( idx_opt = 0;
idx_opt < ary_cats[idx_cat]['options'].length;
idx_opt++
){
if( idx_opt == idx_selected ){
ary_cats[idx_cat]['options'][idx_opt]['status'] = true;
}
else {
ary_cats[idx_cat]['options'][idx_opt]['status'] = false;
}
}
// debugStatus();
document.getElementById('cat_' + idx_cat ).style.display='none';
ary_filters[ary_filters.length] = [ idx_cat,idx_selected ];
if( f_noRefresh != 1 ){
displayFilters()
siftDivs();
};
}
// END setCatOpt
// BEGIN setCatRange
function setCatRange( idx_cat, f_noRefresh ){
ary_cats[idx_cat]['active'] = true;
var id_range_bot = 'range_bot_' + idx_cat;
var id_range_top = 'range_top_' + idx_cat;
var val_top = document.getElementById( id_range_top ).value
|| ary_cats[idx_cat]['pass_top']
;
var val_bot = document.getElementById( id_range_bot ).value
|| ary_cats[idx_cat]['pass_bot']
;
ary_cats[idx_cat]['bot'] = val_bot;
ary_cats[idx_cat]['top'] = val_top;
document.getElementById( id_range_top ).value = val_top;
document.getElementById( id_range_bot ).value = val_bot;
document.getElementById('cat_' + idx_cat ).style.display='none';
ary_filters[ary_filters.length] = [ idx_cat, val_bot + ' - ' + val_top ];
if( f_noRefresh != 1 ){
displayFilters()
siftDivs();
};
}
// END setCatRange
// BEGIN displayFilters()
function displayFilters(){
var ary_html_filters = new Array();
var ary_q_args = new Array();
if( ary_filters.length == 0 ){
document.getElementById('activefilters').style.display='none';
Href_View = '';
document.location.hash = Href_View;
return;
}
FILTER:
for( var idx_filter = 0;
idx_filter < ary_filters.length;
idx_filter++
){
var idx_cat = ary_filters[idx_filter][0];
var idx_opt = ary_filters[idx_filter][1];
var cmp_type = ary_cats[idx_cat]['cmp'];
var name_cat = ary_cats[idx_cat]['name'];
var name_opt = '';
if( cmp_type == 'range' ){
name_opt = idx_opt;
ary_q_args.push( escape( name_cat ) + '='
+ ary_cats[idx_cat]['bot'] + ',' + ary_cats[idx_cat]['top']
);
}
else if( cmp_type == 'eq' ){
name_opt = ary_cats[idx_cat]['options'][idx_opt]['name'];
ary_q_args.push( escape( name_cat ) + '='
+ escape( ary_cats[idx_cat]['options'][idx_opt]['name'] )
);
}
else if( cmp_type == 'ge' || cmp_type == 'le' ){
name_opt = ary_cats[idx_cat]['options'][idx_opt]['name'];
ary_q_args.push( escape( name_cat ) + '='
+ ary_cats[idx_cat]['options'][idx_opt]['value']
);
}
else { continue FILTER } // skip unsupported filter types
ary_html_filters.push(
'
'
+ '![]()
' + name_opt + ''
+ ''
);
}
if( ary_filters.length > 1 ){
ary_html_filters.push(
'
'
+ '![]()
'
+ ''
);
}
document.getElementById('activefilters').innerHTML =
'
Selected Filters
'
+ '
'
+ ary_html_filters.join('')
+ '
'
;
Href_View
= '' + ary_q_args.join('|||')
;
document.location.hash = Href_View;
document.getElementById('activefilters').style.display='block';
return;
}
// END displayFilters()
// BEGIN gotoView()
function gotoView(){
displayFilters(); // updates href_bookmark;
}
// END gotoView()
// BEGIN rmFilter( idx_filter )
function rmFilter( idx_filter ){
// BEGIN remove category from filter list
var idx_cat = ary_filters[idx_filter][0];
var cmp_type = ary_cats[idx_cat]['cmp'];
ary_filters.splice(idx_filter,1);
// END remove category from filter list
// BEGIN handle range type options
if( cmp_type == 'range' ){
ary_cats[idx_cat]['active'] = false;
}
// END handle range type options
// BEGIN otherwise set all category options to true
else {
for( var idx_opt = 0;
idx_opt < ary_cats[idx_cat]['options'].length;
idx_opt++
){
ary_cats[idx_cat]['options'][idx_opt]['status'] = true;
}
}
// END otherwise set all category options to true
// BEGIN reset all if no filters remain
if( ary_filters.length == 0 ){
resetFilters();
siftDivs();
}
document.getElementById('cat_' + idx_cat ).style.display='block';
displayFilters();
siftDivs();
}
// END rmFilter( idx_filter )
function resetFilters(){
// BEGIN hide filters menu
document.getElementById('activefilters').style.display='none';
document.getElementById('activefilters').innerHTML = '';
// END hide filters menu
// BEGIN reset visibility of all attribute selectors
CAT:
for( var idx_cat = 0;
idx_cat < ary_cats.length;
idx_cat++
){
var cmp_type = ary_cats[idx_cat]['cmp'];
// BEGIN handle range type options
if( cmp_type == 'range' ){
ary_cats[idx_cat]['active'] = false;
}
// END handle range type options
// BEGIN reset all category options to true
else {
for( var idx_opt = 0;
idx_opt < ary_cats[idx_cat]['options'].length;
idx_opt++
){
ary_cats[idx_cat]['options'][idx_opt]['status'] = true;
}
}
// END reset all category options to true
// redisplay the category div
document.getElementById('cat_' + idx_cat).style.display='block';
}
// END reset visibility of all attribute selectors
// clean out filter array
ary_filters = [];
// reset # magic in URL
Href_View = '';
document.location.hash = Href_View;
}
// BEGIN debugStatus
function debugStatus(){
CAT:
for( idx_cat = 0;
idx_cat < ary_cats.length;
idx_cat++
){
var str_opt_status = '';
var cmp_type = ary_cats[idx_cat]['cmp'];
if( cmp_type == 'range' ){
alert( 'The name is :' + ary_cats[idx_cat]['name'] + ':\n'
+ 'cmp is :' + ary_cats[idx_cat]['cmp'] + ':\n'
+ 'top is :' + ary_cats[idx_cat]['top'] + ':\n'
+ 'bot is :' + ary_cats[idx_cat]['bot'] + ':\n'
+ 'active is :' + ary_cats[idx_cat]['active'] + ':\n'
);
continue CAT;
}
for( idx_opt = 0;
idx_opt < ary_cats[idx_cat]['options'].length;
idx_opt++
){
str_opt_status
+= ' '
+ ary_cats[idx_cat]['options'][idx_opt]['name']
+ ':'
+ ary_cats[idx_cat]['options'][idx_opt]['status']
+ ':\n'
;
}
alert( 'The name is :' + ary_cats[idx_cat]['name'] + ':\n'
+ 'cmp is :' + ary_cats[idx_cat]['cmp'] + ':\n'
+ 'options and status are: \n'
+ str_opt_status
);
}
}
// END debugStatus
