(function(app){
	if (app) {
		// store index and amount of selected PDP Image
		var selectedImageIndex = 0;
		var selectedImageMax = 0;
		
		// add Product namespace to app namespace
		app.Product = function(response) {
			// product private data

			// product json data
			var model 			= response.data;
			
			var currentSelectedProductOptionColor;
			var currentSelectedProductOptionSize;

			// 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;

			// 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				
				// include monogramming info only when monogramming was applied
				app.ajax.getJson({
					url		: app.URLs.getVariants,
					data	: {"pid": thisProduct.pid, "format": "json", "includeMonoData": monoSelection["hasMonogramming"]},
					callback: function(data){

						if (!data || !data.variations || !data.variations.variants) {
							return;
						}
						model.variations.variants = data.variations.variants;
						model.variations.featuretypes = data.variations.featuretypes;
						isLoadingVar = false; // we have loaded the variants
						jQuery(thisProduct).trigger("VariationsLoaded");
					}
				});
			}
			
			// helper function to reload availability data.
			// by default, availability data is based on a quantity of 1.
			// if a customer changes the quantity, use this method 
			// to reload the availability based on the new quantity.
			var reloadAvailability = function(thisProduct, quantity) {
				
				var id = (thisProduct.master ? thisProduct.selectedVar.id : thisProduct.pid);
				
				app.ajax.getJson({
					url		: app.URLs.getAvailability,
					data	: {"pid": id, "Quantity": quantity, "format": "json"},
					callback: function(data){

						if (!data || !data.avLevels) {
							return;
						}

						// update the data in the variant
						if (thisProduct.master && thisProduct.selectedVar) {
							thisProduct.selectedVar.avLevels = data.avLevels;
							thisProduct.selectedVar.avStatusQuantity = data.avStatusQuantity;
						} else {
							model.avLevels = data.avLevels;
							model.avStatusQuantity = data.avStatusQuantity;
						}
						jQuery(thisProduct).trigger("ReloadAvailability");
					}
				});

			}
			
			var empty = function(obj) {
				if( obj==null || obj==undefined || obj=="" ) { return true; }
				return false;
			};
			
			var adjustPricingCurrenySymbol = function(price) {
				
				var priceString = "";
				
				if (!empty(price))
				{
					//price+=app.resources["currencyCode"];
					var override = app.resources["override"];
					var postFix = app.resources["postFix"];
					var postFixZeroDecimal = app.resources["postFixZeroDecimal"];
					var decimalDelimiter = app.resources["decimalDelimiter"];
					var curencySymbol = app.resources["currencySymbol"];
					
					if(!empty(override) && override && !empty(postFix)){
						if(!empty(postFixZeroDecimal) && (Math.floor((Math.abs(price) % 1) * 100)) > 0){
						   priceString =  price+postFixZeroDecimal.replace("~"," ","g");
						}else{
						   priceString = price+postFix.replace("~"," ","g");
						}
						if(!empty(decimalDelimiter)){
							priceString = priceString.replace(".",",","g");
						}
						priceString = jQuery.trim(priceString);
					    priceStringSub = priceString.substring(priceString.indexOf(decimalDelimiter)+1);
					    if(priceStringSub != priceString && priceStringSub != "-" && priceStringSub.length != 2){
					    	priceString += "0";
					    }
					}
				}
				
				if(!empty(priceString))
					priceString += " " + curencySymbol;
				
				return !empty(priceString)?priceString:price;
			}
			
			// returns the aggregate available to sell value 
			// from all variants
			var getATS = function(variants) { 
				
				var atsCount = 0;
				for (var i=0; i<variants.length; i++) {
					variant = variants[i];
					if (variant.ATS > 0) {
						atsCount = atsCount + variant.ATS;
					}
				}
				return atsCount;
			}


			// 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.carousel li").length > 0) {
					jQuery(containerId+" .maywerecommend ul.carousel").jcarousel({
						scroll: 1,
						itemVisibleInCallback: app.captureCarouselRecommendations
					});
					// create tooltips event handler
					app.tooltip({id: containerId+" .maywerecommend ul.carousel li", options: {
							bodyHandler: function() {
								return jQuery(this).children(".pdpTooltip").html();
							}
					}});
				}
				if (jQuery(containerId+" .youmightalsolike ul.carousel li").length > 0) {
					jQuery(containerId+" .youmightalsolike ul.carousel").jcarousel({
						scroll: 1,
						itemVisibleInCallback: app.captureCarouselRecommendations
					});
					// create tooltips event handler
					app.tooltip({id: containerId+" .youmightalsolike ul.carousel li", options: {
							bodyHandler: function() {
								return jQuery(this).children(".pdpTooltip").html();
							}
					}});
				}
				if (jQuery(containerId+" .completethelook ul.carousel li").length > 0) {
					jQuery(containerId+" .completethelook ul.carousel").jcarousel({
						scroll: 1,
						itemVisibleInCallback: app.captureCarouselRecommendations
					});
					// create tooltips event handler
					app.tooltip({id: containerId+" .completethelook ul.carousel li", options: {
							bodyHandler: function() {
								return jQuery(this).children(".pdpTooltip").html();
							}
					}});
				}
				if (jQuery(containerId+" .othercustomersbought ul.carousel li").length > 0) {
					jQuery(containerId+" .othercustomersbought ul.carousel").jcarousel({
						scroll: 1,
						itemVisibleInCallback: app.captureCarouselRecommendations
					});
					// create tooltips event handler
					app.tooltip({id: containerId+" .othercustomersbought ul.carousel 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) {

					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:last").click(function(e) {
					if (model.master || model.variant) {
						if (thisProduct.selectedVar == null) {
							return false;
						}
						
						// it is necessary to update the option id to be variant-specific
						jQuery(thisProduct.containerId+" .product_options:last select").each(function(){
							 var value = thisProduct.selectedOptions[this.id];
							 var newId = this.id.replace(thisProduct.pid, thisProduct.selectedVar.id);
							 thisProduct.selectedOptions[newId] = value; 
							 delete thisProduct.selectedOptions[this.id];
							});
													
						thisProduct.selectedOptions.pid = thisProduct.selectedVar.id;
						thisProduct.selectedOptions.masterPid = thisProduct.pid;
						// add the configuration options
						jQuery(thisProduct.containerId + " .variationattributes .configuration select").each(function(){
							// ignore hidden configuration options
							if (jQuery(this).parent().css("display") == "none") {
								thisProduct.selectedOptions[jQuery(this).data("data").id] = "";
							}
							else {
								thisProduct.selectedOptions[jQuery(this).data("data").id] = jQuery(this).children("option:selected").val();
							}
						});
						
						
					}
					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.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) {
							thisProduct.selectedOptions.Quantity = tempQty;
						}
						
						// make sure the pid which gets submitted is for the main product
						thisProduct.selectedOptions.pid = thisProduct.pid;
					}

					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();
					}
					
					// 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();
						
						// 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")} ) : 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").change(function(e){
					var val = null;
					try {
						val = parseInt(jQuery(thisProduct.containerId+" .quantityinput:last").val());
					} catch(e){val = null};

					if (val) {
						thisProduct.selectedOptions.Quantity = val;
						
						// if the product has variations check for non selected ones and display missing value
						if (model.variations != undefined) {
							var nonSelectedVars = [];

							// get the non-selected variations
							jQuery.each(model.variations.attributes, function(){
								if (!thisProduct.selectedVarAttribs[this.id] || thisProduct.selectedVarAttribs[this.id] == "" ) {
									nonSelectedVars.push(this.name);
								}
							});
							
							// get non selected configurations
							var nonSelectedConfs = [];
							jQuery(thisProduct.containerId + " .variationattributes .configuration select").each(function(){
								// ignore hidden configuration options
								if (jQuery(this).parent().css("display") == "none") {
									return true;
								}
								if (jQuery(this).children("option:selected").val() == "select") {
									nonSelectedConfs.push(jQuery(this).attr("title"));
								}
							});
							
							// process non-selected vals and show updated tooltip for A2C button as a reminder
							// and show it along availability 
							var tooltipStr = getNonSelectedTooltip(nonSelectedVars);
							if (tooltipStr == "") {
								tooltipStr = getNonSelectedTooltip(nonSelectedConfs);
							}
							
							if (nonSelectedVars.length > 0 || nonSelectedConfs.length > 0) {
								
								// make sure there is something to sell
								var atsCount = getATS(model.variations.variants);
								if (atsCount == 0) {
									return;
								}
								
								var missingMsg = jQuery.format(app.resources["MISSING_VAL"], app.resources[tooltipStr]);
								var missingMsg2 = jQuery.format(app.resources["MISSING_VAL_PLEASE"], tooltipStr);
								setAvailabilityMsg(missingMsg);
								setAvailabilityMsg2(missingMsg2);
								return;
							}
						}
						
						// If the quantity value is different than
						// when we loaded the availability data, then
						// refresh availability data for this variant 
						
						if (val != thisProduct.getAvailabilityQty()) {
							reloadAvailability(thisProduct, val);
						} else {
							setAvailabilityMsg(createAvMessage(thisProduct, val));
						}
						jQuery(thisProduct).trigger("AddtoCartEnabled");
					}
				});
				
				// grab the currently displayed value basically the initial displayed value
				thisProduct.selectedOptions.Quantity = jQuery(thisProduct.containerId+" .quantityinput:last").val();
				
				if (!isLoadingVar) {
					// 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");
				});

				// listen for availability reload events
				jQuery(thisProduct).bind("ReloadAvailability", {}, function(e) {
					// update the availability message	
					var variant = e.target.selectedVar;
					setAvailabilityMsg(createAvMessage(e.target, (variant == null ? model.avStatusQuantity : variant.avStatusQuantity)));
					jQuery(e.target).trigger("AddtoCartEnabled");
					
				});

				
				// 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) {					
					 // create a local copy of the selected options
                    var selectedOptions = jQuery.extend({}, {}, thisProduct.selectedOptions);
                    
                    if ((model.master || model.variant) && thisProduct.selectedVar != null) {
                                selectedOptions.pid = thisProduct.selectedVar.id;
                    }
                    else {
                          selectedOptions.pid = thisProduct.pid;
                    }
                    var tempURL = app.URLs.sendToFriend + "?" + jQuery.param(selectedOptions);
                    app.dialog.open(tempURL, app.resources.SEND_TO_FRIEND);
                    return false;
				} );
				
				jQuery(thisProduct.containerId+" .shippinginfo").click(function(e) {
					if (app.URLs.shippingInfo != undefined)
					{					
                    	app.dialog.open(app.URLs.shippingInfo, app.resources.SHIPPING_INFO_TITLE);
                    }
                    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
				var avLevels	= thisProduct.getAvLevels();
				
				// get ats levels per-status
				var inStockLevel = avLevels[app.constants.AVAIL_STATUS_IN_STOCK];
				var backOrderLevel = avLevels[app.constants.AVAIL_STATUS_BACKORDER];
				var preOrderLevel = avLevels[app.constants.AVAIL_STATUS_PREORDER];
				var notAvailLevel = avLevels[app.constants.AVAIL_STATUS_NOT_AVAILABLE];
				
				if (avStatus === app.constants.AVAIL_STATUS_BACKORDER ||
						avStatus === app.constants.AVAIL_STATUS_PREORDER) {
					if (val > ats && ats > 0)
					{
						if( avMessage.length>0 ) avMessage += "<br/>";
						avMessage += jQuery.format(app.resources["QTY_"+avStatus], ats);
					}
					// display backorder/preorder availability
					if( avMessage.length>0 ) avMessage += "<br/>";
					avMessage += getInStockDateMsg(thisProduct);
				}
				else if (val > inStockLevel && avStatus !== app.constants.AVAIL_STATUS_NOT_AVAILABLE) {
					
					avMessage = "";
					if (inStockLevel > 0) {
						if( avMessage.length>0 ) avMessage += "<br/>";
						avMessage += jQuery.format(app.resources["QTY_"+app.constants.AVAIL_STATUS_IN_STOCK], inStockLevel);
					}
					if (backOrderLevel > 0) {
						if( avMessage.length>0 ) avMessage += "<br/>";
						avMessage += jQuery.format(app.resources["QTY_"+app.constants.AVAIL_STATUS_BACKORDER], backOrderLevel);
						// uncomment the following line to display availability message with back order information
						// avMessage = avMessage + getInStockDateMsg(thisProduct);
					}
					if (preOrderLevel > 0) {
						if( avMessage.length>0 ) avMessage += "<br/>";
						avMessage += jQuery.format(app.resources["QTY_"+app.constants.AVAIL_STATUS_PREORDER], preOrderLevel);
						// uncomment the following line to display availability message with back order information
						// avMessage = avMessage + getInStockDateMsg(thisProduct);
					} 
				}
				return avMessage;
			}
			
			// helper function that returns the in-stock date
			var getInStockDateMsg = function(product) {
				var msg = "";
				if (product.getInStockDate() && product.getInStockDate() != "null") {
					msg = jQuery.format(app.resources["IN_STOCK_DATE"], product.getInStockDateString() );
				}
				return msg;
			}

			// helper function to set availability message
			var setAvailabilityMsg = function(msg) {
				jQuery(myContainerId+" .availability:last .value").html(msg);
				
			}
			// helper function to set availability message with add to cart button 
			var setAvailabilityMsg2 = function(msg) {
				jQuery(".le-tooltip .le-tooltip-content").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() {
				
				// NOTE:  WE COMMENT THIS OUT BECAUSE POWER REVIEWS RENDERING LIBRARY DOES NOT
				// WORK IN SOME BROWSERS WHEN A PRODUCT DETAIL PAGE IS PARTIALLY RELOADED USING AJAX.  
				// IF WE DO NOT BIND EVENTS, THEN THE PREV/NEXT ANCHORS JUST WORK AS STANDARD 
				// HYPERLINKS AND POWERREVIEWS WORKS FINE.	
				
				// 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.sizechart").click(function(e){
					// add size chart dialog container div if its not added yet
					// only added once
					if (jQuery("#sizeChartDialog").length == 0) {
						jQuery("<div/>").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;
				});
			}	
			
			// size chart link click binding
			var getHemmingInfomation = function() {
				jQuery(".attributecontentlink.hemminginformation").click(function(e){
					// add size chart dialog container div if its not added yet
					// only added once
					if (jQuery("#hemmingInformationDialog").length == 0) {
						jQuery("<div/>").attr("id", "hemmingInformationDialog").appendTo(document.body);
					}
					
					app.createDialog({id: 'hemmingInformationDialog', options: {
				    	height: 530,
				    	width: 800,
				    	title: app.resources["HEMMINGINFORMATION_TITLE"]
					}});
					
					jQuery('#hemmingInformationDialog').dialog('open');
					
					// make the server call to load the size chart html
					jQuery("#hemmingInformationDialog").load(this.href);
					
					return false;
				});
			}	
			
			// build the tooltip string for non selected variations
			var getNonSelectedTooltip = function(nonSelectedVars) {
				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] + ", ";
						} 
					}
				}		
		
				return tooltipStr;
			}
			
						
			// Product instance
			return {
				pid					: model.ID,
				variant				: model.variant,
				master				: model.master,
				bundled				: model.bundled,
				selectedVarAttribs	: model.variantattributes, // 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
				defaultColor		: model.defaultColor, // array to keep sub products instances
				
				/**
				 * Enable Add to Cart Button.
				 */
				enableA2CButton: function() {
					jQuery(this.containerId+" .addtocartbutton:last").removeAttr("disabled");
					jQuery(".addtocartbuttonoverlay").hide();

					jQuery(document).trigger("A2CButtonEnabled", this.selectedVar);
				},
				
				/**
				 * Disable Add to Cart Button.
				 */
				disableA2CButton: function() {
					jQuery(this.containerId+" .addtocartbutton:last").attr("disabled", "disabled");
					// Enable hover detection now:
					jQuery(".addtocartbuttonoverlay").show();

					jQuery(document).trigger("A2CButtonDisabled", this.selectedVar);
				},
				
				// 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");
						//jQuery('body').prepend('' + varId +' ' + val + '<br/>');
						if (varId == "variationColor") {
							window.isColorSelected = true;
							if (!val || val == "") {
						     window.isColorSelected = false;
						   }
						}
						if (varId == "variationSize") {							
							window.isSizeSelected = true;
							if (!val || val == "") {
						     window.isSizeSelected = false;						     
						   }
						}
						
						
						
						if (varId === id) {
							/* show display value */
							if (val != "") {
								var valElem = jQuery("#"+varId+"-"+val);
								if (valElem.text() === val) {
									var val1 = valElem.prev().text();
									if (val1 != "") {
										val = val1;
									}
								}
							}

							jQuery(this).find('span.selectedvarval').html(val);
						}
					});
				},
				
				// marks the selected variation attribute value as selected
				markSelectedVarAttrVal: function(varId, val) {
					jQuery(this.containerId+" .variationattributes div:not(.clear)").each(function(){
						var id = jQuery(this).data("data");
						
						if (varId === id) {
							jQuery(this).find("div.swatchanchor").each(function(){
								if (val == jQuery(this).find("span.value").text()) {
									jQuery(this).parent().addClass("selected");
								}
							});
						}
					});
				},
				
				// 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;
						if (this.val === selectedVal && this.images) {
							var selectedElem = jQuery(".selected");
							var viewtypeNum = jQuery(that.containerId + " .variationattributes .firstlevel .emptyswatch").index(selectedElem);
							if (viewtypeNum == -1) {
								viewtypeNum = 0;
							}
							viewtypeNum++;
							if (this.images["tab_s_"+viewtypeNum]) {
								if (this.images["tab_s_"+viewtypeNum].length > 0) {
									jQuery(that.containerId+" .productthumbnails:last").html("");
									var index = (this.images["tab_s_"+viewtypeNum].length == selectedImageMax) ? selectedImageIndex : 0
									var image = thisVal.images["tab_l_"+viewtypeNum][index];
									that.showImage(image);
								}
								// 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["tab_l_"+viewtypeNum].length >= this.images["tab_s_"+viewtypeNum].length ? this.images["tab_s_"+viewtypeNum].length : this.images["tab_l_"+viewtypeNum].length;
								
								// show thumbnails only if more than 1 or if this is a subproduct (bundled/subproduct)
								if (this.images["tab_s_"+viewtypeNum].length > 1 || that.isSubProduct()) {
									jQuery.each(this.images["tab_s_"+viewtypeNum], function(){
										imgCounter++;
										var imageInd = imgCounter;
										if (imgCounter > noOfImages - 1) {
											return;
										}
										jQuery(that.containerId+" .productthumbnails:last").append(jQuery('<img src="' + this.url + '" alt="' + this.alt + '" title="' + this.title + '" />').click(function(e){
											var image = thisVal.images["tab_l_"+viewtypeNum][imageInd];
											selectedImageIndex = imageInd;
											selectedImageMax = thisVal.images["tab_s_"+viewtypeNum].length;
											that.showImage(image);
										}));
									});
								}
							}
						}
					});
				},

				/**
				 * Shows an image.
				 */
				showImage: function(image) {
					if (image.url.indexOf("s7") != -1) {
						if (pViewer != null) {
							if (image.width != "null" && image.height != "null") {
								pViewer.changeImage(image.url, image.width, image.height);
							}
							else {
								if (image.url.indexOf("SWATCH") != -1) {
									pViewer.changeImage(image.url, 250, 300);
								}
								else {	
									pViewer.changeImage(image.url, 2000, 3000);
								}
							}
							if (image.url.indexOf("SWATCH") == -1) {
								jQuery(".productimagenavigation").show();
							}
							else {
								jQuery(".productimagenavigation").hide();
							}
						}
						else {
							if (image.width != "null" && image.height != "null") {
								pViewer=createPhotoViewer(image.url, image.alt, image.width, image.height);
							}
							else {
								if (image.url.indexOf("SWATCH") != -1) {
									pViewer=createPhotoViewer(image.url, image.alt, 250, 300);
								}
								else {	
									pViewer=createPhotoViewer(image.url, image.alt, 2000, 3000);
								}
							}
							pViewer.initZoomControls();
							if (image.url.indexOf("SWATCH") == -1) {
								jQuery(".productimagenavigation").show();
							}
							else {
								jQuery(".productimagenavigation").hide();
							}
						}
						jQuery(this.containerId+" .productimage").hide();
						// this would make the zoom controls also visible for the swatch 
						//jQuery(".productimagenavigation").show();
						jQuery("#izView").show();						
					}
					else {
						jQuery(this.containerId+" .productimage").html("").append(jQuery("<img/>").attr("src", image.url).attr("alt", image.alt).attr("title", image.title));
						if (image.url.indexOf("swatches") != -1) {
							jQuery(".productdetail .productimage img").attr("style", "width:300px; height:250px; margin:auto;")
						}
						else {
							jQuery(".productdetail .productimage img").removeAttr("style");
						}
						jQuery("#izView").hide();
						jQuery(".productimagenavigation").hide();
						jQuery(this.containerId+" .productimage").show();
					}
				},
				/**
				* Event handler when a variation attribute is selected/deselected.
				*/
				varAttrSelected: function(e) {
					app.debug('VA SELECTED');
					// 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;
					var shouldUpdateAvailability = false;

					// 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 variations data
					if (!isLoadingVar) {
						// find variants which match the current selection -> keep in mind, that selection at the 1st level
						// has to be considered if selection / deselection has been done at a level > 1
						var firstLevelVarAttrId = jQuery(this.containerId + " .variationattributes .firstlevel").data("data");
						var validVariants = null; // variants matching the current selection at the 1st level (done previously)
						if (firstLevelVarAttrId != e.data.id && this.selectedVarAttribs[firstLevelVarAttrId] != null)
						{
							validVariants = this.findVariations({id: firstLevelVarAttrId, val: this.selectedVarAttribs[firstLevelVarAttrId]});
						}
						// consider 1st level selection (done previously); if selection is done at 1st level -> validVariants is null
						var selectedVarAttrVariants = e.data.val != null ? 
								this.findVariations({id: e.data.id, val: e.data.val}, validVariants) : 
								validVariants;
						var selectedVarAttrs = jQuery.extend({}, {}, this.selectedVarAttribs);
						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);
							}
							else {
								unselectedVarAttrs.push(selectedVar);
							}
						}
						
						// Loop through the variants to create a lookup table to localized sizing
						var sizingLookup = {}, key = null, value= null, aVariant = null;
						for( var i=0, ii=selectedVarAttrVariants.length; i<ii; i++ ) {
							aVariant = selectedVarAttrVariants[i];
							key = aVariant.attributes.variationSize;
							if( sizingLookup[key]==null ) {
								value = aVariant.localizedSizing;
								sizingLookup[key] = value;
							}
						}
						jQuery('.variationattributes .size .value').each(function(){
							var el = jQuery(this);
							var value = el.text();
							var localizedValue = sizingLookup[value];
							var lsEl = el.siblings('.localizedSizing');
							if( localizedValue != null ) {
								lsEl.find('span.size-value').html(localizedValue);
								lsEl.show();
							} 
						});
						
						// 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) {
								// update swatches of "other var.attributes" (!= e.data.id) where NO selection has been done yet
								// OR update swatches of currently deselected var.attribute (!) 
								that.varAttrDisplayHandler(this.id, validVariants);								
							}
							else if (this.id != e.data.id && selectedVarAttrs[this.id] != null) {
								// update swatches of "other var.attributes" (!= e.data.id) where selection has been done yet
								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
						var newSelectedVar = this.findVariation(this.selectedVarAttribs);
						if( newSelectedVar ) {
							shouldUpdateAvailability = true;
						}
						
						this.selectedVar = newSelectedVar;
						
						//  if this is not null we have a specific variant and can update the specific description
						if (this.selectedVar != null) {
							jQuery("div.shortdescription > ul").html(this.selectedVar.shortDesc);
							jQuery("div.longdescription").html(this.selectedVar.longDesc);
						}
						
						jQuery.each(model.variations.featuretypes, function() 
						{
							if (this.productAttrId == e.data.id && this.value == e.data.val)
							{
								if($.getUrlVar('setDefault')) {	
									//jQuery("div.swatches.sizeVariation li.firstswatch div").click();
									jQuery("div.swatches.size li.selected div").click();
									jQuery('.variationattributes .swatches.color li:first div').click();
								}

								if (currentSelectedProductOptionColor) {
									jQuery.each(jQuery("div.swatches.color").children(".swatchesdisplay").children(), function () {
										if (jQuery(this).children().find("span.value").text() == currentSelectedProductOptionColor) {
											jQuery("div.swatches.color li.selected").removeClass('selected');
											jQuery.each(jQuery('.variationattributes .swatches.color li div span.value'), function(){
												if ($(this).html() == currentSelectedProductOptionColor) {
													$(this).parent().click();
													//$(this).parent().parent().addClass('selected');
													//var colorName = $(this).parent().find("span.displayValue").text();
													//$(this).parent().parent().parent().parent().find("span.selectedvarval").text(colorName);
												}
											})
											that.showImages(currentSelectedProductOptionColor, model.variations.attributes[model.variations.attributes.length-1].vals);
											return false;
										}
									});
								}	
									
								if (currentSelectedProductOptionSize) {
									jQuery.each(jQuery("div.swatches.size").children(".swatchesdisplay").children(), function () {
										if (jQuery(this).children().find("span.value").text() == currentSelectedProductOptionSize) {
											jQuery("div.swatches.size li.selected").removeClass('selected');
											jQuery.each(jQuery('.variationattributes .swatches.size li div span.value'), function(){
												if ($(this).html() == currentSelectedProductOptionSize) {
													$(this).parent().click();
													//$(this).parent().parent().addClass('selected');
													//var sizeName = $(this).parent().find("span.displayValue .size-value").text();
													//$(this).parent().parent().parent().parent().find("span.selectedvarval").text(sizeName);
												}
											})
											that.showImages(currentSelectedProductOptionSize, model.variations.attributes[model.variations.attributes.length-1].vals);
											return false;
										}
									});	
								}
								
								var defaultProdId = this.defaultVariantId;
								jQuery.each(model.variations.variants, function()
								{									
									// this should always happen once a first level attribute is clicked, if something of this needs to be done for a 
									// single variation it must be moved above
									if (this.id == defaultProdId)
									{
										jQuery("h1.productname").html("<!-- Product Name Display -->" + this.name);
										jQuery("span.productid").html(this.styleNumber);
										// update description
										jQuery("div.shortdescription > ul").html(this.shortDesc);
										jQuery("div.longdescription").html(this.longDesc);
										
										// update images
										var attributesLength = model.variations.attributes.length-1;
										if (jQuery(".variationattributes .swatches.color li.selected div")) {
											var selectedColor = jQuery(".variationattributes .swatches.color li.selected div span.value").text();
											that.showImages(selectedColor, model.variations.attributes[attributesLength].vals);
										}
										else {
											that.showImages(model.variations.attributes[attributesLength].vals[0].val, model.variations.attributes[attributesLength].vals);
										}
										
										var currentVariant = this.selectedVar;
										// update hemming
										if (this.hemmingAvailable == "true") {
											jQuery(".hemmingoptions").show();
											jQuery(".hemminginseam").show();

											// remove all except the two first options
											var currentOptionCount = 0;
											jQuery(".hemminginseam select option").each(function(){
												if (currentOptionCount > 1) {
													jQuery(this).remove();
												}
											    currentOptionCount++;
											});

											// add possible inseams
											var stepQuantity = new Number(this.hemmingInseamStepQuantity);
											if (stepQuantity == null || stepQuantity == 0) {
												stepQuantity = 1;
											}
											var hemmingMin = new Number(this.hemmingInseamMin);
											var hemmingMax = new Number(this.hemmingInseamMax);
											for (var i=hemmingMin; i <= hemmingMax; i+=stepQuantity) {
												jQuery(".hemminginseam select").append(jQuery('<option></option>').val(i).html(""+i));
											}

											// select first option (= Select)
											jQuery(".hemminginseam select option:first").attr('selected','selected');
											
											// select inseam already selected when coming from cart etc.
											if (model.hemmingInseam) {
												jQuery(".hemminginseam select").val(model.hemmingInseam).attr("selected", true);
												model.hemmingInseam = null;
											}
											
											if (this.hemmingCuffOption == "true" && model.cuffingRequested != "null") {
												jQuery(".hemmingcuffoption").show();
												// select first option (= Select)
												jQuery(".hemmingcuffoption select option:first").attr('selected','selected');
												
												// select cuff already selected when coming from cart etc.
												jQuery.each(jQuery(".hemmingcuffoption select option"), function() {
													if (jQuery(this).val() == model.cuffingRequested) {
														jQuery(this).attr("selected", true);
													}
												});
												model.cuffingRequested = null;
												
											}
											else {
												jQuery(".hemmingcuffoption").hide();
											}
											jQuery(".hemminginseam select").change();
										}
										else {
											jQuery(".hemmingoptions .configuration").hide();
											jQuery(".hemmingoptions").hide();
										}

										// set color swatches in specified order
										
										// first restore original order
										var ul = jQuery("div.swatches.color ul.swatchesdisplay");
										var originalOrder = ul.data('data'), len = originalOrder.length;
										if( originalOrder != null && len>0 ) {
											// Look through the swatches and put them where they go
											for( var i=0, ii=len; i<ii; i++ ) {
												var colorID = originalOrder[len-i-1];
												var li = jQuery('#variationColor-'+colorID).parents('li');
												ul.prepend(li);
											}
										}
										
										var defaultColor = this.defaultColor;
										jQuery.each(jQuery("div.swatches.color").children(".swatchesdisplay").children(), function () {
											// we are at the li element which contains the value, we compare the value with this.attributes.variationColor
											if (jQuery(this).children().find("span.value").text() == defaultColor) {
												// detach it with bindings still intact
												// works only in 1.4
												// var defaultSwatch = jQuery(this).detach();
												var defaultSwatch = jQuery(this).clone(true);
												jQuery(this).remove(); 
												// set to first position
												jQuery("div.swatches.color").children(".swatchesdisplay").prepend(defaultSwatch);
												// leave foreach
												if (jQuery("div.swatches.color li.selected").length == 0) {
													jQuery.each(jQuery("div.swatches.color li"), function() {
														if (!jQuery(this).hasClass("unselectable")) {
															jQuery(this).addClass("selected");
															that.selectedVarAttribs["variationColor"] = defaultColor; 
															//that.showImages(defaultColor, model.variations.attributes[attributesLength].vals);
															return false;
														}
														else {

															var originalOrder = ul.data('data'), len = originalOrder.length;
															if( originalOrder != null && len>0 ) {
																// Look through the swatches and put them where they go
																for( var i=0, ii=len; i<ii; i++ ) {
																	var colorID = originalOrder[i];
																	var li = jQuery('#variationColor-'+colorID).parents('li');
																	if(jQuery(jQuery('#variationColor-'+colorID).parents('li')).hasClass("firstswatch")) {
																		that.showSelectedVarAttrVal("variationColor", colorID);
																		that.showImages(colorID, model.variations.attributes[attributesLength].vals);
																		//currentSelectedProductOptionColor = colorID;
																		//jQuery(this).parent().find('span.selectedvarval').text(colorID);
																		break;
																	}
																	//var li = jQuery('#variationColor-'+colorID).parents('li');
																	//ul.prepend(li);
																}
															}
														}
													});													
												}
												//that.showImages(defaultColor, model.variations.attributes[attributesLength].vals);
												return false;
											}
										});
									}
								});
							}
						});
					}

					// lets fire refresh view event to enable/disable variations attrs
					this.refreshView( shouldUpdateAvailability );
					
					// set early selected color/size or set color to the first available
					if (app.ProductCache.selectedVarAttribs.variationColor)
						currentSelectedProductOptionColor = app.ProductCache.selectedVarAttribs.variationColor;
					else
						jQuery("div.swatches.color ul").find("li:not(.unselectable):first").find("div").click();

					if (app.ProductCache.selectedVarAttribs.variationSize)
						currentSelectedProductOptionSize = app.ProductCache.selectedVarAttribs.variationSize;
				},

				/**
				* Event handler when a configuration option is selected/deselected.
				*/
				confSelected: function(e) {
	
					// lets fire refresh view event to enable/disable add to cart button
					this.refreshView();
				},
				
				/**
				* 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;
					
					var firstProdVarAttrId = null; 
					var firstProdVarAttrValue = null; 
					jQuery(this.containerId + " .variationattributes .swatches").each(function(){
						var prodVarAttrId = jQuery(this).data("data"); // data is id set via app.hiddenData api
						if (firstProdVarAttrId == null)
						{
							firstProdVarAttrId = prodVarAttrId;
							firstProdVarAttrValue = that.selectedVarAttribs[firstProdVarAttrId];
							if (firstProdVarAttrValue == null) {
								firstProdVarAttrValue = jQuery(that.containerId + " .variationattributes .firstlevel ul li.selected span.value").text();
							}
							if (firstProdVarAttrValue == null || firstProdVarAttrValue == "") {
								firstProdVarAttrValue = jQuery(that.containerId + " .variationattributes .firstlevel ul li div:first span.value").text();
								jQuery(that.containerId + " .variationattributes .firstlevel ul li div:first").parent().addClass("selected");
							}
						}
						jQuery(this).find("div.swatchanchor").each(function(){
							// find A variation with this val
							var variantExists = false;
							if (prodVarAttrId == firstProdVarAttrId) {
								variantExists = that.isVariation({id:prodVarAttrId, val:jQuery(this).find("span.value").text()});
								// if nothing is selected select the first level attribute
							}
							else {
								variantExists = that.isVariation({id:firstProdVarAttrId, val:firstProdVarAttrValue}, {id:prodVarAttrId, val:jQuery(this).find("span.value").text()});
							}
							if (variantExists) {
								// found at least 1 so keep it enabled
								jQuery(this).parent().removeClass("notavailable").removeClass("unselectable");
							}
							else {
								jQuery(this).parent().addClass("notavailable").removeClass("unselectable").removeClass("backorderable");
								jQuery(this).parent().removeClass("selected");
							}
						});
					});
					
				},
				
				/**
				* go thru all variations attr and reset all selections
				*/
				resetAllVarAttrSelections: function() {
					if (isLoadingVar) {
						return ; // we don't have the complete data yet
					}
					var that = this;

					jQuery(this.containerId + " .variationattributes .swatches").each(function(){
						jQuery(this).find("div.swatchanchor").each(function(){
							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) {
					app.debug("vadh:"+attrId+" "+validVariants.length+" variants");
					
					var that = this; // preserve this instance
					
					// loop thru all non-dropdown ui elements i.e. swatches e.g. color, width, length etc.
					var first = true;
					jQuery(this.containerId + " .variationattributes .swatches").each(function(){
						if (first)
						{
							first = false;
						}
						else
						{
							var swatchId = jQuery(this).data("data");  // data is id set via app.hiddenData api
							if (swatchId === attrId) {
								
								jQuery(this).find("div.swatchanchor").each(function(){
								
									var parentLi= jQuery(this).parent();
									var valEl = jQuery(this).find("span.value");									
									var val = valEl.text();
									app.debug("val:"+val)
									// find A variation with this val									
									var filteredVariants = that.findVariations({id:attrId, val:val}, validVariants);
									if (filteredVariants.length == 1) {
										app.debug("online");
										// found at least 1 so keep it enabled
										parentLi.removeClass("notavailable").removeClass("unselectable").removeClass("backorderable");
										var aVariant = filteredVariants[0];
										if( aVariant.avStatus == app.constants.AVAIL_STATUS_BACKORDER ) {
											app.debug("but backordered");
											parentLi.addClass("backorderable");
										}
									}
									else if (filteredVariants.length > 0) {
										// found at least 1 so keep it enabled
										app.debug("found multi-matches, so orderable");
										// if( selectedAttrValues + 1 = total attributes, 
										// then each one of these variants should belong to each of 
										// the missing attribute
										parentLi.removeClass("notavailable").removeClass("unselectable").removeClass("backorderable");
									}
									else {
										// no variant found with this value combination so disable it
										app.debug("found no matches, so unavailable");
										parentLi.addClass("unselectable").removeClass("backorderable");
										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");
									}
								});
							}
						}
					});
					
					// 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
						if (vaId === attrId) {
							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;
								}
								else {
									// no variant found with this value combination so disable it
									this.disabled = true;
									
									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;
								}
							});
						}
					});
					
				},

				/**
				 * refresh the UI i.e. availability, price, A2C button and variation attributes display
				 */
				refreshView: function( shouldUpdateAvailability ) {
					var thisProduct = this;
					app.debug("refreshing the PDP VIEW");
					
					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(!shouldUpdateAvailability) setAvailabilityMsg(createAvMessage(thisProduct, 1));
						// update price
						this.showUpdatedPrice(computePrice(thisProduct), this.selectedVar.pricing.standard);						

						if (!(!this.selectedVar.inStock && this.selectedVar.avStatus === app.constants.AVAIL_STATUS_NOT_AVAILABLE) && (this.getPrice() > 0 || this.isPromoPrice())) {
							// the following looks at configuration options like hemming options and if all are set
							var configurationComplete = true;
							jQuery(thisProduct.containerId + " .variationattributes .configuration select").each(function(){
								// ignore hidden configuration options
								if (jQuery(this).parent().css("display") == "none") {
									return true;
								}
								if (jQuery(this).children("option:selected").val() == "select") {
									configurationComplete = false; 
								}
							});
							if (!configurationComplete) {
								this.disableA2CButton();
								jQuery(this).trigger("AddtoCartDisabled");
							}
							else {
								// 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(){						
						if(this.id == 'variationColor') {
							if(!jQuery(jQuery('#variationColor-'+thisProduct.selectedVarAttribs[this.id]).parents('li')).hasClass("unselectable")) {
								thisProduct.showSelectedVarAttrVal(this.id, thisProduct.selectedVarAttribs[this.id]);
								thisProduct.markSelectedVarAttrVal(this.id, thisProduct.selectedVarAttribs[this.id]);
							}
						}
						else {
							thisProduct.showSelectedVarAttrVal(this.id, thisProduct.selectedVarAttribs[this.id]);
							thisProduct.markSelectedVarAttrVal(this.id, thisProduct.selectedVarAttribs[this.id]);
						}
						
						if (!thisProduct.selectedVarAttribs[this.id] || thisProduct.selectedVarAttribs[this.id] == "" ) {
							nonSelectedVars.push(this.name);
							thisProduct.varAttrDisplayHandler(this.id, validVariants);
						}
					});
					
					// get non selected configurations
					var nonSelectedConfs = [];
					jQuery(thisProduct.containerId + " .variationattributes .configuration select").each(function(){
						// ignore hidden configuration options
						if (jQuery(this).parent().css("display") == "none") {
							return true;
						}
						if (jQuery(this).children("option:selected").val() == "select") {
							nonSelectedConfs.push(jQuery(this).attr("title"));
						}
					});

					
					// process non-selected vals and show updated tooltip for A2C button as a reminder
					// and show it along availability 
					var tooltipStr = getNonSelectedTooltip(nonSelectedVars);
					if (tooltipStr == "") {
						tooltipStr = getNonSelectedTooltip(nonSelectedConfs);
					}
					
					if (nonSelectedVars.length > 0 || nonSelectedConfs.length > 0) {
						
						
						if (app.resources[tooltipStr]) {
							var availMsg = jQuery.format(app.resources["MISSING_VAL"], app.resources[tooltipStr]);
						} else {
							var availMsg = jQuery.format(app.resources["MISSING_VAL"], tooltipStr);
						}						
						var availMsg2 = jQuery.format(app.resources["MISSING_VAL_PLEASE"], tooltipStr);
						setAvailabilityMsg(availMsg);
						setAvailabilityMsg2(availMsg2);
						//jQuery(thisProduct.containerId+" .addtocartbutton:last").attr("title", availMsg);
					}
					if( shouldUpdateAvailability && nonSelectedVars.length == 0 && nonSelectedConfs.length == 0) {
						var val = null;
						try {
							val = parseInt(jQuery(thisProduct.containerId+" .quantityinput:last").val());
						} catch(e){val = null};

						if (val) {
							reloadAvailability(thisProduct,val);
						}
					}
					jQuery(".productdetail").css("visibility", "visible");
				},

				/**
				 * 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 adjStandardPrice = adjustPricingCurrenySymbol(standardPrice);
					var adjSalesPrice = adjustPricingCurrenySymbol(salePrice);
					
					var formattedPrices = {"salePrice": adjSalesPrice, "standardPrice": adjStandardPrice};
					
					// 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;
//						}
//					});
					
					var showStandardPrice = false;
					if (standardPrice > 0 && standardPrice > salePrice) {
						showStandardPrice = true;
					}
					priceHtml = '<div class="salesprice">';
					// in case it is a promotional price then we do not care if it is 0
					var classes = '';
					var priceValue = '';
					var priceLabel = '';
					if( salePrice > 0 || this.isPromoPrice() ) {
						if( showStandardPrice ) {
							priceLabel = app.resources["PRICE_NOW"]+' ';
							classes = "salesprice";
						}
						priceValue = formattedPrices.salePrice
					} else {
						priceValue = "N/A";
					}
					priceHtml = '<div';
					if( classes.length>0 ) {
						priceHtml += ' class="'+classes+'"';
					}
					priceHtml += ">";
					if( priceLabel.length>0 ) {
						priceHtml += priceLabel + ' ';
					}
					priceHtml += priceValue;
					priceHtml += '</div>';
					
					if (standardPrice > 0 && standardPrice > salePrice) {
						// show both prices
						priceHtml = '<div class="wasstandardprice">' + app.resources["PRICE_WAS"] + ' ' + formattedPrices.standardPrice + ' - ' + ' </div>' + 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").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<model.variations.variants.length; i++) {
						variant = model.variations.variants[i];
						if (variant.attributes[val1.id] == val1.val && (val2 == undefined || variant.attributes[val2.id] == val2.val)) {
							return true;
						}
					}
					/*
					 * apparently there is no way to break out of jQuery.each half way :(
					jQuery.each(model.variations.variants, function(){
						if (!found && this.attributes[val1.id] == val1.val && this.attributes[val2.id] == val2.val) {
							found = true;
							return;
						}
					});*/
					return false;
				},
				
				/*
				* find 0 or more variants matching the given attribs object(s) and in stock
				* return null or found variants
				*/
				findVariations: function(attr, variants) {
					var foundVariants = new Array();
					variants = variants || model.variations.variants;
					
					var variant = null;
					for (var i=0; i<variants.length; i++) {
						variant = variants[i];
						if ((variant.attributes[attr.id] === attr.val) && 
								(variant.inStock || (variant.avStatus === app.constants.AVAIL_STATUS_BACKORDER && variant.ATS > 0) || (variant.avStatus === app.constants.AVAIL_STATUS_PREORDER && variant.ATS > 0)) &&
								this.isMonogramCompatible(monoSelection, variant)) {
							foundVariants.push(variant);
						}
					}
					return foundVariants;
				},
				
				/*
				* check if selected monogramming attributes are compatible with given variation
				* return boolean value
				*/
				isMonogramCompatible: function(attributes, variant) {
					var result = true;
					if (attributes["hasMonogramming"] === true) {
						result = false;
						jQuery.each(variant.monogramData.attachmentType, function(index, value) {
							if (value.attachmentTypeNumber == attributes["attachmentTypeNumber"]) {
								jQuery.each(value.monogramTypeGroup, function(index2, value2) {
									if (value2.monoTypeGroupNumber == attributes["monogramTypeGroup"]) {
										jQuery.each(value2.monogramType, function(index3, value3) {
											if (value3.monogramTypeCode == attributes["monogramTypeCode"]) {
												jQuery.each(value3.monogramTypeAttributes.monogramLocationAttributes, function(index4, value4) {
													if (value4.monogramLocationCode == attributes["monogramLocation"]) {
														result = true;
													}
												});
											}
										});
									}
								});
							}
						});
					}
					return result;
				},
				
				/*
				* find a variant with the given attribs object
				* return null or found variation json
				*/
				findVariation: function(attrs) {
					if (!this.checkAttrs(attrs)) {
						return null;
					}

					var attrToStr = function(attrObj) {
						var result = "";
						jQuery.each(model.variations.attributes, function(){
							result += attrObj[this.id];
						});
						return result;
					}

					var attrsStr = attrToStr(attrs);

					for (var i=0; i<model.variations.variants.length; i++) {
						variant = model.variations.variants[i];
						if (attrToStr(variant.attributes) === attrsStr) {
							return variant;
						}
					}
					return null;
				},
				
				// find a variation with the give id otherwise empty object
				findVariationById: function(id) {

					for (var i=0; i<model.variations.variants.length; i++) {
					// IE7 does NOT support this!!!
					//for each(var variation in model.variations.variants) {
						var variation = model.variations.variants[i];
						if (variation && variation.id === id) {
							return variation;
						}
					}

					return {};
				},

				/*
				* see if the specified attrs object has all the variation attributes present in it
				* return true/false
				*/
				checkAttrs: function(attrs) {
					for (var i=0; i<model.variations.attributes.length; i++) {
						if (attrs[model.variations.attributes[i].id] == null) {
							return false;
						}
					}
					return true;
				},
				
				// given an id, return attr definition from model.variations.attributes
				getAttrByID: function(id) {
					for (var i=0; i<model.variations.attributes.length; i++) {
						if (model.variations.attributes[i].id === id) {
							return model.variations.attributes[i];
						}
					}
					return {};
				},
				
				// returns current availability status e.g. in_stock, preorder etc.
				getAvStatus: function() {
					if ((this.variant || this.master) && this.selectedVar != null) {
						return this.selectedVar.avStatus;
					}
					else {
						return model.avStatus;
					}
				},
				
				// return available to sell qty
				getATS: function() {
					if ((this.variant || this.master) && this.selectedVar != null) {
						return this.selectedVar.ATS;
					}
					else {
						return model.ATS;
					}
				},
				
				// return the quantity that was used to calculate availability
				getAvailabilityQty: function() {
					if ((this.variant || this.master) && this.selectedVar != null) {
						return this.selectedVar.avStatusQuantity;
					}
					else {
						return model.avStatusQuantity;
					}
				},
				
				// return the availability levels
				getAvLevels: function() {
					if ((this.variant || this.master) && this.selectedVar != null) {
						return this.selectedVar.avLevels;
					}
					else {
						return model.avLevels;
					}					
				},
				
				// returns in stock date 
				getInStockDate: function() {
					if ((this.variant || this.master) && this.selectedVar != null) {
						return this.selectedVar.inStockDate;
					}
					else {
						return model.inStockDate;
					}
				},
				getInStockDateString: function() {
					if ((this.variant || this.master) && this.selectedVar != null) {
						return this.selectedVar.inStockDateString;
					}
					else {
						return model.inStockDateString;
					}
				},
				
				// determine if A2C button is enabled or disabled
				// true if enabled, false otherwise
				isA2CEnabled: function() {
					if (this.variant || this.master) {
						if (this.selectedVar != null) {
							return (this.selectedVar.avStatus === app.constants.AVAIL_STATUS_IN_STOCK ||
									this.selectedVar.avStatus === app.constants.AVAIL_STATUS_BACKORDER ||
									this.selectedVar.avStatus === app.constants.AVAIL_STATUS_PREORDER);
						}
						else {
							return false;
						}
					}
					else {

						return (model.avStatus === app.constants.AVAIL_STATUS_IN_STOCK ||
								model.avStatus === app.constants.AVAIL_STATUS_BACKORDER ||
								model.avStatus === app.constants.AVAIL_STATUS_PREORDER);
					}
				},

				/**
				 * work horse of the product detail page getting everything tied together i.e. all the dynamic stuff
				 * and one time initialization. called only ONCE
				 * bind all the product display events and handlers
				 * load variants in case this is a variation product
				 * bind subproducts a2c button enable event handler
				 * 
				 * @param options.cotainerId - id of the containing div
				 * @param options.source - source of this product show request, mainly quickview
				 */
				show: function(options) {
					// preserve this instance
					var thisProduct = this;

					// bind VariationsLoaded which gets fired when the variation data is received from the server
					// and we need to refresh the ui
					jQuery(this).bind("VariationsLoaded", {}, function(e, source){												
						// enable/disable unavailable values
						// and set the currently selected values 
						// reset the currently selected variation attributes i.e. reset the ui
						thisProduct.resetVariations();
						
						// create the default availability message based on ATS count
						// from the variants
						var atsCount = getATS(model.variations.variants);
						if (atsCount == 0) {
							setAvailabilityMsg(app.resources[app.constants.AVAIL_STATUS_NOT_AVAILABLE]);
						}
						
						var varAttrSelected = false;
						// Grab the currently selected values and update the UI
						// first swatch variation attributes
						jQuery(thisProduct.containerId + " .variationattributes .swatches").each(function(){
							var thisSwatch 	= jQuery(this),
								pdpVarId 	= thisSwatch.data("data"); // data is id which is set via app.hiddenData onload
							
							// grab the currently selected variation attribute val																
							thisSwatch.find(".selected div").each(function(){
								thisProduct.varAttrSelected({data: {id: pdpVarId, val: jQuery(this).find("span.value").text()}});
								varAttrSelected = true;
							});
						});
						// non-swatch variation attributes
						jQuery(thisProduct.containerId + " .variationattributes .variantdropdown select").each(function(){							
															
							if (this.selectedIndex >= 0 && this.options[this.selectedIndex].value != "") {
								// grab the currently selected val by firing update ui api
								// when dealing with a select element, data returns an object so we must ask for id
								thisProduct.varAttrSelected({data: {id: jQuery(this).data("data").id, val: this.options[this.selectedIndex].value}});
								varAttrSelected = true;
							}
						});

						// check whether or not variation attributes are selected
						if (!varAttrSelected)
						{
							var firstLevelSwatch = jQuery(thisProduct.containerId + " .variationattributes .firstlevel");
							var varId = firstLevelSwatch.data("data");
							var varVal = jQuery(thisProduct.containerId + " .variationattributes .firstlevel ul li div span.value:first").text();
							thisProduct.varAttrSelected({data: {id: varId, val: varVal}});
							jQuery(thisProduct.containerId + " .variationattributes .firstlevel ul li:first").addClass("selected");
						}
							
						if( "omnitureDelayedFunc" in window ) {
							window.omnitureDelayedFunc();
						}
					});

					this.containerId 	= "#"+options.containerId;					
					var isQuickView 	= false;

					if (options.source && options.source == "quickview") {
						isQuickView = true;
					}
					
					myContainerId = this.containerId;
					
					// bind click handlers for prev/next links
					getNavLinks();
					
					// size chart click binding
					getSizeChart();
					
					getHemmingInfomation();
					
					// bind handler to hide hemming option
					jQuery(".hemminginseam select").change(function(){
						var firstLevelVarAttrId = jQuery(".variationattributes .firstlevel").data("data");
						validVariants = thisProduct.findVariations({id: firstLevelVarAttrId, val: jQuery(".variationattributes .firstlevel ul li.selected div span.value").text()});
						
						if ((validVariants[0].hemmingInseamMax - jQuery(this).children("option:selected").val()) < validVariants[0].hemmingMaxLengthCuffDeduction) {
							jQuery(".hemmingcuffoption").hide();
						}
						else if (validVariants[0].hemmingCuffOption == "false" || jQuery(this).children("option:selected").val() == "unfinished") {
							jQuery(".hemmingcuffoption").hide();
						}
						else {
							jQuery(".hemmingcuffoption").show();
						}
					});
					// Tooltip for add to cart button:
					jQuery(".addtocartbutton").hover(function(){
					   
					});

					// variation attributes handling in case it is a master or a variant product
					if (model.master || model.variant) {
						loadVariants(this); // make a server call to load the variants, this is due to the performance reasons
						// meanwhile display the available variation attributes
						
						// loop thru all the swatches and bind events etc.
						jQuery(thisProduct.containerId + " .variationattributes .swatches").each(function(){
							var thisSwatch 	= jQuery(this);
							var pdpVarId 	= thisSwatch.data("data"); // data is id which is set via app.hiddenData onload
							var attrDef 	= thisProduct.getAttrByID(pdpVarId);
							
							if (!attrDef) {
								return;
							}
							
							
							// click handler for swatches links
							var varEventHandler = function(e){									
								var thisObj = jQuery(this);
								
								e.data = {id: pdpVarId, val: jQuery(this).find("span.value").text()};

								if (thisObj.parent().hasClass("unselectable")) {
									return false;
								}
								else if (thisObj.parent().hasClass("selected")) {
									// deselection should not be possible at the first var attr level 
									if (!thisObj.parent().parent().parent().hasClass("firstlevel"))
									{
										// 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: jQuery(this).find("span.value").text()};
									// remove all other var attr selections and selected variant 
									// if selection at first level is changed
									if (thisObj.parent().parent().parent().hasClass("firstlevel"))
									{
										thisProduct.selectedVarAttribs = {};
										thisProduct.selectedVar = null;
										thisProduct.resetAllVarAttrSelections();
										jQuery(".variationattributes").find("span.selectedvarval").each(function(){
											jQuery(this).html("");
										});
									}
									else
									{
										// remove the current selection										
										thisSwatch.find(".selected").removeClass("selected");										
									}
									thisObj.parent().addClass("selected");
									thisProduct.resetVariations();
									thisProduct.varAttrSelected(e);
								}																
								
								return false;
							}
							
							// all swatch anchors
							var varJqryObjs = thisSwatch.find("div.swatchanchor");
							
							// if its a color attr then render its swatches and images
							if (pdpVarId === "variationColor") {
								var colorAttrDef = thisProduct.getAttrByID('variationColor');
								thisSwatch.mouseleave(function(e) {
									if (thisProduct.selectedVarAttribs["variationColor"]) {
										thisProduct.showImages(thisProduct.selectedVarAttribs["variationColor"], colorAttrDef.vals)
									}
									else {
										thisProduct.showImages("", [{val: "", images: model.images}]);
									}
									
									if(jQuery(jQuery('#variationColor-'+thisProduct.selectedVarAttribs["variationColor"]).parents('li')).hasClass("unselectable")) {
										var ul = jQuery("div.swatches.color ul.swatchesdisplay");
										var originalOrder = ul.data('data'), len = originalOrder.length;
										if( originalOrder != null && len>0 ) {
											for( var i=0, ii=len; i<ii; i++ ) {
												var colorID = originalOrder[i];
												var li = jQuery('#variationColor-'+colorID).parents('li');
												if(jQuery(jQuery('#variationColor-'+colorID).parents('li')).hasClass("selected")) {
													thisProduct.showSelectedVarAttrVal("variationColor", colorID); 
													thisProduct.showImages(colorID, colorAttrDef.vals);
													break;
												}
											}
										}
									}
									else {  
										thisProduct.showSelectedVarAttrVal("variationColor", thisProduct.selectedVarAttribs["variationColor"] || "");
									}
									
									
								});
								
								varJqryObjs.each(function(){
								
									// given a variation attr value, find its swatch image url
									var findSwatch = function(val) {
										for (var i=0; i<colorAttrDef.vals.length; i++){
											if (colorAttrDef.vals[i].val === val) {													
												return colorAttrDef.vals[i].images.swatch;
											}
										}
										return ""; // no swatch image found
									}
									
									var swatchUrl = (findSwatch(jQuery(this).find("span.value").text())).url; // find swatch url
									
									if (swatchUrl && swatchUrl != "") {
										jQuery(this).css("color", "transparent").parent().css("background", "url(" + swatchUrl + ")");
									}
									else {
										jQuery(this).css("color", "transparent"); // no swatch image found
									}
								});
								
								// swatches click, hover and mouseleave event handlers
								varJqryObjs.data("data", {id: pdpVarId}).click(varEventHandler)
								.mouseenter(function(e){
									if(!jQuery(jQuery('#variationColor-'+jQuery(this).find("span.value").text()).parents('li')).hasClass("unselectable")) {
										thisProduct.showSelectedVarAttrVal("variationColor", jQuery(this).find("span.value").text());
										
									}
																			
									thisProduct.showImages(jQuery(this).find("span.value").text(), colorAttrDef.vals)
								});
								
							}
							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 configuration options and bind events
						jQuery(thisProduct.containerId + " .variationattributes .configuration select").each(function(){							
							// default ui i.e. drop down
							jQuery(this).data("data", {id: jQuery(this).data("data"), val: ''}).change(function(e){
								// if there is only 1 value to be selected then return i.e. no deselection available
								if (this.selectedIndex == 0 && this.options.length == 1) { return; }

								e.data = jQuery(this).data("data"); // data is id
								// this.selectedIndex == 0, it is deselection
								e.data.val = (this.selectedIndex == 0) ? null: this.options[this.selectedIndex].value;
																
								thisProduct.confSelected(e);
							});
						});
						
						// loop thru all the non-swatches attributes and bind events etc.
						jQuery(thisProduct.containerId + " .variationattributes .variantdropdown select").each(function(){							
							// default ui i.e. drop down
							jQuery(this).data("data", {id: jQuery(this).data("data"), val: ''}).change(function(e){
								// if there is only 1 value to be selected then return i.e. no deselection available
								if (this.selectedIndex == 0 && this.options.length == 1) { return; }

								e.data = jQuery(this).data("data"); // data is id
								// this.selectedIndex == 0, it is deselection
								e.data.val = (this.selectedIndex == 0) ? null: this.options[this.selectedIndex].value;
								
								if (this.selectedIndex == 0) {
									// deselection
									// clear the current selection
									thisProduct.resetVariations();
								}
								
								thisProduct.varAttrSelected(e);
							});
						});
						
						if (thisProduct.selectedVarAttribs["variationColor"]) {
							// show swatch related images for the current value								
							thisProduct.showImages(thisProduct.selectedVarAttribs["variationColor"], thisProduct.getAttrByID('variationColor').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();
					}

					// For bundles and product-sets, enable or disable the add-to-cart button.
					// The button should be disabled if the add-to-cart button of any subproduct is disabled, enabled otherwise.
					// For product-sets, display a price which is the sum of the set-products prices as long as the add-to-cart button is enabled.
					if (model.bundle || model.productSet) {
						
						var bundleA2CEnabled = false;
						var price = new Number();
						
						for (var i = 0; i < thisProduct.subProducts.length; i++) {
							var subProduct = thisProduct.subProducts[i];
							bundleA2CEnabled = subProduct.isA2CEnabled();
							if (!bundleA2CEnabled) {
								break;
							}
							
							// collect price info
							price += new Number(subProduct.getPrice());
						}
						// if any of the bundled product has its A2C button disabled then the bundle is not orderable
						if (!bundleA2CEnabled) {							
							this.disableA2CButton();
						} 
						else {							
							this.enableA2CButton();

							// show total price except for a bundle
							if (!model.bundle) {
								thisProduct.showUpdatedPrice(price);
							}
						}
					}						

					// 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);										
					
					// bind AddtoCartDisabled event for each subproduct (bundle or product set)
					jQuery.each(thisProduct.subProducts, function(){
						jQuery(this).bind("AddtoCartDisabled", {},
						/**
						* Event handler when a subproduct of a product set or a bundle is selected.
						* disable the add to cart button
						*/
						function() {
							thisProduct.disableA2CButton();
						});
					});
					
					// 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;
										}
										
										// Multiply the subproduct quantity-one price by the entered quantity.
										// Important note:  This value will be incorrect if subproduct uses
										// tiered pricing !!!!!
										var subproductQuantity = subProducts[i].selectedOptions["Quantity"];
										if (subproductQuantity == undefined) {
											subproductQuantity = 1;
										}
										price += new Number(subproductQuantity * 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);

$.extend({
	  getUrlVars: function(){
	    var vars = [], hash;
	    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
	    for(var i = 0; i < hashes.length; i++)
	    {
	      hash = hashes[i].split('=');
	      vars.push(hash[0]);
	      vars[hash[0]] = hash[1];
	    }
	    return vars;
	  },
	  getUrlVar: function(name){
	    return $.getUrlVars()[name];
	  }
});