0){
doQuery();
$('.shortlist').show();
}
else{
handleError('no_results');
}
}
//last item list constructor
function LastItem(cat){
this.category = cat;
}
//JSON request handler
function doQuery(){
//var _qString = 'priceRange='+$('#formSpend').attr('value');
//uncomment below to set upper and lower prices
/*
var _qString = 'partner_wl_path=/VENDA/nectar/cse/giftchooser/search&priceFrom='+$('#formSpend').attr('value').split('-')[0];
_qString += '&priceTo='+$('#formSpend').attr('value').split('-')[1];
_qString += '&priceRange='+$('#formSpend').attr('value');
*/
var priceFrom = $('#priceFrom').val();
if (priceFrom == '' || priceFrom.match(/[^0-9]/)){
priceFrom = 0;
}
var _qString = 'partner_wl_path=/VENDA/nectar/cse/giftchooser/search&priceFrom='+priceFrom+'&priceTo='+$('#priceTo').val();
_qString += '&priceRange='+priceFrom+'-'+$('#priceTo').val();
//build parameters for query string
for (var i = 0; i < categoryList.length; i++){
_qString+='&category='+escape(categoryList[i]);
}
_qString += '&imgWidth='+imgWidth+'&imgHeight='+imgHeight;
//this one is for testing only.
_qString += '&result=1&live=1';
//console.log(_qString);
//and then send the request off to the API
$.ajax({
type: "POST",
dataType:'json',
timeout: 30000,
url: apiPath,
data: _qString,
success: function(response){
try {
pageTracker._trackEvent('Collect Nectar', 'Gift Finder', 'M1 - Search results shown');
ntptAddPair('GFAge', $('#formAge').val() );
ntptAddPair('GFPersonality', $('#formInterest').val() );
ntptAddPair('GFHimHer', $('#formRecipient').val() );
ntptAddPair('GFBudget', priceFrom + '-' + $('#priceTo').val() );
ntptEventTag('ev=GF&pv=0');
} catch (e){
}
//first - parse JSON to array - parsing is automatic with JSON type in jQuery
productList = response;
//let''s display the results
if (productList.products.length > 0) {
// console.log(productList.products.length)
if (productList.products.length < 30 ) {
//add the last item (look elsewhere categories)
productList.products[productList.products.length] = new LastItem(topcategoryList.join('@@'));
}
else {
//add the last item (look elsewhere categories)
productList.products[productList.products.length-1] = new LastItem(topcategoryList.join('@@'));
}
//then get number of pages required for display
numPages = (productList.products.length - productList.products.length%3)/3 + 1;
//set a MAX number of pages (10)
if(numPages > maxPages){
numPages = maxPages;
}
//FINISH - remove loading animation and reset button
resultHolder.html('');
//$('#submitButton').removeClass();
//$('#submitButton').addClass('tryAgainButton');
$('#submitButton').css('cursor','pointer');
productCache = {}; // Empty product cache
page = 0;
showPage(page);
buildPagination();
buildCategoryLinks();
}
else {
//empty resultset
productList.products[productList.products.length] = new LastItem(topcategoryList.join('@@'));
handleError('no_results');
}
},
error:function(response){
//failed response - generic error:
//console.log(response);
handleError('app_down');
}
});
}
function handleError(errType){
resultHolder.html('');
//$('#submitButton').removeClass();
//$('#submitButton').addClass('tryAgainButton');
$('#submitButton').css('cursor','pointer');
switch (errType) {
case 'app_down': resultHolder.append("Sorry. We seem to be having some technical difficulties, please try again later.
"); break;
case 'no_results': resultHolder.append("Sorry. We couldn't find anything we thought you'd like. Please try another search.
"); break;
}
}
//builds and outputs html based on the current item number
function showPage(pageNum){
var pageNum = pageNum || page;
var _resultList = $('#resultList');
//resultHolder.append(_resultList);
//build resultset
for (var i = pageNum; i < pageNum + 3; i++) {
// Hide if no more products
if (i == productList.products.length-1) {
//this is the last item - categories are stored here not products
$('#pagNext').hide();
return false;
break;
}
/////////////////////////
// GENERATE PRODUCT HTML
/////////////////////////
//replace default image if necessary
var _imgPath = '';
if(productList.products[i].product.imageUrl == null){
_imgPath = '/contents/images/landing-pages/gift-detective/no_image.jpg';
}
else {
_imgPath = productList.products[i].product.imageUrl;
}
//save product incase user adds to shortlist
var sku = productList.products[i].product.sku;
var info = productList.products[i].product;
productCache[sku] = info;
//create a result element and build html content for it
var _result = $('');
var _productHtml = '
';
_productHtml += '' + productList.products[i].product.title + '
';
_productHtml += 'FROM £' + productList.products[i].product.priceFrom + ' Collect up to ' + productList.products[i].product.pointsMax + ' points
';
_productHtml += '' + productList.products[i].product.description.replace(/<[^>]+>/g, ' ') + '
';
//__productHtml += '';
_productHtml += '';
//_productHtml += 'Full details
';
_productHtml += 'Full details
';
_productHtml += '';
_result.html(_productHtml);
//$(_resultList).append(_result);
// Build 'add to shortlist' button - click handler always needs binding, even if product is already in shortlist (otherwise removing, then re-adding a product won't work)
var _shortListToggle = $('ADD TO SHORTLIST').click(
function(sku){
return function(){
// alert("adding: " + productSku);
userShortList.addProduct(sku);
userShortList.bindToggleElement(sku, _shortListToggle);
return false; // prevent default click action
};
}(sku)
);
productCache[sku].shortListToggle = _shortListToggle;
if (userShortList.hasProduct(sku)){
userShortList.bindToggleElement(sku, _shortListToggle);
}
// Build 'quickview' button
var _quickViewLink = $('QUICKVIEW').click(
function(productSku){
return function(){
//alert(productSku);
var detailsTable = $(this).parent().parent().next('table.product_details');
try {
ntptAddPair('productid', productSku);
ntptEventTag('ev=GFQuickView&pv=0');
} catch (e){
}
if (detailsTable.length == 0){
//call IS needed, as getProductsDetails is a function, so 'this' will get set to window
getProductDetails(productSku, this);
return false;
}
if (detailsTable.css('display') == 'none'){
detailsTable.show();
}
else {
detailsTable.hide();
}
return false; // prevent default click action
};
}(sku)
);
// Add 'quick view' and 'add to shortlist' buttons to result
_result.find('.quick-links').eq(0).append(_quickViewLink);
_result.find('.quick-links').eq(0).append(_shortListToggle);
// Insert result into list
_resultList.append(_result);
}
page += 3;
NECTAR.trunc($('p.description'), 7);
return false;
}
function buildCategoryLinks(){
// Category links
resultHolder.append('Looking for more gift ideas? Try these:
';
///////////////////////////////////////////////////////////////////////////////
if (_subCats[0] == "fashion accessories and luggage") {
_subCats[0] = "fashion and accessories and luggage";
}
else if (_subCats[0] == "computing") {
_subCats[0] = "computing and electronics";
}
else if (_subCats[1] == "womens fragrances") {
_subCats[1] = "women's fragrances";
}
else if (_subCats[1] == "mobile phones pay as you go") {
_subCats[1] = "Mobile Phones Pay-as-you-go";
}
else if (_subCats[1] == "gps") {
_subCats[0] = "computing and electronics";
_subCats[1] = "gps";
}
//just the first category
if (_subCats[0] == "DVDs" || _subCats[0] == "CDs" || _subCats[0] == "Music" || _subCats[0] == "Books and Magazines") {
// _link = _subCats[0].replace(/\s/g, '%252520');
_link = _subCats[0];
_subCats[1] = "";
_title = _subCats[0];
}
else {
// replace the space with the following escape sequence - %252520
_link = _subCats[0] + "|" + _subCats[1];
_title = _subCats[0] + " > " + _subCats[1];
}
if (_subCats[2] !== undefined){
_link += "|" + _subCats[2];
_title += " > " + _subCats[2];
}
//_categoryList.innerHTML += 'Try ' + _subCats[0] + " > " + _subCats[1] + '
'
_categoryList.append('' + _title + '');
}
}
function buildPagination(){
resultHolder.append('');
var _pagination = document.getElementById('resultsPanelPag');
/*
if(pageNum > 0){
_pagination.innerHTML += 'Prev ';
}
*/
var count = 0;
/*
for (i = 0; i < numPages; i++){
if (((pageNum/3)+1) == i+1) {
// we are displaying the current page
_pagination.innerHTML += ''+(i+1)+' ';
}
else if (count < productList.products.length) {
_pagination.innerHTML += ''+(i+1)+' ';
}
count = count+3;
}
*/
// if(pageNum < productList.products.length-(productList.products.length%3)-3 || (pageNum == 0 && numPages > 1)){
_pagination.innerHTML += 'More … ';
// }
}
function getProductDetails(product, clickedElement){
var _queryData = {
partner_wl_path : "/VENDA/nectar/cse/giftchooser/view/" + product + "/retailers?from=gc_quickview",
from : "gc_quickview"
};
$(clickedElement).parent().parent().append('Loading...
');
$.ajax({
type: "POST",
dataType:'json',
timeout: 30000,
url: apiPath,
data: _queryData,
success: function(response){
var retailers = response.retailers,
len = retailers.length,
detailsHtml = '| Retailer | Price | Points collected | |
|---|
';
for (i = 0; i < len; i++){
detailsHtml += '![' + retailers[i].image + '](' + retailers[i].imageUrl + ') | ';
detailsHtml += '£' + retailers[i].price + ' | ';
detailsHtml += '' + retailers[i].points + ' | ';
detailsHtml += 'Buy now |
';
}
detailsHtml += '
';
$('p.loading').remove();
$(clickedElement).parent().parent().after(detailsHtml);
},
error: function(response){
//failed response - generic error:
//console.log(response);
handleError('app_down');
}
});
}
/********************/
/* Shortlist */
/********************/
var shortList = function(){
var pub = {},
_items = {};
function save(){
var str = '';
for (key in _items){
if (_items.hasOwnProperty(key)){
str += key + '|';
}
}
document.cookie = 'shortlist=' + str;
}
pub.addProduct = function(itemSku){
// Do nothing if this product is already on the shortlist
if (typeof _items[itemSku] != 'undefined'){
return false;
}
// Check if we've cached this product info already. If not, go and get it.
if (typeof productCache[itemSku] === 'undefined'){
var _query = 'partner_wl_path=/VENDA/nectar/cse/giftchooser/view/' + itemSku;
$.ajax({
type: 'POST',
dataType:'json',
timeout: 30000,
url: apiPath,
data: _query,
success: function(response){
productCache[itemSku] = response;
pub.addProduct(itemSku);
}
});
return false;
}
// Add product to shortlist from cache
var chosenProduct = productCache[itemSku];
_items[itemSku] = chosenProduct;
var _listItem = $('' + chosenProduct.title + ' ');
var removeLink = $('(X)').click(
function(){
return function(s){
userShortList.removeProduct(s);
try {
ntptAddPair('productid', s );
ntptEventTag('ev=GFRemove&pv=0');
} catch (e){
}
return false;
}(itemSku);
}
);
_listItem.append(removeLink);
_items[itemSku].listItem = _listItem;
// if (toggleElement !== undefined){
// _items[itemSku].shortListToggle = $(toggleElement).text('(IN SHORTLIST)').addClass('in_shortlist');
//}
$('.shortlist ul').append(_listItem.hide().fadeIn());
try {
ntptAddPair('productid', itemSku );
ntptEventTag('ev=GFShortList&pv=0');
} catch (e){
}
save();
};
pub.bindToggleElement = function(itemSku, domElement){
if (_items[itemSku].shortListToggle === undefined){
_items[itemSku].shortListToggle = $(domElement);
}
_items[itemSku].shortListToggle.text('(IN SHORTLIST)').addClass('in_shortlist').removeClass('short-list');
};
pub.removeProduct = function(itemSku){
if (_items[itemSku].shortListToggle !== undefined){
_items[itemSku].shortListToggle.text('ADD TO SHORTLIST').addClass('short-list').removeClass('in_shortlist');
}
_items[itemSku].listItem.fadeOut('400', function(){
$(this).remove();
});
delete _items[itemSku];
save();
};
pub.hasProduct = function(itemSku){
if (typeof _items[itemSku] != 'undefined'){
return true;
} else {
return false;
}
};
pub.listProducts = function(){
return _items;
};
pub.countProducts = function() {
var _size = 0, key;
for (key in _items) {
if (_items.hasOwnProperty(key)) {
_size++;
}
}
return _size;
};
// Load in any saved items
var match = document.cookie.match(/shortlist=([^;]+)/);
if (match){
var savedItems = match[1].split("|");
for (var i = 0; i < savedItems.length; i++) {
pub.addProduct(savedItems[i]);
}
}
return pub;
};
');
//$('#submitButton').removeClass();
//$('#submitButton').addClass('waitButton');
$('#submitButton').css('cursor','arrow');
var _regexPers = new RegExp($('#formInterest').attr('value'));
var _regexAge = new RegExp('age'+$('#formAge').attr('value'));
var _regexRec = new RegExp('rec'+$('#formRecipient').attr('value'));
var i;
//console.log(_regexPers+'-'+_regexRec+'-'+_regexAge);
categoryList = [];
topcategoryList = [];
for(i=0; i