(function(app){
if (app) {
// add Product namespace to app namespace
app.Product = function(response) {
var firstLoad = true;
// product private data
// product json data
var model = response.data;
//quickview flag
var qview = response.qv;
// div cotainer id
var myContainerId = "";
// boolean flag to track the variants data request, reset in loadVariants() when the variants data is loaded
var isLoadingVar = false;
// clones for variation attributes drop down boxes
var selectClones = new Object();
// helper function to load variants data from the server
// once the data is retrieved, it fires VariationsLoaded event so that UI can be refreshed appropriately
var loadVariants = function(thisProduct) {
isLoadingVar = true;
// build the url and load variants data
app.ajax.getJson({
url : app.URLs.getVariants,
data : {"pid": thisProduct.pid, "format": "json"},
callback: function(data){
if (!data || !data.variations || !data.variations.variants) {
return;
}
model.variations.variants = data.variations.variants;
isLoadingVar = false; // we have loaded the variants
jQuery(thisProduct).trigger("VariationsLoaded", ["loadVariants"]);
}
});
}
// creates product recommendation carousel using jQuery jcarousel plugin
// uses app.tooltip to create tooltips for each product in the carousel
var loadRecommendations = function(containerId) {
if (jQuery(containerId+" .maywerecommend ul li").length > 0) {
jQuery(containerId+" .maywerecommend ul").jcarousel({
scroll: 1,
itemVisibleInCallback: app.captureCarouselRecommendations
});
// create tooltips event handler
app.tooltip({id: containerId+" .maywerecommend ul li", options: {
bodyHandler: function() {
return jQuery(this).children(".pdpTooltip").html();
}
}});
}
}
// helper function to bind product options drop downs event handlers
// Intializes the product.selectedOptions object with the currently selected options
// it also shows the computed/updated price
var getOptionsDiv = function(thisProduct) {
if (model.isOption && !model.master) {
var pdpOpt = jQuery(thisProduct.containerId+" .product_options:last select");
pdpOpt.change(function(e){
var vals = this.options[this.selectedIndex].value.split("%?%"); // 0 = value, 1 = price
thisProduct.selectedOptions[this.id] = vals[0];
thisProduct.selectedPrice[this.id] = vals[1];
thisProduct.showUpdatedPrice(computePrice(thisProduct), model.pricing.standard);
});
// let us get the currently selected value and intilize the ui
pdpOpt.each(function(i) {
var vals = this.options[this.selectedIndex].value.split("%?%"); // 0 = value, 1 = price
thisProduct.selectedOptions[this.id] = vals[0];
thisProduct.selectedPrice[this.id] = vals[1];
thisProduct.showUpdatedPrice(computePrice(thisProduct), model.pricing.standard);
});
}
}
// binds A2C button click handler
var getAddToCartBtn = function(thisProduct) {
var addToCartBtn = jQuery(thisProduct.containerId+" .addtocartbutton").click(function(e) {
var promoCoupons = jQuery('#couponPromos input:checked');
var navid = jQuery("input[name='navid']").val();
if(promoCoupons != null && promoCoupons.length > 0) {
for(var x = 0 ; x < promoCoupons.length ; x++) {
var promo = promoCoupons[x].value;
app.ajax.getJson({
url : app.URLs.addPromoCoupons,
data : {"couponCode": promo, "format": "json"},
callback: function(data){
if (!data || !data.status){return;}
var status = data.status;
if(status == 'OK') {
var id = "applycoupon_" + data.code;
jQuery('#' + id).attr("disabled","disabled");
jQuery("input[value=" + data.code + "]").attr("disabled", "disabled").attr("checked", "checked");
} else {
document.minicartCouponMessageHTML = "
" +
"
" +
data.message + "
";
}
}
});
}
}
if (model.master || model.variant) {
if (thisProduct.selectedVar == null) {
return false;
}
thisProduct.selectedOptions.pid = thisProduct.selectedVar.id;
thisProduct.selectedOptions.masterPid = thisProduct.pid;
}
else {
// check if we are adding a bundle/productset to the cart
if (model.bundle || model.productSet) {
var subProducts = thisProduct.subProducts;
var comma = ",";
var tempQty = "";
var subproduct = null;
thisProduct.selectedOptions.childPids = "";
if (model.productSet) {
thisProduct.selectedOptions.Quantity = "";
}
// process each individual products in the set/bundle
// and prepare product.selectedOptions for final submission
for (var i = 0; i < subProducts.length; i++) {
subproduct = subProducts[i];
if (i == subProducts.length - 1) {
comma = ""; // at the end of the list
}
// see if any of the sub products are variations, if so then get the selected variation id
// from selectedVar property and make it a comma separated list
if (subproduct.variant || subproduct.master) {
if (subproduct.selectedVar == null) {
return false;
}
thisProduct.selectedOptions.childPids += subproduct.selectedVar.id+comma;
}
else {
thisProduct.selectedOptions.childPids += subproduct.selectedOptions.pid+comma;
}
var tempPid = subproduct.selectedOptions.pid;
subproduct.selectedOptions.pid = null;
// merge selected options of sub product with the main product
thisProduct.selectedOptions = jQuery.extend({}, thisProduct.selectedOptions, subproduct.selectedOptions);
subproduct.selectedOptions.pid = tempPid;
// if it is a product set then sub products can have their separate qty
if (model.productSet) {
tempQty += subproduct.selectedOptions.Quantity+comma;
}
}
}
// if it is a product set then sub products can have their separate qty
// tempQty is a comma separated list of qty for each product in the set
if (model.productSet) {
//alert("Product Set: " + tempQty)
thisProduct.selectedOptions.Quantity = tempQty;
}
// make sure the pid which gets submitted is for the main product
thisProduct.selectedOptions.pid = thisProduct.pid;
}
thisProduct.selectedOptions.navid = navid;
if (model.bundle) {
thisProduct.selectedOptions.Quantity = 1; // hard coded qty=1 when we the product is a bundle
}
else if (!model.productSet) {
// grab the user entered qty
//thisProduct.selectedOptions.Quantity = jQuery(thisProduct.containerId+" .quantityinput:last").val();
thisProduct.selectedOptions.Quantity = jQuery(thisProduct.containerId+" .quantityinput").val();
}
// if it is not a productset then make sure qty is specified greater than 0
if (model.productSet || thisProduct.selectedOptions.Quantity > 0) {
// disable a2c button
addToCartBtn.attr("disabled", "true");
// close the quick view when user clicks A2C.
app.quickView.close();
//this is custom code to check if the add to cart button is clicked from cart page or PDP.(Kailex 2/9/10)
var pdpaddtocart = jQuery("input[name=pdpaddtocart]").val();
//alert(pdpaddtocart);
if (pdpaddtocart=="true") {
app.minicart.add( "", thisProduct.selectedOptions, function(){
addToCartBtn.removeAttr("disabled");
//check merchandise threshold
if(app.misc.showProcess == true ) {
if( siteInProgress.checkCookie() ) {
app.dialog.openSiteInProgress(siteInProgress.url);
}
}
} )
}
else {
// find if there is a handler bound to AddToCart event e.g. cart -> edit details or wishlist -> edit details etc.
// then fire it otherewise call app.minicart.add to add the selected product to the cart and show minicart
var event = jQuery.Event("AddToCart");
event.selectedOptions = thisProduct.selectedOptions;
(jQuery.event.global["AddToCart"] == undefined || jQuery.event.global["AddToCart"] == null) ?
app.minicart.add( "", thisProduct.selectedOptions, function(){
addToCartBtn.removeAttr("disabled");
if (document.minicartCouponMessageHTML && document.minicartCouponMessageHTML != null){
jQuery("tr.ordershipping").after(document.minicartCouponMessageHTML);
document.minicartCouponMessageHTML = null;
}
//check merchandise threshold
if(app.misc.showProcess == true ) {
if( siteInProgress.checkCookie() ) {
app.dialog.openSiteInProgress(siteInProgress.url);
}
}
} ) :
jQuery(document).trigger(event);
}
}
return false;
});
return addToCartBtn;
}
// bind qty box keyup handler
// the handler grabs the value and updates
// product.selectedOption.Quantity
// show the updated availabilty message in case the available qty is different than available etc.
// trigger AddtoCartEnabled event
var getQtyBox = function(thisProduct) {
//jQuery(thisProduct.containerId+" .quantityinput:last").keyup(function(e){
jQuery(thisProduct.containerId+" .quantityinput").keyup(function(e){
var val = jQuery(thisProduct.containerId+" .quantityinput").val();
if (!isNaN(val) && parseInt(val) > 0 && val.indexOf(".") == -1) {
thisProduct.selectedOptions.Quantity = parseInt(val);
setAvailabilityMsg(createAvMessage(thisProduct, val));
jQuery(thisProduct).trigger("AddtoCartEnabled");
this.oldValue = val;
} else if (val != "") {
this.value = this.oldValue || this.oldValue == "" ? this.oldValue : 1;
}
});
jQuery(thisProduct.containerId+" .quantityinput").blur(function(){
var qty = jQuery(thisProduct.containerId+" .quantityinput")[0];
if (qty.value == ""){
qty.value = qty.oldValue ? qty.oldValue : "1";
}
});
// grab the currenlty displayed value basically the intial displayed value
//thisProduct.selectedOptions.Quantity = jQuery(thisProduct.containerId+" .quantityinput:last").val();
thisProduct.selectedOptions.Quantity = jQuery(thisProduct.containerId+" .quantityinput").val();
// show proper availability message
setAvailabilityMsg(createAvMessage(thisProduct, thisProduct.selectedOptions.Quantity));
}
// create product tabs i.e. description, Attributes, Reviews etc.
// it depends on jQuery to create tab display.
// also bind tab print button click handler
var getTabs = function(containerId) {
var tabsDiv = jQuery(containerId+" #pdpTabsDiv");
tabsDiv.tabs();
// tab print handler
jQuery("a.printpage").click(function() {
window.print();
return false;
});
}
// bind addtowishlist, giftregistry, send to friend click handlers
// bind handlers to AddtoCartDisabled, AddtoCartEnabled events for disabling/enabling wishlist/gift registry links
var getMiscLinks = function(thisProduct) {
var disablelinks = function() {
if ((model.master || model.variant) && thisProduct.selectedVar == null) {
// disable wishlist/gift registry links for master products
jQuery(thisProduct.containerId+" .addtowishlist, "+thisProduct.containerId+" .addtoregistry").addClass("unselectable");
}
}
disablelinks(); // call it for initial display and then register it with AddtoCartDisabled event
jQuery(thisProduct).bind("AddtoCartDisabled", {}, disablelinks);
jQuery(thisProduct).bind("AddtoCartEnabled", {}, function(e, source){
// enable wishlist/gift registry links for variant products
jQuery(thisProduct.containerId+" .addtowishlist, "+thisProduct.containerId+" .addtoregistry").removeClass("unselectable");
});
// Add to wishlist, Add to gift registry click handler
jQuery(thisProduct.containerId+" .addtowishlist a, "+thisProduct.containerId+" .addtoregistry a").click(function(e) {
// append the currently selectied options to the url
// create a local copy of the selected options
var selectedOptions = jQuery.extend({}, {}, thisProduct.selectedOptions);
if (model.master || model.variant) {
if (thisProduct.selectedVar != null) {
selectedOptions.pid = thisProduct.selectedVar.id;
}
else {
return false; // do not allow master product to be added to gift registry/wishlist
}
}
else {
selectedOptions.pid = thisProduct.pid;
}
var tempUrl = this.href;
if (!(tempUrl.indexOf("?") > 0)) {
tempUrl = tempUrl + "?";
}
// serialize the name/value into url query string and append it to the url, make request
window.location = tempUrl + jQuery.param(selectedOptions);
return false;
} );
jQuery(thisProduct.containerId+" .sendtofriend").click(function(e) {
app.dialog.open(app.URLs.sendToFriend, app.resources.SEND_TO_FRIEND);
return false;
} );
}
// binds product reviews click handlers
// read review link opens reviews tab
var getRatingSection = function(containerId) {
jQuery(containerId+" #pdpReadReview").click(function(e) {
jQuery(containerId+" #pdpTabsDiv").tabs("select", "pdpReviewsTab");
} );
jQuery(containerId+" #pdpWriteReview").click(function(e) {
} );
}
// based on availability status, creates a message
// param val - the stock value to compare i.e. qty entered by user
var createAvMessage = function(thisProduct, val) {
var avStatus = thisProduct.getAvStatus(); // availability status
var avMessage = app.resources[avStatus];
var ats = thisProduct.getATS(); // get available to sell qty
if (avStatus === app.constants.AVAIL_STATUS_BACKORDER) {
avMessage = avMessage + " " + jQuery.format(app.resources["IN_STOCK_DATE"], (new Date(thisProduct.getInStockDate())).toDateString() );
}
else if (val > ats && avStatus !== app.constants.AVAIL_STATUS_NOT_AVAILABLE) {
// display quantity left message
avMessage = jQuery.format(app.resources["QTY_"+avStatus], ats);
}
return avMessage;
}
// helper function to set availability message
var setAvailabilityMsg = function(msg) {
jQuery(myContainerId+" .availability:last .value").html(msg);
}
/**
* Private. Computes price of a given product instance based on the selected options.
*
* @param thisProduct - the product instance
* @return price of the product to 2 decimal points.
*/
var computePrice = function(thisProduct) {
var price = thisProduct.selectedVar != null ? thisProduct.selectedVar.pricing.sale : model.pricing.sale;
// calculate price based on the selected options prices
jQuery.each(thisProduct.selectedPrice, function(){
price = (new Number(price) + new Number(this)).toFixed(2);
});
return price;
}
// bind click handlers for prev/next buttons on pdp from search
var getNavLinks = function() {
// bind events
jQuery(".productnavigation a").click(function(e) {
app.getProduct({url: this.href, source: "search"});
return false;
});
}
// size chart link click binding
var getSizeChart = function() {
jQuery(".attributecontentlink").click(function(e){
// add size chart dialog container div if its not added yet
// only added once
if (jQuery("#sizeChartDialog").length == 0) {
jQuery("").attr("id", "sizeChartDialog").appendTo(document.body);
}
app.createDialog({id: 'sizeChartDialog', options: {
height: 530,
width: 800,
title: app.resources["SIZECHART_TITLE"]
}});
jQuery('#sizeChartDialog').dialog('open');
// make the server call to load the size chart html
jQuery("#sizeChartDialog").load(this.href);
return false;
});
}
// Product instance
return {
pid : model.ID,
variant : model.variant,
master : model.master,
bundled : model.bundled,
selectedVarAttribs : {}, // object containing variation attributes values as name value e.g. {color: "blue", size: "3", width: ""}
selectedVar : null, // currently selected variant
selectedOptions : {}, // holds currently selected options object {optionName, selected val}
selectedPrice : {}, // holds prices for selected options as {warranty: ""}
containerId : null, // holds the html container id of this product
subProducts : [], // array to keep sub products instances
/**
* Enable Add to Cart Button.
*/
enableA2CButton: function() {
jQuery(this.containerId+" .addtocartbutton:last").removeAttr("disabled");
jQuery(this.containerId+" .addtocartbutton:last").removeClass("disabledaddtocartbutton");
var origSrc = jQuery(this.containerId+" .addtocartbutton:last").find("img").attr("src");
jQuery(this.containerId+" .addtocartbutton:last").find("img").attr("src", origSrc.replace(/btn_addcart_lg\S*.gif/, "btn_addcart_lg.gif"));
jQuery("#couponBS").show();
},
/**
* Disable Add to Cart Button.
*/
disableA2CButton: function() {
jQuery(this.containerId+" .addtocartbutton:last").attr("disabled", "true");
jQuery(this.containerId+" .addtocartbutton:last").addClass("disabledaddtocartbutton");
if (app.ProductCache.selectedVar && app.ProductCache.selectedVar.avStatus == app.constants.AVAIL_STATUS_NOT_AVAILABLE){
var origSrc = jQuery(this.containerId+" .addtocartbutton:last").find("img").attr("src");
jQuery(this.containerId+" .addtocartbutton:last").find("img").attr("src", origSrc.replace(/btn_addcart_lg\S*.gif/, "btn_addcart_lg_disabled.gif"));
jQuery("#couponBS").hide();
}
},
// determine if this product is part of a bundle/product set VIEW
isSubProduct : function() {
return (model.bundled || model.productSetProduct) && app.ProductCache.subProducts.length > 0;
},
// show the selected variation attribute value next to the attribute label e.g. Color: Beige
showSelectedVarAttrVal: function(varId, val) {
jQuery(this.containerId+" .variationattributes div:not(.clear)").each(function(){
var id = jQuery(this).data("data");
if (varId === id) {
jQuery(this).find('span.selectedvarval').html(val);
}
});
},
// selects review tab
readReviews: function() {
jQuery(this.containerId+" #pdpTabsDiv").tabs("select", "pdpReviewsTab");
},
// shows product images and thumbnails
// @param selectedVal - currently selected variation attr val
// @param vals - total available variation attr values
showImages: function(selectedVal, vals) {
var that = this;
vals = vals || {};
// show swatch related images for the current variation value
jQuery.each(vals, function(){
var imgCounter = -1;
var thisVal = this;
var zoomOptions = {
zoomWidth: 350,
zoomHeight: 350
};
if (this.val === selectedVal && this.images) {
if (this.images.small.length > 0) {
jQuery(that.containerId+" .productthumbnails:last").html("");
if (this.images != null && this.images.zoom != null && this.images.zoom.length > 0) {
jQuery(that.containerId+" .productimage").html("").append(jQuery("").attr("class", "zoomimage").attr("href", thisVal.images.zoom[0]).append(jQuery("").attr("src", thisVal.images.large[0]).attr("title", model.name)));
jQuery(".zoomimage").jqzoom(zoomOptions);
}
else {
jQuery(that.containerId+" .productimage").html("").append(jQuery("").attr("src", thisVal.images.large[0]).attr("title", model.name));
}
}
// make sure to show number of images based on the smallest of large or small as these have to have 1-1 correspondence.
var noOfImages = this.images.large.length >= this.images.small.length ? this.images.small.length : this.images.large.length;
// show thumbnails only if more than 1 or if this is a subproduct (bundled/subproduct)
if (this.images.small.length > 1 || that.isSubProduct()) {
jQuery.each(this.images.small, function(){
imgCounter++;
var imageInd = imgCounter;
if (imgCounter > noOfImages - 1) {
return;
}
jQuery(that.containerId+" .productthumbnails:last").append(jQuery("").attr("src", this).hover(function(e){
if (this.images != null && this.images.zoom != null && this.images.zoom.length > imageInd) {
jQuery(that.containerId+" .productimage").html("").append(jQuery("").attr("class", "zoomimage").attr("href", thisVal.images.zoom[imageInd]).append(jQuery("").attr("src", thisVal.images.large[imageInd]).attr("title", model.name)));
jQuery(".zoomimage").jqzoom(zoomOptions);
}
else {
jQuery(that.containerId+" .productimage").html("").append(jQuery("").attr("src", thisVal.images.large[imageInd]).attr("title", model.name));
}
}));
});
}
jQuery(".gzoombutton-plus").click(function(){
// coremetrics button tagging
cmCreatePageElementTag("Zoom In", "Image Zoom Tools");
});
jQuery(".gzoombutton-minus").click(function(){
// coremetrics button tagging
cmCreatePageElementTag("Zoom Out", "Image Zoom Tools");
});
jQuery(".gzoombutton-reset").click(function(){
// coremetrics button tagging
cmCreatePageElementTag("Reset", "Image Zoom Tools");
});
}
});
},
/**
* Event handler when a variation attribute is selected/deselected.
*/
varAttrSelected: function(e) {
// update the selected value node
this.showSelectedVarAttrVal(e.data.id, e.data.val || "");
this.selectedVarAttribs[e.data.id] = e.data.val;
// if this is a deselection and user landed on a variant page then reset its variant flag
// as now user has deselected an attribute thus making it essentially a master product view
if (e.data.val == null) {
this.variant = false;
}
// store this ref
var that = this;
// trigger update event which will update every other variation attribute i.e. enable/disable etc.
// first reset the contents of each attribute display
// when we have got the varriations data
if (!isLoadingVar) {
// find variants which match the current selection
var selectedVarAttrVariants = e.data.val != null ? this.findVariations({id: e.data.id, val: e.data.val}): null;
var selectedVarAttrs = jQuery.extend({}, {}, this.selectedVarAttribs);
var validVariants = null;
var unselectedVarAttrs = new Array();
// for each selected variation attribute find valid variants
for (var selectedVar in selectedVarAttrs) {
if (selectedVarAttrs[selectedVar]) {
validVariants = this.findVariations({id: selectedVar, val: selectedVarAttrs[selectedVar]}, validVariants);
if(validVariants.length == 1){
var curVariID = validVariants[validVariants.length-1].id;
/// GET VARIANT IMAGE - KAILEX 11/27
app.ajax.getJson({
url : app.URLs.getImage,
data : {"productid": curVariID, "format": "json", "quickview": qview},
callback: function(data){
if (!data || !data.product){return;}
var product = data.product;
jQuery('#sharewrapper').empty();
jQuery('#sharewrapper').append("");
if (!data || !data.product){return;}
var product = data.product;
htmlString = "";
jQuery('#viewerarea').append(htmlString);
if(qview == 'false') {
$("#viewerarea").gzoom({
sW: 409,
sH: 409,
lW: 1200,
lH: 1200,
freeSpace: 320,
step: 25,
lightbox: false
});
}
}
});
/*
if(validVariants.length == 1){
var curVariID = validVariants[validVariants.length-1].id;
/// GET COUPON BASED PROMOTIONS
app.ajax.getJson({
url : app.URLs.getCouponPromos,
data : {"varIDPromo": curVariID, "varPromoType": "COUPON", "format": "json"},
callback: function(data){
jQuery('#couponPromos').empty();
if (!data || !data.promotions){return;}
var promotions = data.promotions;
for(var x = 0 ; x < promotions.length - 1 ; x++){
htmlString = "" +
promotions[x].calloutMsg + " ";
jQuery('#couponPromos').append(htmlString);
}
}
});
/// GET NON-COUPON PROMOTIONS
app.ajax.getJson({
url : app.URLs.getCouponPromos,
data : {"varIDPromo": curVariID, "varPromoType": "PRODUCT", "format": "json"},
callback: function(data){
jQuery('#nonCouponPromos').empty();
if (!data || !data.promotions){return;}
var promotions = data.promotions;
for(var x = 0 ; x < promotions.length - 1 ; x++){
htmlString = "" +
promotions[x].calloutMsg + " ";
jQuery('#nonCouponPromos').append(htmlString);
}
}
});
}*/
}
}
else {
unselectedVarAttrs.push(selectedVar);
}
}
// update each variation attribute display
jQuery.each(model.variations.attributes, function () {
if ((this.id != e.data.id || e.data.val == null) && selectedVarAttrs[this.id] == null) {
that.varAttrDisplayHandler(this.id, validVariants);
}
else if (this.id != e.data.id && selectedVarAttrs[this.id] != null) {
that.varAttrDisplayHandler(this.id, selectedVarAttrVariants);
}
else {
// show swatch related images for the current value
that.showImages(e.data.val, this.vals);
}
});
// based on the currently selected variation attribute values, try to find a matching variant
this.selectedVar = this.findVariation(this.selectedVarAttribs);
}
// lets fire refresh view event to enable/disable variations attrs
jQuery(this).trigger("VariationsLoaded");
// set the variant product id
if (app.ProductCache.selectedVar){
jQuery("#prodSku").html(app.ProductCache.selectedVar.id);
jQuery("#prodSku")[0].style.visibility = "visible";
if (qview == "true"){
var href = jQuery(".lrnButton").attr("href");
jQuery(".lrnButton").attr("href", href.replace(/\d{12}/, app.ProductCache.selectedVar.id));
}
} else {
jQuery("#prodSku")[0].style.visibility = "hidden";
}
},
/**
* go thru all variations attr and disable which are not available
*/
resetVariations: function() {
if (isLoadingVar) {
return ; // we don't have the complete data yet
}
var that = this;
jQuery(this.containerId + " .variationattributes .swatches").each(function(){
var dataa = jQuery(this).data("data"); // data is id set via app.hiddenData api
jQuery(this).find(".swatchanchor").each(function(){
// find A variation with this val
if (that.isVariation({id:dataa, val:this.title})) {
// found at least 1 so keep it enabled
jQuery(this).parent().removeClass("unselectable");
}
else {
jQuery(this).parent().addClass("unselectable");
jQuery(this).parent().removeClass("selected");
}
});
});
},
/**
* given a variation attribute id and valid variants, it would adjust the ui i.e. enable/disable
* appropriate attribute values.
*
* @param attrId - String, id of the variation attribute
* @param validVariants - Array of json objects of valid variants for the given attribute id
* */
varAttrDisplayHandler: function (attrId, validVariants) {
var that = this; // preserve this instance
// loop thru all non-dropdown ui elements i.e. swatches e.g. color, width, length etc.
jQuery(this.containerId + " .variationattributes .swatches").each(function(){
var swatchId = jQuery(this).data("data"); // data is id set via app.hiddenData api
if (swatchId === attrId) {
jQuery(this).find(".swatchanchor").each(function(){
var parentLi= jQuery(this).parent();
// find A variation with this val
var filteredVariants = that.findVariations({id:attrId, val:this.title}, validVariants);
if (filteredVariants.length > 0) {
// found at least 1 so keep it enabled
parentLi.removeClass("unselectable");
}
else {
// no variant found with this value combination so disable it
parentLi.addClass("unselectable");
if (parentLi.hasClass("selected")) {
// remove the currently selected value if the value is not selectable
that.showSelectedVarAttrVal(attrId, "");
that.selectedVarAttribs[attrId] = null;
}
// remove current selection
parentLi.removeClass("selected");
}
});
}
});
jQuery("#count select").each(function(){
var vaId = jQuery(this).data("data").id; // data is id set via app.hiddenData api
var divs = jQuery(".variationattributes div");
var primaryAttr = divs[0].id;
if (!selectClones[vaId]){
selectClones[vaId] = jQuery(this).html();
} else if (attrId == "count"){
jQuery(this).html(selectClones[vaId]);
jQuery(this).val("");
jQuery("#select_count_msg").html("Please select count");
}
});
null; // for the IE6 weird bug. Please don't remove. This will just cause a very small delay.
// loop thru all the non-swatches(drop down) attributes
jQuery(this.containerId + " .variationattributes .variantdropdown select").each(function(){
var vaId = jQuery(this).data("data").id; // data is id set via app.hiddenData api
var selectelem = this;
var divs = jQuery(".variationattributes div");
var primaryAttr = divs[0].id;
if (vaId === attrId && vaId != primaryAttr) {
var len = this.options.length;
jQuery.each(this.options, function(){
if (len > 1 && this.index == 0) {
return; // very first option when the length is greater than 1 is 'Select ...' message so skip it
}
// find A variation with this val
var filteredVariants = that.findVariations({id:attrId, val:this.value}, validVariants);
if (filteredVariants.length > 0) {
// found at least 1 so keep it enabled
this.disabled = false;
if (jQuery.browser.msie && parseFloat(jQuery.browser.version) < 8) {
jQuery(this).removeClass("disabled").removeAttr("disabled");
this.style.color = "menutext";
}
}
else {
// no variant found with this value combination so disable it
this.disabled = true;
if (vaId == "count"){
jQuery(this).addClass("hiddenOpt");
return;
}
if (this.selected) {
// remove the currently selected value if the value is not selectable
that.showSelectedVarAttrVal(attrId, "");
that.selectedVarAttribs[attrId] = null;
}
// remove current selection
this.selected = false;
if (jQuery.browser.msie && parseFloat(jQuery.browser.version) < 8) {
jQuery(this).addClass("disabled").removeAttr("disabled");
this.style.color = "graytext";
}
}
});
jQuery("#count .hiddenOpt").each(function(){
jQuery(this).remove();
});
if (jQuery.browser.msie && parseFloat(jQuery.browser.version) < 8) {
var selected = this.options[this.selectedIndex];
var disabled = jQuery(selected).hasClass("disabled");
if (disabled) {
//alert("This option is disabled.\nSelect will be set to the first option.");
this.options.selectedIndex = 0;
}
}
}
});
},
/**
* refresh the UI i.e. availability, price, A2C button and variation attributes display
*/
refreshView: function() {
var thisProduct = this;
if (!isLoadingVar && this.selectedVar == null) {
// if we have loaded the variations data then lets if the user has already selected some values
// find a matching variation
this.selectedVar = this.findVariation(this.selectedVarAttribs);
}
if (!isLoadingVar && this.selectedVar != null) {
// update availability
if (model.bundled) {
setAvailabilityMsg(createAvMessage(thisProduct, 1));
}
else {
if (app.ProductCache.selectedVar.avStatus != "IN_STOCK"){
setAvailabilityMsg(createAvMessage(thisProduct, 1));
}
jQuery(".availability")[0].style.visibility = app.ProductCache.selectedVar.avStatus == "IN_STOCK" ? "hidden" : "visible";
}
// update price
this.showUpdatedPrice(computePrice(this), this.selectedVar.pricing.standard);
if (!(!this.selectedVar.inStock && this.selectedVar.avStatus === app.constants.AVAIL_STATUS_NOT_AVAILABLE) && (this.getPrice() > 0 || this.isPromoPrice())) {
// enable add to cart button
this.enableA2CButton();
jQuery(this).trigger("AddtoCartEnabled");
}
else {
this.disableA2CButton();
jQuery(this).trigger("AddtoCartDisabled");
}
}
else {
if (isLoadingVar) {
// update availability
setAvailabilityMsg(app.showProgress("productloader"));
}
else {
setAvailabilityMsg(app.resources["NON_SELECTED"]);
}
// disable add to cart button
this.disableA2CButton();
jQuery(this).trigger("AddtoCartDisabled");
}
var nonSelectedVars = [];
var validVariants = null;
for (var selectedVar in this.selectedVarAttribs) {
if (this.selectedVarAttribs[selectedVar]) {
validVariants = this.findVariations({id: selectedVar, val: this.selectedVarAttribs[selectedVar]}, validVariants);
}
}
// update selected var attr vals and refresh their display
jQuery.each(model.variations.attributes, function(){
thisProduct.showSelectedVarAttrVal(this.id, thisProduct.selectedVarAttribs[this.id]);
if (!thisProduct.selectedVarAttribs[this.id] || thisProduct.selectedVarAttribs[this.id] == "" ) {
nonSelectedVars.push(this.name);
thisProduct.varAttrDisplayHandler(this.id, validVariants);
}
});
// process non-selected vals and show updated tooltip for A2C button as a reminder
// and show it along availability
var tooltipStr = '';
var nsLen = nonSelectedVars.length;
if (nsLen == 1 || nsLen == 2) {
tooltipStr = nonSelectedVars.join(" & ");
}
else {
for (var i=0; i < nsLen; i++) {
if (i == nsLen - 2) {
tooltipStr += nonSelectedVars[i] + " & " + nonSelectedVars[i+1];
break;
}
else {
tooltipStr += nonSelectedVars[i] + ", ";
}
}
}
if (nonSelectedVars.length > 0) {
var availMsg = jQuery.format(app.resources["MISSING_VAL"], tooltipStr);
setAvailabilityMsg(availMsg);
jQuery(thisProduct.containerId+" .addtocartbutton:last").attr("title", availMsg);
}
},
/**
* renders pricing div given a sale price and optional standard price
* To format the price display, it goes to server via an ajax call.
*
* @param sale - sale price
* @param standard - standard price
*/
showUpdatedPrice: function(sale, standard) {
var standardPrice = Number(standard || 0);
var salePrice = Number(sale || 0);
var priceHtml = "";
var formattedPrices = {"salePrice": salePrice, "standardPrice": standardPrice};
var priceCss = "";
// send server request to format the money baed on site settings using Money api
app.ajax.getJson({
url : app.URLs.formatMoney,
cache : true,
async : false,
data : {"salePrice": salePrice, "standardPrice": standardPrice},
callback: function(data){
formattedPrices = data;
}
});
// in case it is a promotional price then we do not care if it is 0
//priceHtml = (salePrice > 0 || this.isPromoPrice()) ? '
' + formattedPrices.salePrice + '
' : '
N/A
';
if (this.isPromoPrice()) {
// show both prices
priceHtml = '
';
jQuery(this.containerId+" .productinfo .price:first").html(priceHtml);
// containerId contains #, get rid of it before finding the right price div
jQuery(this.containerId+" #pdpATCDiv"+this.containerId.substring(1)+" .price:first").html(priceHtml);
},
/**
* returns a computed price for this product
*/
getPrice: function() {
return computePrice(this);
},
/**
* Determines if the selected product has promotional price.
* *
* @return boolean true if promotional price is present otherwise false
*/
isPromoPrice: function() {
return (this.selectedVar != null ? this.selectedVar.pricing.isPromoPrice : model.pricing.isPromoPrice);
},
/**
* receives 2 or 1 variation attribute values and tries to figure out if there is a variant with these values.
*
* @param val1 - variation attribute value
* @param val2 - variation attribute value
* @return boolean - true if a variant exists otherwise false
*/
isVariation: function(val1, val2) {
var variant = null;
for (var i=0; i 0){
thisProduct.selectedVarAttribs[pdpVarId] = thisSwatch.find(".selected a").attr("title");
}
// click handler for swatches links
var varEventHandler = function(e){
var thisObj = jQuery(this);
e.data = {id: pdpVarId, val: this.title};
if (thisObj.parent().hasClass("unselectable")) {
return false;
}
else if (thisObj.parent().hasClass("selected")) {
// deselection
e.data = {id: pdpVarId, val: null};
thisObj.parent().removeClass("selected");
// clear the current selection
thisProduct.resetVariations();
thisProduct.varAttrSelected(e);
}
else {
// selection
e.data = {id: pdpVarId, val: this.title };
// remove the current selection
thisSwatch.find(".selected").removeClass("selected");
thisObj.parent().addClass("selected");
thisProduct.varAttrSelected(e);
}
jQuery(".productaltimage").hide();
jQuery(".productaltimage").removeClass("selectedproductaltimage");
if (app.ProductCache.selectedVar){
jQuery(".productaltimage_" + app.ProductCache.selectedVar.id).show();
jQuery(".productaltimage_" + app.ProductCache.selectedVar.id + ":first").addClass("selectedproductaltimage");
}
return false;
}
// all swtach anchors
var varJqryObjs = thisSwatch.find(".swatchanchor");
// if its a color attr then render its swatches and images
if (pdpVarId === "color") {
var colorAttrDef = thisProduct.getAttrByID('color');
varJqryObjs.each(function(){
var current = this.title;
var elem = this;
app.ajax.getJson({
url : app.URLs.getVariants,
data : {"pid": thisProduct.pid, "format": "json"},
callback: function(data){
if (!data || !data.variations || !data.variations.variants) {
return;
}
for (var x=0; x 250){
if (jQuery.browser.msie && parseFloat(jQuery.browser.version) < 7) {
jQuery("#currentColor .selectedvarval").html(jQuery("#currentColor .selectedvarval").html().substr(0, 28) + "...");
} else {
jQuery("#currentColor .selectedvarval").html(jQuery("#currentColor .selectedvarval").html().substr(0, 32) + "...");
}
}
}
// swatches click, hover and mouseleave event handlers
varJqryObjs.data("data", {id: pdpVarId}).click(varEventHandler)
.hover(function(e){
thisProduct.showSelectedVarAttrVal("color", this.title);
thisProduct.showImages(this.title, colorAttrDef.vals)
fixCurrentColor();
}).mouseleave(function(e) {
if (thisProduct.selectedVarAttribs["color"]) {
thisProduct.showImages(thisProduct.selectedVarAttribs["color"], colorAttrDef.vals)
}
else {
thisProduct.showImages("", [{val: "", images: model.images}]);
}
thisProduct.showSelectedVarAttrVal("color", thisProduct.selectedVarAttribs["color"] || "");
fixCurrentColor();
}).click(function(){
fixCurrentColor();
});
}
else {
// not a color swatch, we only have click handler for this type of variation attribute e.g. width, length etc.
varJqryObjs.data("data", {id: pdpVarId}).click(varEventHandler);
}
});
// loop thru all the non-swatches attributes and bind events etc.
jQuery(thisProduct.containerId + " .variationattributes .variantdropdown select").each(function(){
var ele = jQuery(this);
var data = ele.data("data"); // data is id
if (ele[0].selectedIndex >= 0 && ele[0].options[ele[0].selectedIndex].value != "") {
// grab the currently selected val
thisProduct.selectedVarAttribs[data] = ele[0].options[ele[0].selectedIndex].value;
}
// default ui i.e. drop down
ele.data("data", {id: data, val: ''}).change(function(e){
if (jQuery.browser.msie && parseFloat(jQuery.browser.version) < 8) {
var selected = this.options[this.selectedIndex];
var disabled = jQuery(selected).hasClass("disabled");
if (disabled) {
//alert("This option is disabled.\nSelect will be set to the first option.");
this.options.selectedIndex = 0;
}
}
firstLoad = false;
if (this.selectedIndex == 0 && this.options.length == 1) { return; }
e.data = jQuery(this).data("data");
// this.selectedIndex == 0, it is deselection
e.data.val = (this.selectedIndex == 0) ? null: this.options[this.selectedIndex].value;
jQuery("#select_" + e.data.id + "_msg").html(" ");
if (this.selectedIndex == 0) {
// deselection
// clear the current selection
thisProduct.resetVariations();
jQuery("#select_" + e.data.id + "_msg").html("Please select " + e.data.id);
}
thisProduct.varAttrSelected(e);
});
});
if (thisProduct.selectedVarAttribs["color"]) {
// show swatch related images for the current value
thisProduct.showImages(thisProduct.selectedVarAttribs["color"], thisProduct.getAttrByID('color').vals);
}
else {
// show images and bind hover event handlers for small/thumbnails to toggle large image
thisProduct.showImages("", [{val: "", images: model.images}]);
}
}
else {
// show images and bind hover event handlers for small/thumbnails to toggle large image
thisProduct.showImages("", [{val: "", images: model.images}]);
}
// bind product options event(s)
getOptionsDiv(this);
if(!model.productSet) {
// quantity box
if (!model.bundle) {
getQtyBox(this);
}// update avaiability for a bundle product, for everything else its done inside getQtyBox
else if (model.bundle) {
setAvailabilityMsg(createAvMessage(this, 1));
}
}
// Add to cart button click binding
getAddToCartBtn(this);
// intial display of A2C button
// if the price is 0 or not available, its disabled
// if not in stock, its disabled
// isPromoPrice would be true in case if a product has a promotional price which could make product's price 0
if (!(this.getPrice() > 0 || this.isPromoPrice()) ||
model.master || model.variant || model.productSet || model.bundle ||
(!model.inStock && model.avStatus === app.constants.AVAIL_STATUS_NOT_AVAILABLE && !model.productSet)) {
this.disableA2CButton();
}
// if the bundled products are standard products then determine disability of the a2c button by checking each product's availability
if (model.bundle) {
var bundleA2CEnabled = false;
for (var i = 0; i < thisProduct.subProducts.length; i++) {
var subProduct = thisProduct.subProducts[i];
bundleA2CEnabled = subProduct.isA2CEnabled();
if (!bundleA2CEnabled) {
break;
}
}
// if any of the bundled product has its A2C button disabled then the bundle is not orderable
if (!bundleA2CEnabled) {
this.disableA2CButton();
}
else {
this.enableA2CButton();
}
}
// customer rating section only displayed for the main product
if (!model.productSetProduct && !model.bundled) {
if (!model.productSet && !isQuickView && !model.bundle) {
getRatingSection(this.containerId);
}
}
// wish list, sent to friend, add to gift
getMiscLinks(this);
// recommendations carosel
loadRecommendations(this.containerId);
// product tabs
getTabs(this.containerId);
// see if have any sub-products and bind AddtoCartEnabled event
jQuery.each(thisProduct.subProducts, function(){
jQuery(this).bind("AddtoCartEnabled", {},
/**
* Event handler when a subproduct of a product set or a bundle is selected.
* Basically enable the add to cart button or do other screen refresh if needed like price etc.
*/
function() {
// enable Add to cart button if all the sub products have been selected
// and show the updated price
var enableAddToCart = true;
var subProducts = thisProduct.subProducts;
var price = new Number();
for (var i = 0; i < subProducts.length; i++) {
if (((subProducts[i].variant || subProducts[i].master) && subProducts[i].selectedVar == null) ||
(!subProducts[i].bundled && (subProducts[i].selectedOptions["Quantity"] == undefined ||
subProducts[i].selectedOptions["Quantity"] <= 0))) {
enableAddToCart = false;
break
}
else {
if (subProducts[i].selectedVar != null) {
subProducts[i].selectedOptions.pid = subProducts[i].selectedVar.pid;
}
else {
subProducts[i].selectedOptions.pid = subProducts[i].pid;
}
price = price + new Number(subProducts[i].getPrice());
}
}
if (enableAddToCart && (model.productSet || model.inStock) && (price > 0 || thisProduct.isPromoPrice())) {
thisProduct.enableA2CButton();
// show total price except for a bundle
if (!model.bundle) {
thisProduct.showUpdatedPrice(price);
}
}
else {
thisProduct.disableA2CButton();
}
}
);
});
},
toString: function() {
return this.model;
}
}
} // Product defintion end
}
else {
// dw namespace has not been defined yet i.e. app object is unavailable
alert("app is undefined!");
}
})(app);