Electric Toothbrush + Oral Irrigator CECOTEC Bamba ToothCare Jet Clean CEC-04437 black (2024)

';strHtml += '

';strHtml += '';strHtml += '' + quantityFieldLabel + '';strHtml += '

';strHtml += '

';jQuery(strHtml).appendTo(this.container.find(".add_to_cart_form_content"));jQuery("#UseAttributeGridField").change(function(){onChangeUseAttributeGrid(jQuery(this).attr("checked") == "checked");});var v = this;jQuery(".quantity-grid-quantity-field").on("change keyup paste", function(){onChangeAttributeGridQuantities(v.getAttributeGridQuantities());});}AddToCartView.prototype.getAttributeGridQuantities = function(){var attributeGridQuantities = [];jQuery(".quantity-grid-quantity-field").each(function(){attributeGridQuantities.push({optionX: jQuery(this).closest(".attribute-grid-quantity-container").data("optionxid"),optionY: jQuery(this).closest(".attribute-grid-quantity-container").data("optionyid"),quantity: jQuery(this).val()});});return attributeGridQuantities;}AddToCartView.prototype.showAttributeGrid = function(onLoad){jQuery(this.container).find(".quantity_field_container").hide();var add_to_cart_form = jQuery(".add_to_cart_form_container").appendTo(".attribute-grid-add-to-cart-container");//hide all the attribute grid attributesjQuery(".product-attribute.attribute-grid-product-attribute").hide();jQuery(".attribute-grid-add-to-cart-container").show();jQuery(".attribute-grid-container").show();if (!onLoad){jQuery('html, body').animate({ scrollTop: jQuery(".attribute-grid-add-to-cart-container").offset().top }, 300);}}AddToCartView.prototype.hideAttributeGrid = function(){jQuery(this.container).find(".quantity_field_container").show();var add_to_cart_form = jQuery(".add_to_cart_form_container").appendTo(".add-to-cart-region");//show all the attribute grid attributesjQuery(".product-attribute.attribute-grid-product-attribute").show();jQuery(".attribute-grid-add-to-cart-container").hide();jQuery(".attribute-grid-container").hide();}AddToCartView.prototype.renderImageOptionHtml = function(option){var width = 30;if (option.IMAGE.length){return '';}else{return '';}};AddToCartView.prototype.markAttributeGridCombinationAsNA = function(optionx, optiony){var strSel = ".attribute-grid-quantity-container[data-optionxid='" + optionx + "']";if (typeof optiony != "undefined"){strSel += "[data-optionyid='" + optiony + "']";}var container = jQuery(this.container).find(strSel);container.find(".not-available-combination").show();container.find(".quantity-grid-quantity-field").hide();container.find(".attribute-grid-price-adjustment").hide();}//set the quantity field in attribute grid.AddToCartView.prototype.updateAttributeGridQuantityField = function(optionX, optionY , value){var strSel = '#Quantity_' + optionX;if (typeof optionY != "undefined"){strSel += '_' + optionY;}var container = jQuery(this.container).find(strSel).val(value);}//show error for attribute grid quantityAddToCartView.prototype.showErrorForQuantityGridField = function(optionX, optionY){var strSel = '#Quantity_' + optionX;if (typeof optionY != "undefined"){strSel += '_' + optionY;}jQuery(this.container).find(strSel).addClass("erroneous-quantity");}//hide error for attribute grid quantityAddToCartView.prototype.hideErrorForQuantityGridField = function(optionX, optionY){var strSel = '#Quantity_' + optionX;if (typeof optionY != "undefined"){strSel += '_' + optionY;}jQuery(this.container).find(strSel).removeClass("erroneous-quantity");}AddToCartView.prototype.updateAttributeGridCombination = function(optionx, optiony , priceAdjustment, priceAdjustmentPoints){var strSel = ".attribute-grid-quantity-container[data-optionxid='" + optionx + "']";if (typeof optiony != "undefined"){strSel += "[data-optionyid='" + optiony + "']";}var container = jQuery(this.container).find(strSel);container.find(".not-available-combination").hide();container.find(".quantity-grid-quantity-field").show();var strHtml = priceAdjustment;if (priceAdjustmentPoints != ''){strHtml += (priceAdjustment != '' ? "
" : "") + priceAdjustmentPoints;}container.find(".attribute-grid-price-adjustment").html(strHtml);container.find(".attribute-grid-price-adjustment").show();}AddToCartView.prototype.renderQuantityField = function(optionX, optionY, priceAdjustment){var strFieldName = 'Quantity_' + optionX.PRODUCTATTRIBUTEOPTIONID;if (typeof optionY != "undefined"){strFieldName += '_' + optionY.PRODUCTATTRIBUTEOPTIONID;}var strHtml = '

';return strHtml;};//if selecting from the opener window an attribute( like ACHS )AddToCartView.prototype.setAttributeOption = function(intProductAttributeID, intProductAttributeOptionID){jQuery(this.container).find("#ProductAttributeOptionID_"+intProductAttributeID).val(intProductAttributeOptionID).change();};//change the preview image based on the option selected(when not using swatches)AddToCartView.prototype.showOptionPreview = function(intProductAttributeID, strImage){if (strImage != ''){jQuery(this.container).find("#option_preview_"+intProductAttributeID).attr("src", strImage).show();}else{jQuery(this.container).find("#option_preview_"+intProductAttributeID).hide();}}AddToCartView.prototype.resetGridAttribute = function(intProductAttributeID){_$attributeControlContainer = jQuery(this.container).find(".attributeSelectionWithImages[data-productattributeid='" + intProductAttributeID + "' ]" );_$attributeControlContainer.find("li[data-optionid]").removeClass( 'not-eligible' );_$attributeControlContainer.find("input[type='radio'].attributeoption:checked").prop('checked', false).trigger("change");_$attributeControlContainer.find("input[type='radio']").prop('disabled', false);$attributeOptionList = _$attributeControlContainer.find( ".attributeOptionList" );$allOptions = $attributeOptionList.find(".attributeoptioncontainer");$allOptions.removeClass("attribute-option-hightlight");_$attributeControlContainer.find( ".attributeCaption[ data-attributeid='" + intProductAttributeID + "' ]" ).html("");}//change event for attribute optionAddToCartView.prototype.updateAttributeOptionSelection = function(intProductAttributeID, intProductAttributeOptionID, strCaptionSelected){$attributeOptionList = jQuery( ".attributeOptionList[data-productattributeid='" + intProductAttributeID + "' ]" );$allOptions = $attributeOptionList.find(".attributeoptioncontainer");$selectedOption = $allOptions.filter("[ data-optionid='" + intProductAttributeOptionID + "' ]");if( $selectedOption.hasClass("attribute-option-hightlight") ){// unfade all options$attributeOptionList.parents(".attributeSelectionWithImages").removeClass("attribute-option-selected");// uncheck selected option$allOptions.removeClass("attribute-option-hightlight");$selectedOption.removeClass("attribute-option-hightlight");jQuery( ".attributeCaption[ data-attributeid='" + intProductAttributeID + "' ]" ).html( '' );jQuery( ".attributeOptionList[data-productattributeid='" + intProductAttributeID + "' ] [ data-optionid='" + intProductAttributeOptionID + "' ] input" ).prop('checked', false);}else{// fade out all options$attributeOptionList.parents(".attributeSelectionWithImages").addClass("attribute-option-selected");// highlight selected option$allOptions.removeClass("attribute-option-hightlight");$selectedOption.addClass("attribute-option-hightlight");jQuery( ".attributeCaption[ data-attributeid='" + intProductAttributeID + "' ]" ).html( strCaptionSelected );}}//common ground, as to what to return to the controller, for the attributes selectedAddToCartView.prototype.getProductAttributeSelectedValues = function(){var productAttributes = {};var selector = "select[name='ProductAttributeOptionIDs'], .attribute-type-dropdown-state-country select"+ ", input[type='radio'].attributeoption:checked, .attribute-type-singleline input[type='text'], .attribute-type-date input[type='text']"+ ", .attribute-type-textarea textarea, .product-attribute-file-upload input[type='file']";//map all attribute select dropdowns to their selected valuesif (jQuery("#UseAttributeGridField").length && jQuery("#UseAttributeGridField").attr("checked") == "checked"){jQuery(".attribute-grid-add-to-cart-container").filter(function(){var $attribute = jQuery(this);if ($attribute.hasClass("custom-options-attribute")&& $attribute.hasClass("attribute-grid-product-attribute")){return false;}return true;}).find(selector).each(function(){productAttributes[jQuery(this).data("attributeid")] = jQuery(this).val();});}else{jQuery(this.container).find(selector).each(function(){productAttributes[jQuery(this).data("attributeid")] = jQuery(this).val();});}return productAttributes;}//Create attribute option thumbnail, to selectAddToCartView.prototype.createImageAttributeOption = function(productAttributeID, option, lazyLoaded){strHtml = '

';var strID = 'Radio_' + productAttributeID + '_' + option.PRODUCTATTRIBUTEOPTIONID;strHtml += '';strHtml += '';if (option.IMAGE.length > 0){strHtml += '';}else{strHtml += '';}strHtml += '';strHtml += '

';return strHtml;}AddToCartView.prototype.addAttributeOptionTooltips = function(productAttributeID, lazyLoaded){var $attributeOptions = jQuery(this.container).find("#attributeOptionList_" + productAttributeID + " li.js-tooltip" + (lazyLoaded ? ".lazyLoadedOption" : ""));$attributeOptions.each(function(){jQuery(this).tooltipsy({offset: [1, 0],content: "

"});});setTimeout(function(){$attributeOptions.each(function(){( new Image() ).src = jQuery(this).data("tooltipimage");});}, 300);jQuery(window).scroll(function(){$attributeOptions.each(function(){jQuery(this).data("tooltipsy").hide();});});}//AddToCartView all attribute optionsAddToCartView.prototype.viewMoreAttributeOptions = function(productAttribute, onChange){var productAttributeID = productAttribute.PRODUCTATTRIBUTEID;var $attributeOptionList = jQuery(this.container).find("#attributeOptionList_" + productAttributeID);//if the rest of the options need to be rendered then do so.$attributeOptionList.data("expanded", true);if ($attributeOptionList.data("rendered") === false){var numberOfItemsBeforeExpanding = 8;var checkedOption = jQuery(this.container).find("[name='ProductAttributeOptionIDs_" + productAttributeID + "']:checked");var selectedValue = checkedOption.val();//remove hidden selected option since we will now show itjQuery("[name='ProductAttributeOptionIDs_" + productAttributeID + "'].hiddenSelectedValue").remove();var strHtml = "";for (var i = numberOfItemsBeforeExpanding; i < productAttribute.OPTIONS.length; i++){strHtml += this.createImageAttributeOption(productAttributeID, productAttribute.OPTIONS[i], true);}$attributeOptionList.append(strHtml);$attributeOptionList.find(".lazyLoadedOption input[type='radio']").change(function(){onChange(productAttributeID, jQuery(this).val());});if (selectedValue != ""){var strSelector = "[data-productattributeid='" + productAttribute.PRODUCTATTRIBUTEID + "'] input[type='radio'][value='" + selectedValue + "'].attributeoption";jQuery(this.container).find(strSelector).attr("checked", "checked").trigger("change");}jQuery(this.container).find("#attributeOptionList_" + productAttributeID + " .hideUnlessExpanded").hide();this.renderAttributeOptionImagesSlowly(productAttributeID);this.addAttributeOptionTooltips(productAttributeID, true);$attributeOptionList.data("rendered", true);}else{jQuery(this.container).find("#attributeOptionList_" + productAttributeID + " .hideUnlessExpanded").show();jQuery(this.container).find(".hideMoreAttributeOptions[data-attributeid='" + productAttributeID + "']").show();}jQuery(this.container).find(".viewMoreAttributeOptions[data-attributeid='" + productAttributeID + "']").hide();}//the purpose of this function, is to disallow showing attribute images before they are loaded//assuming we have a lot of options, with images that take a while to load.AddToCartView.prototype.renderAttributeOptionImagesSlowly = function(productAttributeID){jQuery(this.container).find("[data-attributeid='" + productAttributeID + "'].spinner-loader-wrapper").show();if(typeof this.numImagesToWait == "undefined"){this.numImagesToWait = {};}if(typeof numImagesLoaded == "undefined"){this.numImagesLoaded = {};}var numImagesBeforeExpanding = 8;//find out how many images are waiting for loading for this product attributevar v = this;jQuery(document).ready(function(){var attributeLoaderIdentified = "p_" + productAttributeID;v.numImagesToWait[attributeLoaderIdentified] = jQuery(v.container).find("#attributeOptionList_" + productAttributeID + " img.track-loading").length;v.numImagesLoaded[attributeLoaderIdentified] = numImagesBeforeExpanding;if (v.numImagesToWait[attributeLoaderIdentified] == 0){//once the images we are waiting for are loaded//(except for the tooltip ones, lets not wait for those as well).//then hide the overlay and show the images.jQuery(v.container).find("#attributeOptionList_" + productAttributeID + " .hideUnlessExpanded").show();jQuery("[data-attributeID='" + productAttributeID + "'].spinner-loader-wrapper").hide();jQuery(".hideMoreAttributeOptions[data-attributeid='" + productAttributeID + "']").show();}jQuery(v.container).find("#attributeOptionList_" + productAttributeID + " img.track-loading").on("load",function(){//decrement the number of images we are waiting for loading.v.numImagesToWait[attributeLoaderIdentified]--;v.numImagesLoaded[attributeLoaderIdentified]++;if (v.numImagesToWait[attributeLoaderIdentified] == 0){//once the images we are waiting for are loaded//(except for the tooltip ones, lets not wait for those as well).//then hide the overlay and show the images.jQuery(v.container).find("#attributeOptionList_" + productAttributeID + " .hideUnlessExpanded").show();jQuery("[data-attributeID='" + productAttributeID + "'].spinner-loader-wrapper").hide();jQuery(".hideMoreAttributeOptions[data-attributeid='" + productAttributeID + "']").show();}//if a couple of rows managed to load, then show themelse if (v.numImagesLoaded[attributeLoaderIdentified] > numImagesBeforeExpanding&& v.numImagesLoaded[attributeLoaderIdentified] % (v.getAttributeOptionsPerRow() * 2) == 0){var startIndex = 0;var endIndex = v.numImagesLoaded[attributeLoaderIdentified] - v.getAttributeOptionsPerRow();jQuery(v.container).find("#attributeOptionList_" + productAttributeID + " .hideUnlessExpanded").slice(startIndex, endIndex).slideDown();}});});}//calculate how many children can fit per row.AddToCartView.prototype.getAttributeOptionsPerRow = function(){if(typeof this.childrenPerRow == "undefined"){var oneItemWidth = 0;var containerWidth = 0;//calculate how many attribute option images, can fit in a row, hide the rest.jQuery(this.container).find(".attributeSelectionWithImages ul").each(function(){if (jQuery(this).find("li").length > 1){//show just the first two, in order to be able to make calculations!jQuery(this).find("li:first").show();jQuery(this).find("li:eq(1)").show();firstChild = jQuery(this).find("li")[0];secondChild = jQuery(this).find("li")[1];containerWidth = jQuery(this).width();oneItemWidth = secondChild.offsetLeft - firstChild.offsetLeft;if (oneItemWidth == 0){oneItemWidth = jQuery(this).find("li:first").outerWidth(true);}return false;}});if (oneItemWidth > 0){var childrenPerRow = Math.floor(containerWidth / oneItemWidth);//now that we know how many children can fit, hide the rest.jQuery(this.container).find(".attributeSelectionWithImages ul").each(function(){numberOfRows = 1;numberOfVisibleItems = childrenPerRow * numberOfRows;jQuery(this).children("li").removeClass("hideUnlessExpanded");//add class hide unless expanded, to children under the first rowjQuery(this).children("li:gt(" + (numberOfVisibleItems - 1) + ")").addClass("hideUnlessExpanded");$loadedAttributeOptions = jQuery(this).children("li");$loadedAttributeOptions.show();blnShowExpandToggle = numberOfVisibleItems < jQuery(this).data("totaloptions");if ($loadedAttributeOptions.length < jQuery(this).data("totaloptions")){blnShowExpandToggle = true;}if (blnShowExpandToggle){if (jQuery(this).data("expanded")){jQuery(".viewMoreAttributeOptions[data-attributeid='" + jQuery(this).data("productattributeid") + "']").hide();jQuery(".hideMoreAttributeOptions[data-attributeid='" + jQuery(this).data("productattributeid") + "']").show();} else {//if this was not previously expanded and now it has been resized, hide all the hidden items, and shoe the view more option$loadedAttributeOptions.filter(".hideUnlessExpanded").hide();jQuery(".viewMoreAttributeOptions[data-attributeid='" + jQuery(this).data("productattributeid") + "']").show();jQuery(".hideMoreAttributeOptions[data-attributeid='" + jQuery(this).data("productattributeid") + "']").hide();}} else {//if all options can fit into the collapsed rows, then just hide the viewmore/hide options and just show everythingjQuery(".viewMoreAttributeOptions[data-attributeid='" + jQuery(this).data("productattributeid") + "']").hide();jQuery(".hideMoreAttributeOptions[data-attributeid='" + jQuery(this).data("productattributeid") + "']").hide();}});this.childrenPerRow = childrenPerRow;return childrenPerRow;}else{jQuery(".viewMoreAttributeOptions").hide();jQuery(".hideMoreAttributeOptions").hide();jQuery(".attributeSelectionWithImages ul li").show();}}else{return this.childrenPerRow;}}//Collapse attribute optionsAddToCartView.prototype.hideMoreAttributeOptions = function(productAttribute){var productAttributeID = productAttribute.PRODUCTATTRIBUTEID;jQuery(this.container).find("#attributeOptionList_" + productAttributeID).data("expanded", false);jQuery(this.container).find("#attributeOptionList_" + productAttributeID + " .hideUnlessExpanded").hide();jQuery(this.container).find(".viewMoreAttributeOptions[data-attributeid='" + productAttributeID + "']").show();jQuery(this.container).find(".hideMoreAttributeOptions[data-attributeid='" + productAttributeID + "']").hide();}//create single line text attributeAddToCartView.prototype.createSingleLineTextAttribute = function(productAttribute){var strHtml = '