", $element).children(); $(".slidesjs-control", $element).css({ position: "relative", left: 0 }); $(".slidesjs-control", $element).children().addClass("slidesjs-slide").css({ position: "absolute", top: 0, left: 0, width: "100%", zIndex: 0, display: "none", webkitBackfaceVisibility: "hidden" }); $.each($(".slidesjs-control", $element).children(), function(i) { var $slide; $slide = $(this); return $slide.attr("slidesjs-index", i); }); if (this.data.touch) { $(".slidesjs-control", $element).on("touchstart", function(e) { return _this._touchstart(e); }); $(".slidesjs-control", $element).on("touchmove", function(e) { return _this._touchmove(e); }); $(".slidesjs-control", $element).on("touchend", function(e) { return _this._touchend(e); }); } $element.fadeIn(0); this.update(); if (this.data.touch) { this._setuptouch(); } $(".slidesjs-control", $element).children(":eq(" + this.data.current + ")").eq(0).fadeIn(0, function() { return $(this).css({ zIndex: 10 }); }); if (this.options.navigation.active) { prevButton = $("", { "class": "slidesjs-previous slidesjs-navigation", href: "#", title: "Previous", text: "Previous" }).appendTo($element); nextButton = $("", { "class": "slidesjs-next slidesjs-navigation", href: "#", title: "Next", text: "Next" }).appendTo($element); } $(".slidesjs-next", $element).click(function(e) { e.preventDefault(); _this.stop(true); return _this.next(_this.options.navigation.effect); }); $(".slidesjs-previous", $element).click(function(e) { e.preventDefault(); _this.stop(true); return _this.previous(_this.options.navigation.effect); }); if (this.options.play.active) { playButton = $("", { "class": "slidesjs-play slidesjs-navigation", href: "#", title: "Play", text: "Play" }).appendTo($element); stopButton = $("", { "class": "slidesjs-stop slidesjs-navigation", href: "#", title: "Stop", text: "Stop" }).appendTo($element); playButton.click(function(e) { e.preventDefault(); return _this.play(true); }); stopButton.click(function(e) { e.preventDefault(); return _this.stop(true); }); if (this.options.play.swap) { stopButton.css({ display: "none" }); } } if (this.options.pagination.active) { pagination = $("

", { "class": "slidesjs-pagination" }).appendTo($element); $.each(new Array(this.data.total), function(i) { var paginationItem, paginationLink; paginationItem = $("

", { "class": "slidesjs-pagination-item" }).appendTo(pagination); paginationLink = $("", { href: "#", "data-slidesjs-item": i, html: i + 1 }).appendTo(paginationItem); return paginationLink.click(function(e) { e.preventDefault(); _this.stop(true); return _this.goto(($(e.currentTarget).attr("data-slidesjs-item") * 1) + 1); }); }); } $(window).bind("resize", function() { //return _this.update(); }); this._setActive(); if (this.options.play.auto) { this.play(); } return this.options.callback.loaded(this.options.start); }; Plugin.prototype.destroy = function() { return $(this).each(function() { var $this = $(this); $this.removeData('slidesjs'); }); }; Plugin.prototype._setActive = function(number) { var $element, current; $element = $(this.element); this.data = $.data(this); current = number > -1 ? number : this.data.current; $(".active", $element).removeClass("active"); return $(".slidesjs-pagination li:eq(" + current + ") a", $element).addClass("active"); }; Plugin.prototype.update = function() { var $element, height, width; $element = $(this.element); this.data = $.data(this); $(".slidesjs-control", $element).children(":not(:eq(" + this.data.current + "))").css({ display: "none", left: 0, zIndex: 0 }); width = $element.width(); height = (this.options.height / this.options.width) * width; this.options.width = width; this.options.height = height; return $(".slidesjs-control, .slidesjs-container", $element).css({ width: width, height: height }); }; Plugin.prototype.next = function(effect) { var $element; $element = $(this.element); this.data = $.data(this); $.data(this, "direction", "next"); if (effect === void 0) { effect = this.options.navigation.effect; } if (effect === "fade") { return this._fade(); } else { return this._slide(); } }; Plugin.prototype.previous = function(effect) { var $element; $element = $(this.element); this.data = $.data(this); $.data(this, "direction", "previous"); if (effect === void 0) { effect = this.options.navigation.effect; } if (effect === "fade") { return this._fade(); } else { return this._slide(); } }; Plugin.prototype.goto = function(number) { var $element, effect; $element = $(this.element); this.data = $.data(this); if (effect === void 0) { effect = this.options.pagination.effect; } if (number > this.data.total) { number = this.data.total; } else if (number < 1) { number = 1; } if (typeof number === "number") { if (effect === "fade") { return this._fade(number); } else { return this._slide(number); } } else if (typeof number === "string") { if (number === "first") { if (effect === "fade") { return this._fade(0); } else { return this._slide(0); } } else if (number === "last") { if (effect === "fade") { return this._fade(this.data.total); } else { return this._slide(this.data.total); } } } }; Plugin.prototype._setuptouch = function() { var $element, next, previous, slidesControl; $element = $(this.element); this.data = $.data(this); slidesControl = $(".slidesjs-control", $element); next = this.data.current + 1; previous = this.data.current - 1; if (previous < 0) { previous = this.data.total - 1; } if (next > this.data.total - 1) { next = 0; } slidesControl.children(":eq(" + next + ")").css({ display: "block", left: this.options.width }); return slidesControl.children(":eq(" + previous + ")").css({ display: "block", left: -this.options.width }); }; Plugin.prototype._touchstart = function(e) { var $element, touches; $element = $(this.element); this.data = $.data(this); touches = e.originalEvent.touches[0]; this._setuptouch(); $.data(this, "touchtimer", Number(new Date())); $.data(this, "touchstartx", touches.pageX); $.data(this, "touchstarty", touches.pageY); return e.stopPropagation(); }; Plugin.prototype._touchend = function(e) { var $element, duration, prefix, slidesControl, timing, touches, transform, _this = this; $element = $(this.element); this.data = $.data(this); touches = e.originalEvent.touches[0]; slidesControl = $(".slidesjs-control", $element); if (slidesControl.position().left > this.options.width * 0.5 || slidesControl.position().left > this.options.width * 0.1 && (Number(new Date()) - this.data.touchtimer < 250)) { $.data(this, "direction", "previous"); this._slide(); } else if (slidesControl.position().left < -(this.options.width * 0.5) || slidesControl.position().left < -(this.options.width * 0.1) && (Number(new Date()) - this.data.touchtimer < 250)) { $.data(this, "direction", "next"); this._slide(); } else { prefix = this.data.vendorPrefix; transform = prefix + "Transform"; duration = prefix + "TransitionDuration"; timing = prefix + "TransitionTimingFunction"; slidesControl[0].style[transform] = "translateX(0px)"; slidesControl[0].style[duration] = this.options.effect.slide.speed * 0.85 + "ms"; } slidesControl.on("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd", function() { prefix = _this.data.vendorPrefix; transform = prefix + "Transform"; duration = prefix + "TransitionDuration"; timing = prefix + "TransitionTimingFunction"; slidesControl[0].style[transform] = ""; slidesControl[0].style[duration] = ""; return slidesControl[0].style[timing] = ""; }); return e.stopPropagation(); }; Plugin.prototype._touchmove = function(e) { var $element, prefix, slidesControl, touches, transform; $element = $(this.element); this.data = $.data(this); touches = e.originalEvent.touches[0]; prefix = this.data.vendorPrefix; slidesControl = $(".slidesjs-control", $element); transform = prefix + "Transform"; $.data(this, "scrolling", Math.abs(touches.pageX - this.data.touchstartx) < Math.abs(touches.pageY - this.data.touchstarty)); if (!this.data.animating && !this.data.scrolling) { e.preventDefault(); this._setuptouch(); slidesControl[0].style[transform] = "translateX(" + (touches.pageX - this.data.touchstartx) + "px)"; } return e.stopPropagation(); }; Plugin.prototype.play = function(next) { var $element, currentSlide, slidesContainer, _this = this; $element = $(this.element); this.data = $.data(this); if (!this.data.playInterval) { if (next) { currentSlide = this.data.current; this.data.direction = "next"; if (this.options.play.effect === "fade") { this._fade(); } else { this._slide(); } } $.data(this, "playInterval", setInterval((function() { currentSlide = _this.data.current; _this.data.direction = "next"; if (_this.options.play.effect === "fade") { return _this._fade(); } else { return _this._slide(); } }), this.options.play.interval)); slidesContainer = $(".slidesjs-container", $element); if (this.options.play.pauseOnHover) { slidesContainer.unbind(); slidesContainer.bind("mouseenter", function() { return _this.stop(); }); slidesContainer.bind("mouseleave", function() { if (_this.options.play.restartDelay) { return $.data(_this, "restartDelay", setTimeout((function() { return _this.play(true); }), _this.options.play.restartDelay)); } else { return _this.play(); } }); } $.data(this, "playing", true); $(".slidesjs-play", $element).addClass("slidesjs-playing"); if (this.options.play.swap) { $(".slidesjs-play", $element).hide(); return $(".slidesjs-stop", $element).show(); } } }; Plugin.prototype.stop = function(clicked) { var $element; $element = $(this.element); this.data = $.data(this); clearInterval(this.data.playInterval); if (this.options.play.pauseOnHover && clicked) { $(".slidesjs-container", $element).unbind(); } $.data(this, "playInterval", null); $.data(this, "playing", false); $(".slidesjs-play", $element).removeClass("slidesjs-playing"); if (this.options.play.swap) { $(".slidesjs-stop", $element).hide(); return $(".slidesjs-play", $element).show(); } }; Plugin.prototype._slide = function(number) { var $element, currentSlide, direction, duration, next, prefix, slidesControl, timing, transform, value, _this = this; $element = $(this.element); this.data = $.data(this); if (!this.data.animating && number !== this.data.current + 1) { $.data(this, "animating", true); currentSlide = this.data.current; if (number > -1) { number = number - 1; value = number > currentSlide ? 1 : -1; direction = number > currentSlide ? -this.options.width : this.options.width; next = number; } else { value = this.data.direction === "next" ? 1 : -1; direction = this.data.direction === "next" ? -this.options.width : this.options.width; next = currentSlide + value; } if (next === -1) { next = this.data.total - 1; } if (next === this.data.total) { next = 0; } this._setActive(next); slidesControl = $(".slidesjs-control", $element); if (number > -1) { slidesControl.children(":not(:eq(" + currentSlide + "))").css({ display: "none", left: 0, zIndex: 0 }); } slidesControl.children(":eq(" + next + ")").css({ display: "block", left: value * this.options.width, zIndex: 10 }); this.options.callback.start(currentSlide + 1); if (this.data.vendorPrefix) { prefix = this.data.vendorPrefix; transform = prefix + "Transform"; duration = prefix + "TransitionDuration"; timing = prefix + "TransitionTimingFunction"; slidesControl[0].style[transform] = "translateX(" + direction + "px)"; slidesControl[0].style[duration] = this.options.effect.slide.speed + "ms"; return slidesControl.on("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd", function() { slidesControl[0].style[transform] = ""; slidesControl[0].style[duration] = ""; slidesControl.children(":eq(" + next + ")").css({ left: 0 }); slidesControl.children(":eq(" + currentSlide + ")").css({ display: "none", left: 0, zIndex: 0 }); $.data(_this, "current", next); $.data(_this, "animating", false); slidesControl.unbind("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd"); slidesControl.children(":not(:eq(" + next + "))").css({ display: "none", left: 0, zIndex: 0 }); if (_this.data.touch) { _this._setuptouch(); } return _this.options.callback.complete(next + 1); }); } else { return slidesControl.stop().animate({ left: direction }, this.options.effect.slide.speed, (function() { slidesControl.css({ left: 0 }); slidesControl.children(":eq(" + next + ")").css({ left: 0 }); return slidesControl.children(":eq(" + currentSlide + ")").css({ display: "none", left: 0, zIndex: 0 }, $.data(_this, "current", next), $.data(_this, "animating", false), _this.options.callback.complete(next + 1)); })); } } }; Plugin.prototype._fade = function(number) { var $element, currentSlide, next, slidesControl, value, _this = this; $element = $(this.element); this.data = $.data(this); if (!this.data.animating && number !== this.data.current + 1) { $.data(this, "animating", true); currentSlide = this.data.current; if (number) { number = number - 1; value = number > currentSlide ? 1 : -1; next = number; } else { value = this.data.direction === "next" ? 1 : -1; next = currentSlide + value; } if (next === -1) { next = this.data.total - 1; } if (next === this.data.total) { next = 0; } this._setActive(next); slidesControl = $(".slidesjs-control", $element); slidesControl.children(":eq(" + next + ")").css({ display: "none", left: 0, zIndex: 10 }); this.options.callback.start(currentSlide + 1); if (this.options.effect.fade.crossfade) { slidesControl.children(":eq(" + this.data.current + ")").stop().fadeOut(this.options.effect.fade.speed); return slidesControl.children(":eq(" + next + ")").stop().fadeIn(this.options.effect.fade.speed, (function() { slidesControl.children(":eq(" + next + ")").css({ zIndex: 0 }); $.data(_this, "animating", false); $.data(_this, "current", next); return _this.options.callback.complete(next + 1); })); } else { return slidesControl.children(":eq(" + currentSlide + ")").stop().fadeOut(this.options.effect.fade.speed, (function() { slidesControl.children(":eq(" + next + ")").stop().fadeIn(_this.options.effect.fade.speed, (function() { return slidesControl.children(":eq(" + next + ")").css({ zIndex: 10 }); })); $.data(_this, "animating", false); $.data(_this, "current", next); return _this.options.callback.complete(next + 1); })); } } }; Plugin.prototype._getVendorPrefix = function() { var body, i, style, transition, vendor; body = document.body || document.documentElement; style = body.style; transition = "transition"; vendor = ["Moz", "Webkit", "Khtml", "O", "ms"]; transition = transition.charAt(0).toUpperCase() + transition.substr(1); i = 0; while (i < vendor.length) { if (typeof style[vendor[i] + transition] === "string") { return vendor[i]; } i++; } return false; }; return $.fn[pluginName] = function(options) { return this.each(function() { if (!$.data(this, "plugin_" + pluginName)) { return $.data(this, "plugin_" + pluginName, new Plugin(this, options)); } }); }; })(jQuery, window, document); }).call(this); function ga4ProductSlider() { $(".splide__arrow--prev").each(function(){ setGa4ElTextId(this, "ProductTeaserSlider", $(this).closest(".splide").prop("id")+"Prev"); }); $(".splide__arrow--next").each(function(){ setGa4ElTextId(this, "ProductTeaserSlider", $(this).closest(".splide").prop("id")+"Next"); }); } function ga4Slider() { console.log("a"); $(".ai-slider .prev").each(function(){ setGa4ElTextId(this, "click_slider", "ImageSlider", $(this).closest(".ai-slider").find(".bcImageItems").prop("id")+"Prev"); }); $(".ai-slider .next").each(function(){ setGa4ElTextId(this, "click_slider", "ImageSlider", $(this).closest(".ai-slider").find(".bcImageItems").prop("id")+"Next"); }); } /* * @desc * @param oElement Element object of jquery or string identifier * @param dataName data name after data-analytics-... * @param dataValue value of attribute * */ function setGAData(oElement, dataName, dataValue, log) { $(oElement).data("analytics-"+dataName, dataValue); $(oElement).attr("data-analytics-"+dataName, dataValue); if(log==1) console.log("Was set to the "+oElement+" attribute "+"data-analytics-"+dataName+" to value "+$(oElement).data("analytics-"+dataName)); } function setGa4CTABase(strFind, eventName) { /*CTA Action*/ setGAData($(strFind), "event", eventName, 0); }//end of function setGa4CTA(strFind, eventName) /* * 2.1. select_content * @param type The type of selected content - Product Teaser | Standard Teaser | Tile Cloud | Image | Top Article | Topseller… * @param id An identifier for the content that was selected “kobold vr7 teaser saugen lieber lassen” * @param url URL of the clicked link https://www.vorwerk.com/de/de/c/home/produk te/kobold/kobold-vr7-saugroboter */ function setGa4SelectContent(strFind, eventName, type, id, url) { setGa4CTABase(strFind, eventName); setGAData($(strFind), "content_type", type, 0); setGAData($(strFind), "content_id", id, 0); setGAData($(strFind), "link_url", url, 0); }//end of function setGa4SelectContent(strFind, type, id, url) /* * 2.25. open_additional_information * @param selection Text of the selected order */ function setGa4SelectSort(strFind, eventName, selection) { setGa4CTABase(strFind, eventName); setGAData($(strFind), "selection", selection, 0); }//end of function setGa4SelectSort(strFind, eventName, selection) /* * 2.3. sign_up_submit * @param selection Text of the selected order */ function ga4RegClick(strFind) { setGa4CTABase(strFind, "sign_up_submit"); }//end of function setGa4SelectSort(strFind, eventName, selection) /* * 2.2. sign_up_submit * @param selection Text of the selected order */ function ga4RegStart(strFind) { setGa4CTABase(strFind, "sign_up_start"); }//end of function setGa4SelectSort(strFind, eventName, selection) /* * 2.2. click_cta, 2.3. outbound_link_click * @param element_type Type/format of element Text | Button * @param element_id Identifier for the element that was selected Article | Magazine Teaser… * @param link_text Text of the clicked link Learn More * @param link_url URL of the clicked link https://www.vorwerk.com/de/de/c/home/produk te/kobold/kobold-vr7-saugroboter */ function setGa4CTA(strFind, eventName, element_type, element_id, link_text, link_url) { setGa4CTABase(strFind, eventName); setGAData($(strFind), "element_type", element_type, 0); setGAData($(strFind), "element_id", element_id, 0); setGAData($(strFind), "link_text", link_text, 0); setGAData($(strFind), "link_url", link_url, 0); }//end of function setGa4CTA(strFind, element_type, element_id, link_text, link_url) /* * 2.4. download_file * @param link_text Text of the clicked link Learn More * @param link_url URL of the clicked link https://www.vorwerk.cz/_filemanager/download.php?Id=16&ext=pdf */ function setGa4Donwload(strFind, eventName, link_text, link_url) { setGa4CTABase(strFind, eventName); file_extension = "Unknown"; if(link_url.indexOf("ext=")) file_extension = link_url.substr(link_url.indexOf("ext=")+4); setGAData($(strFind), "file_extension", file_extension, 1); setGAData($(strFind), "link_text", link_text, 1); setGAData($(strFind), "link_url", link_url, 1); }//end of function setGa4Donwload(strFind, link_text, link_url) function setGa4ElText(strFind, eventName, title) { setGa4CTABase(strFind, eventName); setGAData($(strFind), "element_text", title, 0); }//end of function setGa4ElText(strFind, title) function setGa4ElTextId(strFind, eventName, element_type, element_id) { setGa4CTABase(strFind, eventName); setGAData($(strFind), "element_text", element_type, 0); setGAData($(strFind), "element_id", element_id, 0); }//end of function setGa4ElTextId(strFind, element_type, element_id) $(document).ready(function() { // put all your jQuery goodness in here. var myDate=new Date() var hour=myDate.getHours() if ( (hour>7) && (hour<20) ) { $("body").removeClass("night"); $("body").addClass("day"); }else{ $("body").addClass("night"); $("body").removeClass("day"); }//end of if $("A.new_window").bind("click", anchor_new_window) //GA4:Product click $(".aisArticleItems .itemName").bind("click", function(){ productClick($(this).closest(".ai-ProductItem").data("gtm"), $(this).prop("href")); return false; }); jQuery('.Date').datepicker( { changeMonth: true, changeYear: true, showOn: "both", buttonImage: "_images/kalendar.gif", buttonImageOnly: true }); jQuery('.DateWI').datepicker( { changeMonth: true, changeYear: true, buttonImageOnly: false }); //fix anchors on page with base tag defined var pathname = location.href.replace(/#.*$/, ''); $('a').each(function () { var link = $(this).attr('href'); if (link && link.substr(0,1) == "#") { $(this).attr('href', pathname + link); } }); //GA4: Part2 2.8 Slider $(".ai-slider .bcImageItems a.item").each(function(){ setGa4SelectContent(this, "click_slider", "Slider", $(this).find("img").data("src-full"), $(this).attr("href")); }); //GA4: Part2 2.25 Open Additional Infromation $(".ui-tabs-anchor").each(function(){ //setGa4OpenAddInfo(this, "open_additional_information", $(this).text()); //used in article/tabs.php }); //GA4: Part2 2.26 Select Sort $("#RowSelectOrder").click(function(){ setGa4SelectSort(this, "select_sort", $(this).val()); }); //GA4: Part1 2.2 Select Sort $(".aiBtnReg").each(function(){ ga4RegStart(this); }); //GA4: Part2 2.28. Reset Filter - implemented in article/filtration.php //GA4: Part1 2.3. Sign UP submit - implemented in inc/registration-form.php //GA4:2.2 and 2.3 CTA $("a.linkRegular").each(function(){ if($(this).attr("href").indexOf("http:")===-1)//click_cta and outbound_link_click has same attributes setGa4CTA(this, "click_cta", "Text", "LinkRegularClickCta", $(this).text().trim(), $(this).attr("href")) else setGa4CTA(this, "outbound_link_click", "Text", "LinkRegularOutboundLinkClick", $(this).text().trim(), $(this).attr("href")) }); //GA4:2.2 and 2.3 CTA $("a.btnMain").each(function(){ if($(this).attr("href").indexOf("ext=")>0)//url is download file setGa4Donwload(this, "file_download", $(this).text(), $(this).attr("href")); if($(this).attr("href").indexOf("http:")===-1)//click_cta and outbound_link_click has same attributes setGa4CTA(this, "click_cta", "Button", "LinkRegularClickCta", $(this).text().trim(), $(this).attr("href")) else setGa4CTA(this, "outbound_link_click", "Button", "LinkRegularOutboundLinkClick", $(this).text().trim(), $(this).attr("href")) }); //GA4:2.5 Navigation click $(".navbar-nav .nav-link, .navbar-nav .list-group-item").each(function(){ targetUrl = $(this).prop("href"); isLink = false; if(targetUrl.slice(-1)!="#") isLink = true; else targetUrl = ""; setGa4CTA(this, "navigation", "Top Menu", "NavigationClick", $(this).text(), targetUrl); }); //GA4:2.6 Expand Accordeon $(".accordion-button").each(function(){ if($(this).hasClass("collapsed")) setGa4ElText(this, "expand_accordation", $(this).text().trim()); else setGa4ElText(this, "collapse_accordation", $(this).text().trim()); }); //GA4:2.7 Collapse Accordeon $(".accordion-button").click(function(){ if($(this).hasClass("collapsed")) setGa4ElText(this, "expand_accordation", $(this).text().trim()); else setGa4ElText(this, "collapse_accordation", $(this).text().trim()); }); function anchor_new_window(event) { event.currentTarget.target = "_blank"; }//end of function anchor_new_window() function writeLastVisited() { for(i=0;i<5;i++) { if($.cookie("articlesLastVisited["+i+"][Url]")!=null) { var articleName = ($.cookie("articlesLastVisited["+i+"][Name]")); var articleImg = ($.cookie("articlesLastVisited["+i+"][Img]")); oA = $("#articlesLastVisitedItem").clone().appendTo( $("#articlesLastVisitedItem").parent()).prop("id", ""); oA.append(""+((typeof(articleImg)!="undefined")?(""):"")+""+articleName+"
").show(); document.getElementById("articlesLastVisitedNoItem").style.display = "none"; }//end of if }// end of for }//end of function writeLastVisited() });//####################################################################################### function wo(objHref, strTarget, confirmationText)//window_open_href {// function for open window in XHTML 1.1 strict - no target by anchor is allowed if(confirmationText!="" && typeof confirmationText !="undefined" ) { if(window.confirm(confirmationText)) if(objHref.href.search('javascript')==0)return true; else window.open(objHref.href, strTarget); }else if(objHref.href.search('javascript')==0)return true; else window.open(objHref.href, strTarget); return false; }// end of function window_open_href(objHref) function open_href(objHref, strTarget) {// function for open window in XHTML 1.1 strict - no target by anchor is allowed window.open(objHref.href, strTarget); return false; }// end of function window_open_href(objHref) function shopCheckDeposit(oInput, strDeposit, minCount, variantSelectType) { var maxDeposit = -1; var idSelectedVariant = 0; //check min count if(parseInt(oInput.value) < parseInt(minCount)) { oInput.value=minCount; window.alert(strAALMiC.replace("{Count}", minCount)); }// end of if check min count // 1 - get variant select type and selcted variant value if(strDeposit.indexOf(",") != -1) {// are variants arrDeposit = strDeposit.split(","); if(variantSelectType == 0) {// checkbox // get checked variant for(i=0; i< arrDeposit.length; ++i) { arrDepositVariant = arrDeposit[i].split("-"); oChkbox = document.getElementById("variant_radio_"+arrDepositVariant[0]); if(oChkbox && oChkbox.checked) idSelectedVariant = arrDepositVariant[0]; }// end of for }else idSelectedVariant = document.getElementById("IdVariant-"+parseInt(arrDeposit[0])).value; // get max items on deposit for(i=1; i< arrDeposit.length; ++i) { arrDepositVariant = arrDeposit[i].split("-"); if(arrDepositVariant[0] == idSelectedVariant) maxDeposit = arrDepositVariant[1]; }// end of for }// end of if are variants // if is no deposit by variant or are no variants use deposit from article if(maxDeposit == -1) maxDeposit = parseInt(strDeposit.substr(strDeposit.indexOf("-")+1));// there are no variants if(maxDeposit != -1 && parseInt(oInput.value) > parseInt(maxDeposit)) { oInput.value=parseInt(maxDeposit); window.alert(strAALMaC.replace("{Count}", maxDeposit)); }// end of if is value more than maxDeposit }// end of function shopCheckDeposit(oInput, strDeposit, variantSelectType, alert) function alertObject(obj) { var keys = []; for(var k in obj) keys.push(k); // alert("total " + keys.length + " keys: " + keys); console.log ( "total " + keys.length + " keys: " + keys); }//end of function alertObject(obj) function alertObjectValues(obj) { var keys = []; for(var k in obj) keys.push(k+"="+obj[k]+";\n"); alert("total " + keys.length + " keys: " + keys); }//end of function alertObject(obj) /* * PagScript.js */ function PagingIncPagPerPage(GUID, GUIDList) { window.document.getElementById("PagPerPage"+GUID).value = parseInt(window.document.getElementById("PagPerPageList"+GUIDList).value) + 1; PaggingGo(); return false; }// end of function PagingIncPagPerPage function PagingDecPagPerPage(GUID, GUIDList) { if(parseInt(window.document.getElementById("PagPerPageList"+GUID).value) > 1) { window.document.getElementById("PagPerPage"+GUID).value = parseInt(window.document.getElementById("PagPerPageList"+GUIDList).value) - 1; PaggingGo(); } return false; }// end of function PagingDecPagPerPage function PagingIncPage(GUID, GUIDList) { if(parseInt(window.document.getElementById("PagCurrPageList"+GUIDList).value) < parseInt(window.document.getElementById("PagConstMaxPage"+GUIDList).innerHTML)) { window.document.getElementById("PagCurrPage"+GUID).value = parseInt(window.document.getElementById("PagCurrPageList"+GUIDList).value) + 1; PaggingGo(); } return false; }// end of function PagingIncPage function PagingDecPage(GUID, GUIDList) { if(parseInt(window.document.getElementById("PagCurrPageList"+GUIDList).value) > 1) { window.document.getElementById("PagCurrPage"+GUID).value = parseInt(window.document.getElementById("PagCurrPageList"+GUIDList).value) - 1; PaggingGo(); } return false; }// end of function PagingDecPage function changePerPage(GUID, GUIDList) { window.document.getElementById("PagPerPage"+GUID).value = parseInt(window.document.getElementById("PagPerPageList"+GUIDList).value); PaggingGo(); }//end of function changePerPage() function changeCurrPage(GUID, GUIDList) { window.document.getElementById("PagCurrPage"+GUID).value = parseInt(window.document.getElementById("PagCurrPageList"+GUIDList).value); PaggingGo(); }//end of function changeCurrPage() function goToCurrPage(GUID, page) { window.document.getElementById("PagCurrPage"+GUID).value = page; PaggingGo(); return false; }// end of function goToCurrPage(GUID) function PaggingGo(nosend) { var PaggingValues = ""; for(i=0;i <= arrPaggingGuid.length-1;i++) { PaggingValues += window.document.getElementById( "Pag" + arrPaggingGuid[i] ).value + ":"; PaggingValues += window.document.getElementById( "PagPerPage" + arrPaggingGuid[i] ).value + ":"; PaggingValues += window.document.getElementById( "PagCurrPage" + arrPaggingGuid[i] ).value + ";"; }// end of for window.document.getElementById("PaggingValues").value = PaggingValues; window.document.getElementById("formPag"+GuidPaggingForm).PaggingValues.value = PaggingValues; if(!nosend)window.document.getElementById("formPag"+GuidPaggingForm).submit(); }// end of function PaggingGo function GetPaggingString() { var PaggingValues = ""; if(typeof(arrPaggingGuid) != "undefined") { for(i=0;i <= arrPaggingGuid.length-1;i++) { PaggingValues += window.document.getElementById( "Pag" + arrPaggingGuid[i] ).value + ":"; PaggingValues += window.document.getElementById( "PagPerPage" + arrPaggingGuid[i] ).value + ":"; PaggingValues += window.document.getElementById( "PagCurrPage" + arrPaggingGuid[i] ).value + ";"; }// end of for } return "PaggingValues=" + PaggingValues; } function GetPaggingStringValue() { var PaggingValues = ""; if(typeof(arrPaggingGuid) != "undefined") { for(i=0;i <= arrPaggingGuid.length-1;i++) { PaggingValues += window.document.getElementById( "Pag" + arrPaggingGuid[i] ).value + ":"; PaggingValues += window.document.getElementById( "PagPerPage" + arrPaggingGuid[i] ).value + ":"; PaggingValues += window.document.getElementById( "PagCurrPage" + arrPaggingGuid[i] ).value + ";"; }// end of for } return PaggingValues; } function AnchorWithPagging(href) { window.document.location.href = href + "&" +GetPaggingString(); } function count(obj, IDCount, strAlert, len1) { len = obj.value.length; if (len>len1) { alert(strAlert); obj.value = obj.value.substring(0, len1); len = len1; } document.getElementById(IDCount).value = len; }// counter for textarea count of chars function getSelectValueById(IdSelect) { return document.getElementById(IdSelect).options[document.getElementById(IdSelect).selectedIndex].value; }// end of function getSelectValue(oSelect) function getSelectTextById(IdSelect) { return document.getElementById(IdSelect).options[document.getElementById(IdSelect).selectedIndex].text; }// end of function getSelectValue(oSelect) /* * treeScript.js */ function sendForm(IdButtSend, eventTo) { var SrcTag; if(!eventTo.srcElement)SrcTag = eventTo.originalTarget; if(!eventTo.originalTarget)SrcTag = eventTo.srcElement; if(SrcTag.tagName == 'INPUT' && SrcTag.type == 'text' && eventTo.keyCode == 13) return false; if((SrcTag.tagName != 'BUTTON') || (SrcTag.tagName == 'INPUT' && SrcTag.type != 'submit')) eventTo.cancelBubble = true; }// end of function sendForm(this) //############################################################################# function changeClass(obj, newClass) { obj.className = newClass; // obj.style.color = "blue"; }// end of function changeClass(obj, newClass) //############################################################################# function changeImg(objImg, newPath) { oldPathPos = objImg.src.lastIndexOf("/") + 1; strfileName = objImg.src.substr(oldPathPos, (objImg.src.length-oldPathPos)); objImg.src = objImg.src.replace(strfileName, newPath); }// end of function changeImg(objImg, newPath) //############################################################################# function c1(Img, noOpenNode)//Ctree_ShowHideNode { ImgId = Img.id; NodeID = ImgId.replace("ImgTreeShowHide_", ""); arrNodes = Img.parentNode.getElementsByTagName("UL"); if(! arrNodes.length) arrNodes = Img.parentNode.parentNode.getElementsByTagName("UL"); if(arrNodes.length>0) { Node = arrNodes[0]; NodeState = Node.style.display; if(NodeState == "none") {// node is acctually hidden, show his Img.src = Img.src.replace("plus", "minus"); Img.alt = "-" + Img.alt.substr(1, Img.alt.length); if(!noOpenNode)Node.style.display = "block"; Ctree_OpenNode(NodeID, true); }else { Img.src = Img.src.replace("minus", "plus"); Img.alt = "+" + Img.alt.substr(1, Img.alt.length); if(!noOpenNode)Node.style.display = "none"; Ctree_OpenNode(NodeID, false); }// end of if NodeState == none }// end of if }// end of function c1(Img) //############################################################################# function c2(Img, getUrlLoad)//Ctree_ShowHideNodeAjax { ImgId = Img.id; NodeID = ImgId.replace("ImgTreeShowHide_", ""); NOT = NodeID.substr(0, NodeID.indexOf("_")); NodeID = NodeID.substr(NodeID.indexOf("_")+1); arrNodes = Img.parentNode.getElementsByTagName("UL"); nodeType = Img.src.substr(Img.src.length-5, 1); if(nodeType==2 || nodeType==3 || nodeType==5 || nodeType==6) { switch(nodeType) { case "2": nodeTypeNew = 3; Img.src = Img.src.substr(0, Img.src.length-5)+nodeTypeNew+".gif"; Img.alt = Img.alt.substr(0, Img.alt.length-3) + "-" + Img.alt.substr(Img.alt.length-2); break; case "3": nodeTypeNew = 2; Img.src = Img.src.substr(0, Img.src.length-5)+nodeTypeNew+".gif"; Img.alt = Img.alt.substr(0, Img.alt.length-3) + "+" + Img.alt.substr(Img.alt.length-2); break; case "5": nodeTypeNew = 6; Img.src = Img.src.substr(0, Img.src.length-5)+nodeTypeNew+".gif"; Img.alt = Img.alt.substr(0, Img.alt.length-3) + "-" + Img.alt.substr(Img.alt.length-2); break; case "6": nodeTypeNew = 5; Img.src = Img.src.substr(0, Img.src.length-5)+nodeTypeNew+".gif"; Img.alt = Img.alt.substr(0, Img.alt.length-3) + "+" + Img.alt.substr(Img.alt.length-2); break; }// end of switch if(arrNodes.length>0) { Node = arrNodes[0]; NodeState = Node.style.display; if(NodeState == "none") {// node is acctually hidden, show his Node.style.display = "block"; Ctree_OpenNode(NodeID, true); }else { Node.style.display = "none"; Ctree_OpenNode(NodeID, false); }// end of if NodeState == none }else { loadSubnodes(NOT, NodeID, Img.src, getUrlLoad); }// end of if } }// end of function c2(Img, getUrlLoad) //############################################################################# function c3(objImg)//Ctree_ShowHideNode3 {// this function is use only if CTree->clsIntControl == 3 idOpenedNode = objImg.id.replace("ImgTreeShowHide_", ""); // zjisti root & intLevel stromu v documentu rootID = 0; intLevel = 0; actNode = objImg.parentNode; while(actNode.tagName == "UL" || actNode.tagName == "LI") { if(actNode.id.substr(0, 8) == "tree_UL_") { rootID = actNode.id.replace("tree_UL_", ""); intLevel ++; }// end of if actNode = actNode.parentNode; }// end of while // end of zjisti root & intLevel stromu v documentu // get prefix of this node ImgNodes = objImg.parentNode.getElementsByTagName("IMG"); ImgNodesLen = ImgNodes.length; prefix1 = Array(""); for(i = 0; i < ImgNodesLen ; i++) {// use length -1 because last image is not prefix if(ImgNodes[i].className == "CtreeImgTree") { if(ImgNodes[i].alt == ' ')prefix1[i] = "0"; else if(ImgNodes[i].alt.substr(ImgNodes[i].alt.length -1, ImgNodes[i].alt. length) == '_') prefix1[i] = "0"; else prefix1[prefix1.length] = "1"; //last image is T or L? } } prefix = prefix1.join(","); // end of get prefix of this node if(document.getElementById("tree_UL_" + idOpenedNode)) c1(objImg); else { objImg.alt = "-" + objImg.alt.substr(1, objImg.alt.length); document.getElementById("iFrmCTreeOpenNode").src = document.location.href + "?CTreeIFrameId=" + idOpenedNode + "&CTreeIFramePrefix=" + prefix + "&CTreeIFrameRootId=" + rootID + "&CTreeIFrameIntLevel=" + intLevel; Ctree_OpenNode(idOpenedNode, true); } }// end of function c3(objImg, prefix) //############################################################################# function Ctree_Check(objChckBox, blnParent) { // if is blnParent true then is function call from iframe, use as document parent.document if(blnParent)objDocument = parent.document; else objDocument = document; // this function is call when user click on checkbox in multiselect mode intRoot = 0; blnChecked = objChckBox.checked; // scan down levels Node = objChckBox.parentNode; // parent is LI tag contains same node and all subnodes Nodes = Node.getElementsByTagName("input"); lenNodes = Nodes.length; for(i=0; i < lenNodes; i++) if(Nodes[i].type == "checkbox" && Nodes[i].id.substr(0 , 13) == "ChbCTreeNode_" && Nodes[i].id != objChckBox.id) Nodes[i].checked = blnChecked; // end of scan down levels // up levels if(!objChckBox.checked) {// not ckeckout checkboxes to up levels lastNodeId = objChckBox.id.replace("ChbCTreeNode_", ""); actNode = objChckBox.parentNode; while ((actNode.tagName == "UL" || actNode.tagName == "LI") && (actNode.id != ("tree_UL_" +intRoot))) { if(actNode.tagName == "UL") lastNodeId = actNode.id.replace("tree_UL_", ""); if(actNode.tagName == "LI") objDocument.getElementById("ChbCTreeNode_" + lastNodeId).checked = false; actNode = actNode.parentNode; }// end of while }else// end of if {// checkout parent checboxes if all sub nodes are checked lastNodeId = objChckBox.id.replace("ChbCTreeNode_", ""); actNode = objChckBox.parentNode; while ((actNode.tagName == "UL" || actNode.tagName == "LI") && (actNode.id != ("tree_UL_" +intRoot))) { if(actNode.tagName == "UL")lastNodeId = actNode.id.replace("tree_UL_", ""); if(actNode.tagName == "LI") { NodesInSameLevel = actNode.getElementsByTagName("INPUT"); NodesInSameLevelCnt = NodesInSameLevel.length; isAllChecked = true; for(i = 1; i < NodesInSameLevelCnt; i++) { if(NodesInSameLevel[i].type == "checkbox" && !NodesInSameLevel[i].checked && NodesInSameLevel[i].id != actNode.id) { isAllChecked = false; break; }// end of if }// end of for if(isAllChecked) objDocument.getElementById("ChbCTreeNode_" + lastNodeId).checked = true; else break; }// end of if actNode = actNode.parentNode; }// end of while } //alert(document.getElementById("inptCTreeOpenedNodes").value); }// end of function Ctree_Check(this) //############################################################################# function Ctree_OpenNode(idOpenedNode, blnAdd) { strOpenedNodes = document.getElementById("OpenedNodes").value; arrOpenedNodes = strOpenedNodes.split(","); newArrOpenedNodes = Array(); lenArrOpenedNodes = arrOpenedNodes.length; // check if is set node in array for(j = 0; j < lenArrOpenedNodes; j++) if(arrOpenedNodes[j] != idOpenedNode) newArrOpenedNodes[newArrOpenedNodes.length] = arrOpenedNodes[j]; if(blnAdd) newArrOpenedNodes[newArrOpenedNodes.length] = idOpenedNode; // end of check if is set node in array document.getElementById("OpenedNodes").value = newArrOpenedNodes.join(","); }// end of function Ctree_OpenNode(idOpenedNode, blnAdd) //############################################################################# function Ctree_insertNode() { // if exist checkbox then is multipleselect mode activated -> check if is checked parent checbox blnIsMultipleSelectMode = parent.document.getElementById("ChbCTreeNode_"); if(blnIsMultipleSelectMode) blnParentChecked = parent.document.getElementById("ChbCTreeNode_").checked; parent.document.getElementById("tree_LI_").innerHTML += document.getElementById("load").innerHTML; parent.document.getElementById("ImgTreeShowHide_").src = parent.document.getElementById("ImgTreeShowHide_").src.replace("plus", "minus"); // check if is parent node checked if(blnIsMultipleSelectMode) { parent.document.getElementById("ChbCTreeNode_").checked = blnParentChecked; Ctree_Check(parent.document.getElementById("ChbCTreeNode_"), true); }// end of if }// end of function insertNode() function openNodesOnPageAfterInit() { oLIs = document.getElementsByTagName("li"); for(i=0;i 0) || (inpWhich == 'after' && selection.length > 1)) { var elemForm = document.createElement('form'); elemForm.style.float = 'none'; elemForm.style.border = '1px solid #fff'; elemForm.style.display = 'block'; elemForm.action = '#'; elemForm.method = 'POST'; ListItem.appendChild(elemForm); var elemFieldset = document.createElement('fieldset'); elemFieldset.style.border = '0'; elemForm.appendChild(elemFieldset); var textNode = document.createTextNode(arrMsgs[0] + ': '); elemFieldset.appendChild(textNode); var elemHidden = document.createElement('input'); elemHidden.type = 'hidden'; elemHidden.name = 'Id'; elemHidden.value = ListItem.id.substr(ListItem.id.lastIndexOf("_")+1); elemFieldset.appendChild(elemHidden); var elemHidden = document.createElement('input'); elemHidden.type = 'hidden'; elemHidden.name = 'IdParent'; elemHidden.value = List.id.substr(List.id.lastIndexOf("_")+1); elemFieldset.appendChild(elemHidden); var elemSelect = document.createElement('select'); elemSelect.name = 'moveTo'; elemSelect.style.width = '150px'; elemSelect.style.border = '1px solid #000'; elemFieldset.appendChild(elemSelect); if(inpWhich == 'after') var startValue = 1; else if(inpWhich == 'before') var startValue = 0; for(i = startValue; i < selection.length; i++) { elems = selection[i].split('|'); var elemOption = document.createElement('option'); elemOption.value = elems[0]; elemOption.text = elems[1]; if(navigator.appName == 'Microsoft Internet Explorer') elemSelect.add(elemOption); else elemSelect.appendChild(elemOption); }// end of for var elemSubmit = document.createElement('input'); elemSubmit.style.width = '20px'; elemSubmit.style.height = '16px'; elemSubmit.type = 'submit'; elemSubmit.name = 'moveTo_send'; elemSubmit.value = 'OK'; elemFieldset.appendChild(elemSubmit); var elemClose = document.createElement('a'); elemClose.style.fontSize = '16px'; elemClose.style.fontWeight = '800'; elemClose.style.color = 'red'; elemClose.innerHTML = "X"; elemClose.href = '#'; elemClose.onclick = function() {this.parentNode.parentNode.style.display = "none";}; elemFieldset.appendChild(elemClose); }// end of if else alert(arrMsgs[1]); }// end of function createNodesSelection(inpId, msgs, inpWhich) /* * treeMenuScript.js */ //********************MENU******************* MenuArrOpenedNodes = Array(1); MenuArrOpenedNodes[0]=1; stopAll = false; function m1(objA, target, eventTo)//MenuShowHideSubmenu { // ignore tab and arrows if(eventTo.keyCode && (eventTo.keyCode==9 ||(eventTo.keyCode>=37 && eventTo.keyCode<=40))) return false; objMainDiv = MenuGetMainDiv(objA); //change image before if exists if(objA.previousSibling && objA.previousSibling.tagName=="IMG") c1(objA.previousSibling, true); // fix bug for IE When previousSibling is else if(objA.previousSibling && objA.previousSibling.previousSibling && objA.previousSibling.previousSibling.tagName=="IMG") c1(objA.previousSibling.previousSibling, true); // get ul in parent li if(objA.parentNode.tagName=="LI") objUL = objA.parentNode.getElementsByTagName("UL"); else objUL = objA.parentNode.parentNode.getElementsByTagName("UL"); if(objUL[0]) { if(objUL[0].style.display == "block" || objUL[0].style.display == "block")// set visibility submenu to true objUL[0].style.display = "none"; else { // get ULs ID into array of opened nodes MenuArrOpenedNodes[MenuArrOpenedNodes.length] = objUL[0].id; // set visibility submenu to true objUL[0].style.display = "block"; // positing submenu after width of actual menu objUL[0].style.left = objA.parentNode.offsetWidth; } return false; } if(objA.href.search('javascript')==0)return true; else { wo(objA, target); return false; }// end of else if is JS in anchor }// end of function m1(objA) function MenuHide(LiName, objMainDiv) {// set to hidden submenus, whats are not submenu actual LI for(i=MenuArrOpenedNodes.length-1; i > 0; i--) { if(LiName == MenuArrOpenedNodes[i]) i=0; else { objUL = document.getElementById(MenuArrOpenedNodes[i]); objUL.style.display = "none"; } } }// end of function MenuShowHideChildern(objA) function MenuGetMainDiv(objInMenu) { if(objInMenu.parentNode.tagName == "DIV")return objInMenu.parentNode; else return MenuGetMainDiv(objInMenu.parentNode); }// end of function MenuGetMainDiv(objInMenu) //Menu and category if(typeof(jQuery)!="undefined") { $(function() { if($(".treeP_blank")) { $(".treeP_blank").click(function(event){ event.stopPropagation(); m1(this, "_blank", event); return false; }); $(".treeP_self").click(function(event){ event.stopPropagation(); m1(this, "_blank", event); return false; }); }//end of if }); } //Pretty scroll function scrollWin(){ $('html,body').animate({ scrollTop: 0 }, 2000); } function testRC(x, age) { if(!age) age = 0; try { if(x.length == 0) return true; if(x.length < 9) throw 1; var year = parseInt(x.substr(0, 2), 10); var month = parseInt(x.substr(2, 2), 10); var day = parseInt( x.substr(4, 2), 10); var ext = parseInt(x.substr(6, 3), 10); if((x.length == 9) && (year < 54)) return true; var c = 0; if(x.length == 10) c = parseInt(x.substr(9, 1)); var m = parseInt( x.substr(0, 9)) % 11; if(m == 10) m = 0; if(m != c) throw 1; year += (year < 54) ? 2000 : 1900; if((month > 70) && (year > 2003)) month -= 70; else if (month > 50) month -= 50; else if ((month > 20) && (year > 2003)) month -= 20; var d = new Date(); if((year + age) > d.getFullYear()) throw 1; if(month == 0) throw 1; if(month > 12) throw 1; if(day == 0) throw 1; if(day > 31) throw 1; } catch(e) { return false; } return true; } function getCookie(cname) { var name = cname + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for(var i = 0; i ').html(text).dialog({ dialogClass: className, title: title, modal: true, close: function() { $(this).dialog('destroy').remove(); }, width: myWidth, buttons: strButtons, cssClass: className }); } $('.ui-dialog-buttonset .ui-button').trigger('blur'); if(className!='') { $('.ui-dialog-buttonset .ui-button').addClass('button aBasket d3'); $('.ui-dialog-buttonset .ui-button').removeClass('ui-widget ui-button ui-corner-all'); } } function myconfirm(dialogText, okFunc, cancelFunc, dialogTitle, className) { var btns = {}; btns[okFunc[0]] = function () {if (typeof (okFunc[1]) == 'function') {setTimeout(okFunc[1], 50);}$(this).dialog('destroy');} //btns[class] = 'custom-class'; btns[cancelFunc[0]] = function () {if (typeof (cancelFunc[1]) == 'function') {setTimeout(cancelFunc[1], 50);}$(this).dialog('destroy');} // novy dialog otevrit pouze pokud neni otevren zadny jiny dialog if (!$('.ui-dialog:visible').length) { $('
' + dialogText + '
').dialog({ draggable: false, dialogClass: className, modal: true, resizable: false, width: 'auto', title: dialogTitle || 'Confirm', minHeight: 75, buttons: btns, open: function(event) { $('.ui-dialog-buttonpane').find('button:contains('+okFunc[0]+')').addClass(okFunc[2]); $('.ui-dialog-buttonpane').find('button:contains('+cancelFunc[0]+')').addClass(cancelFunc[2]); } }); } $('.ui-dialog-buttonset .ui-button').trigger('blur'); if(className!='')$('.ui-dialog-buttonset .ui-button').removeClass('ui-widget ui-button ui-corner-all'); } /* OLD FUNCTION myconfirm function myconfirm(dialogText, okFunc, cancelFunc, dialogTitle, OKTitle, cancleTitle) { var btns = {}; btns[OKTitle] = function () {if (typeof (okFunc) == 'function') {setTimeout(okFunc, 50);}$(this).dialog('destroy');} //btns[class] = 'custom-class'; btns[cancleTitle] = function () {if (typeof (cancelFunc) == 'function') {setTimeout(cancelFunc, 50);}$(this).dialog('destroy');} // novy dialog otevrit pouze pokud neni otevren zadny jiny dialog if (!$('.ui-dialog:visible').length) { $('
' + dialogText + '
').dialog({ draggable: false, modal: true, resizable: false, width: 'auto', title: dialogTitle || 'Confirm', minHeight: 75, buttons: btns }); } } */ if(typeof(jQuery)!="undefined") $(document).ready(function() { var cache = new Array(); jQuery.fn.validateFormItem = function (msgs) { return this.each(function() { $(this).bind("blur keyup focus change", function(){ var msg = ""; var msgi = ""; if($(this).hasClass("required") && $(this).val()=="") { msg = $("LABEL[for="+this.id+"]").text()+" - "+msgs.required; }//end of if required if($(this).hasClass("length") && $(this).val().length<$(this).data("length")) { msg = $("LABEL[for="+this.id+"]").text()+" - "+msgs.length; }//end of if required if($(this).hasClass("zip") && $(this).val()!="") { $(this).val($(this).val().replace(/\s/g, '')); if(!isPSC($(this).val(), 1000, 99999)) { msg = $("LABEL[for="+this.id+"]").text()+" - "+msgs.zip; }//end of if required }//end of if zip /* if($(this).hasClass("state") && $(this).val()!="") { oSelectPhone = $(this).parent().parent().parent().find(".phone"); oSelectPhone.change(); }//end of if state if($(this).hasClass("phone") && $(this).val()!="") { $(this).val($(this).val().replace(/\s/g, '')); oSelectSate = $(this).parent().parent().parent().find(".state"); IdState = $(oSelectSate).val(); if(typeof(cache["state"])=="undefined") cache["state"] = new Array(); if(typeof(cache["state"]["prefix"])=="undefined") cache["state"]["prefix"] = new Array(); if(typeof(cache["state"]["prefix"][IdState])=="undefined") cache["state"]["prefix"][IdState] = getPhonePrefixByIdState(IdState); //alert($(this).data("state")); if($(this).data("state") != IdState)//state was changed, remove old prefix { if(typeof(cache["state"]["prefix"][$(this).data("state")])=="undefined") cache["state"]["prefix"][$(this).data("state")] = getPhonePrefixByIdState($(this).data("state")); $(this).val($(this).val().replace(cache["state"]["prefix"][$(this).data("state")], "")) $(this).data("state", IdState); } if( ($(this).val().substr(0, cache["state"]["prefix"][IdState].toString().length) != cache["state"]["prefix"][IdState].toString()) && ($(this).val().substr(0, cache["state"]["prefix"][IdState].toString().replace("+", "00").length) != cache["state"]["prefix"][IdState].replace("+", "00").toString()) ) $(this).val(cache["state"]["prefix"][IdState].toString()+$(this).val()); // validate phone number //var regex = new RegExp('^(\\+[0-9]{1,6})?[0-9]{9}$'); var regex = new RegExp('^[0-9]{9}$'); if (!regex.test($(this).val().replace(cache["state"]["prefix"][IdState].toString(), ''))) msg = $("LABEL[for="+this.id+"]").text()+" - "+msgs.phone; }//end of if phone */ if($(this).hasClass("state") && $(this).val()!="") { oSelectPhone = $(this).parent().parent().parent().find(".phone"); oSelectPhone.change(); }//end of if state if($(this).hasClass("phone") && $(this).val()!="" && $(this).val().length<=1) { $(this).val($(this).val().replace(/\s/g, '')); oSelectSate = $(this).parent().parent().parent().find(".state"); IdState = $(oSelectSate).val(); if(typeof(cache["state"])=="undefined") cache["state"] = new Array(); if(typeof(cache["state"]["prefix"])=="undefined") cache["state"]["prefix"] = new Array(); if(typeof(cache["state"]["prefix"][IdState])=="undefined") cache["state"]["prefix"][IdState] = getPhonePrefixByIdState(IdState); //alert($(this).data("state")); if($(this).data("state") != IdState)//state was changed, remove old prefix { if(typeof(cache["state"]["prefix"][$(this).data("state")])=="undefined") cache["state"]["prefix"][$(this).data("state")] = getPhonePrefixByIdState($(this).data("state")); $(this).val($(this).val().replace(cache["state"]["prefix"][$(this).data("state")], "")) $(this).data("state", IdState); } if( ($(this).val().substr(0, cache["state"]["prefix"][IdState].toString().length) != cache["state"]["prefix"][IdState].toString()) && ($(this).val().substr(0, cache["state"]["prefix"][IdState].toString().replace("+", "00").length) != cache["state"]["prefix"][IdState].replace("+", "00").toString()) ) $(this).val(cache["state"]["prefix"][IdState].toString()+$(this).val()); // validate phone number //var regex = new RegExp('^(\\+[0-9]{1,6})?[0-9]{9}$'); var regex = new RegExp('^[0-9]{9}$'); if (!regex.test($(this).val().replace(cache["state"]["prefix"][IdState].toString(), ''))) msg = $("LABEL[for="+this.id+"]").text()+" - "+msgs.phone; }//end of if phone if($(this).hasClass("phone") && $(this).val()!="" && $(this).val().length>1) { // validate phone number var regex = new RegExp('^(\\+[0-9]{1,6})?[0-9]{9}$'); //var regex = new RegExp('^[0-9]{9}$'); //if (!regex.test($(this).val().replace(cache["state"]["prefix"][IdState].toString(), ''))) if (!regex.test($(this).val())) msg = $("LABEL[for="+this.id+"]").text()+" - "+msgs.phone; }//end of if phone if($(this).hasClass("ic") && $(this).val()!="") { $(this).val($(this).val().replace(/\s/g, '')); if(!verifyICDIC($(this).val(), false)) msg = $("LABEL[for="+this.id+"]").text()+" - "+msgs.ic; }//end of if ic if($(this).hasClass("dic") && $(this).val()!="") { $(this).val($(this).val().replace(/\s/g, '')); if(!verifyICDIC($(this).val(), true)) msg = $("LABEL[for="+this.id+"]").text()+" - "+msgs.dic; }//end of if dic if($(this).hasClass("email") && $(this).val()!="") { if (!validateEmail($(this).val())) msg = $("LABEL[for="+this.id+"]").text()+" - "+msgs.email; }//end of if email if($(this).hasClass("psw")) { if ($(this).val().length<4) msg = $("LABEL[for="+this.id+"]").text()+" - "+msgs.psw; }//end of if password if($(this).hasClass("psw1")) { if ($(this).val()!=$(".psw").val()) msg = $("LABEL[for="+this.id+"]").text()+" - "+msgs.psw1+$("LABEL[for="+$(".psw").prop("id")+"]").text()+"."; }//end of if password again if($(this).hasClass("code") && $(this).val()!="") { $(this).val($(this).val().replace(/\s/g, '')); // validate phone number var regex = new RegExp('^[0-9a-fA-F]{5}$'); if (!regex.test($(this).val())) msg = $("LABEL[for="+this.id+"]").text()+" - "+msgs.code; }//end of if image code if($(this).hasClass("address") && $(this).val()!="") { var regex = new RegExp('^([a-zA-ZÀ-ž\ ¨-]+)[\ ]+([0-9\/]+)$'); if (!regex.test($(this).val())) { var regex = new RegExp('^([a-zA-Z]+)$'); if (!regex.test($(this).val())) msgi = $("LABEL[for="+this.id+"]").text()+" - "+msgs.street; var regex = new RegExp('^[0-9\/]+$'); if (!regex.test($(this).val())) msgi = $("LABEL[for="+this.id+"]").text()+" - "+msgs.street_number; }//end of if parse address }//end of if image code if(msg != "") { $(this).removeClass("valid"); $(this).addClass("errorInput"); if($("#"+this.id+"Err").length>0) { $("#"+this.id+"Err").html(msg).show(); } else { jQuery('
', { id: this.id+'Err', class: 'error', /*text: msg*/ }).appendTo($(this).parent()); $("#"+this.id+"Err").html(msg); } }else { $(this).addClass("valid"); $(this).removeClass("errorInput"); $("#"+this.id+"Err").hide(); } //process info window if(msgi != "") { if($("#"+this.id+"Info").length>0) { $("#"+this.id+"Info").text(msgi).show(); } else { jQuery('
', { id: this.id+'Info', class: 'info', text: msgi }).appendTo($(this).parent()); } }else { $("#"+this.id+"Info").hide(); } }); }); } }); function isPSC(strValue, minV, maxV) { if(tmpNumber = parseInt(strValue, 10)) { if(minV!=null && minV>tmpNumber)return false; if(maxV!=null && maxVtmpNumber)return false; return true; }// end of else else strValue = 0; return false; }// end of function isPSC(strValue, minV, maxV) function validateEmail(strEmail) { var v = new RegExp(); v.compile("^[_a-zA-Z0-9-]+(\\.[_a-zA-Z0-9-\+]+)*@[a-zA-Z0-9-]+(\\.[a-zA-Z0-9-]+)*\\.(([0-9]{1,3})|([a-zA-Z]{2,3})|(aero|coop|info|museum|name|group))$"); return v.test(strEmail); }// end of function validateEmail(strEmail) function getPhonePrefixByIdState(IdState) { var request = jQuery.ajax( { url: "_ajax/getStateById.php", type: "GET", data: {"Id":IdState},//132 async: false, dataType: "json" }); request.done( function(handleResponse) { if(handleResponse) request.returnValue = handleResponse.PhonePrefix; else return false; }); request.fail( function(jqXHR, textStatus) { alert( "Request failed right check: " + textStatus ); return false; }); return request.returnValue; }//end of function getPhonePrefixByIdState(IdState) function trim (s, c) { if (c === "]") c = "\\]"; if (c === "\\") c = "\\\\"; return s.replace(new RegExp( "^[" + c + "]+|[" + c + "]+$", "g" ), ""); } function removeEntities(strIn) { var strOut = $('').html(strIn).text(); return strOut; } function loaderShow() { $('.loader-wrapper').removeClass('loader-disabled'); } function loaderHide() { $('.loader-wrapper').addClass('loader-disabled'); } function hideLoginBox() { //myWidth = '800'; if(mobileIsActive())$('#mMenuL').trigger('click'); else $('.divLogin').trigger('click'); } function mobileIsActive() { myWidth = 992; if($(window).width()<myWidth)return true; else return false; } function getDialogClass() { if(mobileIsActive())return 'dialog-mobile'; else return 'dialog-desktop'; }/* Slimbox v2.04 - The ultimate lightweight Lightbox clone for jQuery (c) 2007-2010 Christophe Beyls <http://www.digitalia.be> MIT-style license. */ (function($) { // Global variables, accessible to Slimbox only var win = $(window), options, images, activeImage = -1, activeURL, prevImage, nextImage, compatibleOverlay, middle, centerWidth, centerHeight, ie6 = !window.XMLHttpRequest, hiddenElements = [], documentElement = document.documentElement, // Preload images preload = {}, preloadPrev = new Image(), preloadNext = new Image(), // DOM elements overlay, center, image, sizer, prevLink, nextLink, bottomContainer, bottom, caption, number; /* Initialization */ $(function() { // Append the Slimbox HTML code at the bottom of the document overlay = jQuery('<div>').attr("id", "lbOverlay")[0]; center = jQuery('<div>').attr("id", "lbCenter")[0]; bottomContainer = jQuery('<div>').attr("id", "lbBottomContainer")[0]; jQuery([overlay, center, bottomContainer]).css("display", "none"); image = jQuery('<div>').attr("id", "lbImage").appendTo(center).append( sizer = $('<div>').attr("style", "position: relative").append([ img = $('<img>').attr("src", "").attr("style", "z-index: 4;")[0], prevLink = $('<a> </a>').attr("id", "lbPrevLink").attr("href", "#").attr("style", "z-index: 5;display: block;font-size:1000000px;overflow: hidden;").click(previous)[0], nextLink = $('<a> </a>').attr("id", "lbNextLink").attr("href", "#").attr("style", "z-index: 5;display: block;font-size:1000000px;overflow: hidden;").click(next)[0] ])[0] )[0]; bottom = jQuery('<div>').attr("id", "lbBottom").appendTo(bottomContainer).append([ jQuery('<a>').attr("id", "lbCloseLink").attr("href", "#").add(overlay).click(close)[0], caption = jQuery('<div>').attr("id", "lbCaption")[0], number = jQuery('<div>').attr("id", "lbNumber")[0], jQuery('<div>').attr("style", "clear: both;")[0] ])[0]; jQuery("body").append([overlay, center, bottomContainer]); $(window).resize(function () { position(); resizeBox(); }); }); /* API */ // Open Slimbox with the specified parameters $.slimbox = function(_images, startImage, _options) { options = $.extend({ loop: false, // Allows to navigate between first and last images overlayOpacity: 0.8, // 1 is opaque, 0 is completely transparent (change the color in the CSS file) overlayFadeDuration: 400, // Duration of the overlay fade-in and fade-out animations (in milliseconds) resizeDuration: 400, // Duration of each of the box resize animations (in milliseconds) resizeEasing: "swing", // "swing" is jQuery's default easing initialWidth: 250, // Initial width of the box (in pixels) initialHeight: 250, // Initial height of the box (in pixels) imageFadeDuration: 400, // Duration of the image fade-in animation (in milliseconds) captionAnimationDuration: 400, // Duration of the caption animation (in milliseconds) counterText: "Image {x} of {y}", // Translate or change as you wish, or set it to false to disable counter text for image groups closeKeys: [27, 88, 67], // Array of keycodes to close Slimbox, default: Esc (27), 'x' (88), 'c' (67) previousKeys: [37, 80], // Array of keycodes to navigate to the previous image, default: Left arrow (37), 'p' (80) nextKeys: [39, 78] // Array of keycodes to navigate to the next image, default: Right arrow (39), 'n' (78) }, _options); // The function is called for a single image, with URL and Title as first two arguments if (typeof _images == "string") { _images = [[_images, startImage]]; startImage = 0; } middle = win.scrollTop() + (win.height() / 2); centerWidth = options.initialWidth; centerHeight = options.initialHeight; $(center).css({top: Math.max(0, middle - (centerHeight / 2)), width: centerWidth, height: centerHeight, marginLeft: -centerWidth/2}).show(); compatibleOverlay = ie6 || (overlay.currentStyle && (overlay.currentStyle.position != "fixed")); if (compatibleOverlay) overlay.style.position = "absolute"; $(overlay).css("opacity", options.overlayOpacity).fadeIn(options.overlayFadeDuration); position(); setup(1); images = _images; options.loop = options.loop && (images.length > 1); return changeImage(startImage); }; /* options: Optional options object, see jQuery.slimbox() linkMapper: Optional function taking a link DOM element and an index as arguments and returning an array containing 2 elements: the image URL and the image caption (may contain HTML) linksFilter: Optional function taking a link DOM element and an index as arguments and returning true if the element is part of the image collection that will be shown on click, false if not. "this" refers to the element that was clicked. This function must always return true when the DOM element argument is "this". */ $.fn.slimbox = function(_options, linkMapper, linksFilter) { linkMapper = linkMapper || function(el) { return [el.href, el.title]; }; linksFilter = linksFilter || function() { return true; }; var links = this; return links.unbind("click").click(function() { // Build the list of images that will be displayed var link = this, startIndex = 0, filteredLinks, i = 0, length; filteredLinks = $.grep(links, function(el, i) { return linksFilter.call(link, el, i); }); // We cannot use jQuery.map() because it flattens the returned array for (length = filteredLinks.length; i < length; ++i) { if (filteredLinks[i] == link) startIndex = i; filteredLinks[i] = linkMapper(filteredLinks[i], i); } return $.slimbox(filteredLinks, startIndex, _options); }); }; /* Internal functions */ function position() { var l = win.scrollLeft(), w = win.width(); var t = win.scrollTop(), h = win.height(); $([center, bottomContainer]).css({left: l + (w / 2)}); $(center).css({top: t+((h-$(center).height())/2)}); $(bottomContainer).css({top: t+((h-$(center).height())/2)+$(center).height()}); if (compatibleOverlay) $(overlay).css({left: l, top: win.scrollTop(), width: w, height: win.height()}); }//end of position function setup(open) { if (open) { $("object").add(ie6 ? "select" : "embed").each(function(index, el) { hiddenElements[index] = [el, el.style.visibility]; el.style.visibility = "hidden"; }); } else { $.each(hiddenElements, function(index, el) { el[0].style.visibility = el[1]; }); hiddenElements = []; } var fn = open ? "bind" : "unbind"; win[fn]("scroll resize", position); $(document)[fn]("keydown", keyDown); } function keyDown(event) { var code = event.keyCode, fn = $.inArray; // Prevent default keyboard action (like navigating inside the page) return (fn(code, options.closeKeys) >= 0) ? close() : (fn(code, options.nextKeys) >= 0) ? next() : (fn(code, options.previousKeys) >= 0) ? previous() : false; } function previous() { return changeImage(prevImage); } function next() { return changeImage(nextImage); } function changeImage(imageIndex) { if (imageIndex >= 0) { activeImage = imageIndex; activeURL = images[activeImage][0]; prevImage = (activeImage || (options.loop ? images.length : 0)) - 1; nextImage = ((activeImage + 1) % images.length) || (options.loop ? 0 : -1); stop(); center.className = "lbLoading"; preload = new Image(); preload.onload = animateBox; preload.src = activeURL; } return false; } function animateBox() { center.className = ""; imgw = preload.width; imgh = preload.height; if(((preload.height+100)>win.height() || preload.width>win.width())) { koefH = (win.height()-100)/preload.height; koefW = (win.width()-20)/preload.width; koef = ((koefH>koefW)?koefW:koefH); if(koef>1)koef = 1; imgw = preload.width*koef; imgh = preload.height*koef; }//end of if $(image).css({backgroundImage: "url(" + activeURL + ")", backgroundSize: imgw + "px " + imgh + "px", width: imgw + "px ", height: imgh + "px ", visibility: "hidden", display: ""}); $(img).css({width: imgw + "px ", height: imgh + "px "}).attr("src", activeURL); $(sizer).width(imgw); $([sizer, prevLink, nextLink]).height(imgh); $(caption).html(images[activeImage][1] || ""); $(number).html((((images.length > 1) && options.counterText) || "").replace(/{x}/, activeImage + 1).replace(/{y}/, images.length)); if (prevImage >= 0) preloadPrev.src = images[prevImage][0]; if (nextImage >= 0) preloadNext.src = images[nextImage][0]; // centerWidth = image.offsetWidth; centerWidth = imgw<200?200:imgw; centerHeight = image.offsetHeight; var top = Math.max(0, middle - (centerHeight / 2)); if (center.offsetHeight != centerHeight) { $(center).animate({height: centerHeight, top: top}, options.resizeDuration, options.resizeEasing); } if (center.offsetWidth != centerWidth) { $(center).animate({width: centerWidth+20, marginLeft: -(centerWidth+20)/2}, options.resizeDuration, options.resizeEasing); } $(center).queue(function() { $(bottomContainer).css({width: centerWidth+20, top: top + centerHeight, marginLeft: -(centerWidth+20)/2, visibility: "hidden", display: ""}); $(image).css({display: "none", visibility: "", opacity: ""}).fadeIn(options.imageFadeDuration, animateCaption); }); } function resizeBox() { imgw = preload.width; imgh = preload.height; if(((preload.height+100)>win.height() || preload.width>win.width())) { koefH = (win.height()-100)/preload.height; koefW = (win.width()-20)/preload.width; koef = ((koefH>koefW)?koefW:koefH); if(koef>1)koef = 1; imgw = preload.width*koef; imgh = preload.height*koef; }//end of if if(activeURL) { $(image).css({backgroundImage: "url(" + activeURL + ")", backgroundSize: imgw + "px " + imgh + "px", width: imgw + "px ", height: imgh + "px "}); $(img).css({width: imgw + "px ", height: imgh + "px "}).attr("src", activeURL); }//end of if $(sizer).width(imgw); $([sizer, prevLink, nextLink]).height(imgh); centerWidth = imgw<200?200:imgw; centerHeight = image.offsetHeight; var top = Math.max(0, middle - (centerHeight / 2)); if (center.offsetHeight != centerHeight) { $(center).css({height: centerHeight, top: top}, options.resizeDuration, options.resizeEasing); } if (center.offsetWidth != centerWidth) { $(center).css({width: centerWidth+20, marginLeft: -(centerWidth+20)/2}, 400, "swing"); } $(bottomContainer).css({width: centerWidth+20, top: top + centerHeight, marginLeft: -(centerWidth+20)/2}); }//end of function resizeBox() function animateCaption() { if (prevImage >= 0) $(prevLink).show(); if (nextImage >= 0) $(nextLink).show(); $(bottom).css("marginTop", -bottom.offsetHeight).animate({marginTop: 0}, options.captionAnimationDuration); bottomContainer.style.visibility = ""; } function stop() { preload.onload = null; preload.src = preloadPrev.src = preloadNext.src = activeURL; $([center, image, bottom]).stop(true); $([prevLink, nextLink, image, bottomContainer]).hide(); } function close() { if (activeImage >= 0) { stop(); activeImage = prevImage = nextImage = -1; $(center).hide(); $(overlay).stop().fadeOut(options.overlayFadeDuration, setup); } return false; } })(jQuery); // AUTOLOAD CODE BLOCK (MAY BE CHANGED OR REMOVED) //if (!/android|iphone|ipod|series60|symbian|windows ce|blackberry/i.test(navigator.userAgent)) { // jQuery(function($) { // $("a[rel^='lightbox']").slimbox({/* Put custom options here */}, null, function(el) { // return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel)); // }); // }); //} jQuery(function($) { $("img[class^='viewBig']").slimbox({/* Put custom options here */}, function(el) { return [el.src.replace("/preview/", "/fullsize/"), el.alt];}, function(el) { return true;//return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel)); }); }); jQuery(function($) { $("div[class^='wbt'], span[class^='wbt']").slimbox({/* Put custom options here */}, function(el) { imgWbt = $(el.parentNode).find("img"); if(imgWbt) return [imgWbt.attr("src").replace("/preview/", "/fullsize/"), imgWbt.attr("alt")]; }, function(el) { return true;//return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel)); } ); }); jQuery(function($) { $("img[class^='viewBigSame']").slimbox({/* Put custom options here */}) }); /* * jQuery elevateZoom 3.0.8 * Demo's and documentation: * www.elevateweb.co.uk/image-zoom * * Copyright (c) 2012 Andrew Eades * www.elevateweb.co.uk * * Dual licensed under the GPL and MIT licenses. * http://en.wikipedia.org/wiki/MIT_License * http://en.wikipedia.org/wiki/GNU_General_Public_License * /* * jQuery elevateZoom 3.0.3 * Demo's and documentation: * www.elevateweb.co.uk/image-zoom * * Copyright (c) 2012 Andrew Eades * www.elevateweb.co.uk * * Dual licensed under the GPL and MIT licenses. * http://en.wikipedia.org/wiki/MIT_License * http://en.wikipedia.org/wiki/GNU_General_Public_License */ if ( typeof Object.create !== 'function' ) { Object.create = function( obj ) { function F() {}; F.prototype = obj; return new F(); }; } (function( $, window, document, undefined ) { var ElevateZoom = { init: function( options, elem ) { var self = this; self.elem = elem; self.$elem = $( elem ); self.imageSrc = self.$elem.data("zoom-image") ? self.$elem.data("zoom-image") : self.$elem.attr("src"); self.options = $.extend( {}, $.fn.elevateZoom.options, options ); //TINT OVERRIDE SETTINGS if(self.options.tint) { self.options.lensColour = "none", //colour of the lens background self.options.lensOpacity = "1" //opacity of the lens } //INNER OVERRIDE SETTINGS if(self.options.zoomType == "inner") {self.options.showLens = false;} //Remove alt on hover self.$elem.parent().removeAttr('title').removeAttr('alt'); self.zoomImage = self.imageSrc; self.refresh( 1 ); //Create the image swap from the gallery $('#'+self.options.gallery + ' a').click( function(e) { //Set a class on the currently active gallery image if(self.options.galleryActiveClass){ $('#'+self.options.gallery + ' a').removeClass(self.options.galleryActiveClass); $(this).addClass(self.options.galleryActiveClass); } //stop any link on the a tag from working e.preventDefault(); //call the swap image function if($(this).data("zoom-image")){self.zoomImagePre = $(this).data("zoom-image")} else{self.zoomImagePre = $(this).data("image");} self.swaptheimage($(this).data("image"), self.zoomImagePre); return false; }); }, refresh: function( length ) { var self = this; setTimeout(function() { self.fetch(self.imageSrc); }, length || self.options.refresh ); }, fetch: function(imgsrc) { //get the image var self = this; var newImg = new Image(); newImg.onload = function() { //set the large image dimensions - used to calculte ratio's self.largeWidth = newImg.width; self.largeHeight = newImg.height; //once image is loaded start the calls self.startZoom(); self.currentImage = self.imageSrc; //let caller know image has been loaded self.options.onZoomedImageLoaded(self.$elem); } newImg.src = imgsrc; // this must be done AFTER setting onload return; }, startZoom: function( ) { var self = this; //get dimensions of the non zoomed image self.nzWidth = self.$elem.width(); self.nzHeight = self.$elem.height(); //activated elements self.isWindowActive = false; self.isLensActive = false; self.isTintActive = false; self.overWindow = false; //CrossFade Wrappe if(self.options.imageCrossfade){ self.zoomWrap = self.$elem.wrap('<div style="height:'+self.nzHeight+'px;width:'+self.nzWidth+'px;" class="zoomWrapper" />'); self.$elem.css('position', 'absolute'); } self.zoomLock = 1; self.scrollingLock = false; self.changeBgSize = false; self.currentZoomLevel = self.options.zoomLevel; //get offset of the non zoomed image self.nzOffset = self.$elem.offset(); //calculate the width ratio of the large/small image self.widthRatio = (self.largeWidth/self.currentZoomLevel) / self.nzWidth; self.heightRatio = (self.largeHeight/self.currentZoomLevel) / self.nzHeight; //if window zoom if(self.options.zoomType == "window") { self.zoomWindowStyle = "overflow: hidden;" + "background-position: 0px 0px;text-align:center;" + "background-color: " + String(self.options.zoomWindowBgColour) + ";width: " + String(self.options.zoomWindowWidth) + "px;" + "height: " + String(self.options.zoomWindowHeight) + "px;float: left;" + "background-size: "+ self.largeWidth/self.currentZoomLevel+ "px " +self.largeHeight/self.currentZoomLevel + "px;" + "display: none;z-index:100;" + "border: " + String(self.options.borderSize) + "px solid " + self.options.borderColour + ";background-repeat: no-repeat;" + "position: absolute;"; } //if inner zoom if(self.options.zoomType == "inner") { //has a border been put on the image? Lets cater for this var borderWidth = self.$elem.css("border-left-width"); self.zoomWindowStyle = "overflow: hidden;" + "margin-left: " + String(borderWidth) + ";" + "margin-top: " + String(borderWidth) + ";" + "background-position: 0px 0px;" + "width: " + String(self.nzWidth) + "px;" + "height: " + String(self.nzHeight) + "px;float: left;" + "display: none;" + "cursor:"+(self.options.cursor)+";" + "px solid " + self.options.borderColour + ";background-repeat: no-repeat;" + "position: absolute;"; } //lens style for window zoom if(self.options.zoomType == "window") { // adjust images less than the window height if(self.nzHeight < self.options.zoomWindowWidth/self.widthRatio){ lensHeight = self.nzHeight; } else{ lensHeight = String((self.options.zoomWindowHeight/self.heightRatio)) } if(self.largeWidth < self.options.zoomWindowWidth){ lensWidth = self.nzWidth; } else{ lensWidth = (self.options.zoomWindowWidth/self.widthRatio); } self.lensStyle = "background-position: 0px 0px;width: " + String((self.options.zoomWindowWidth)/self.widthRatio) + "px;height: " + String((self.options.zoomWindowHeight)/self.heightRatio) + "px;float: right;display: none;" + "overflow: hidden;" + "z-index: 999;" + "-webkit-transform: translateZ(0);" + "opacity:"+(self.options.lensOpacity)+";filter: alpha(opacity = "+(self.options.lensOpacity*100)+"); zoom:1;" + "width:"+lensWidth+"px;" + "height:"+lensHeight+"px;" + "background-color:"+(self.options.lensColour)+";" + "cursor:"+(self.options.cursor)+";" + "border: "+(self.options.lensBorderSize)+"px" + " solid "+(self.options.lensBorderColour)+";background-repeat: no-repeat;position: absolute;"; } //tint style self.tintStyle = "display: block;" + "position: absolute;" + "background-color: "+self.options.tintColour+";" + "filter:alpha(opacity=0);" + "opacity: 0;" + "width: " + self.nzWidth + "px;" + "height: " + self.nzHeight + "px;" ; //lens style for lens zoom with optional round for modern browsers self.lensRound = ''; if(self.options.zoomType == "lens") { self.lensStyle = "background-position: 0px 0px;" + "float: left;display: none;" + "border: " + String(self.options.borderSize) + "px solid " + self.options.borderColour+";" + "width:"+ String(self.options.lensSize) +"px;" + "height:"+ String(self.options.lensSize)+"px;" + "background-repeat: no-repeat;position: absolute;"; } //does not round in all browsers if(self.options.lensShape == "round") { self.lensRound = "border-top-left-radius: " + String(self.options.lensSize / 2 + self.options.borderSize) + "px;" + "border-top-right-radius: " + String(self.options.lensSize / 2 + self.options.borderSize) + "px;" + "border-bottom-left-radius: " + String(self.options.lensSize / 2 + self.options.borderSize) + "px;" + "border-bottom-right-radius: " + String(self.options.lensSize / 2 + self.options.borderSize) + "px;"; } //create the div's + "" //self.zoomContainer = $('<div/>').addClass('zoomContainer').css({"position":"relative", "height":self.nzHeight, "width":self.nzWidth}); self.zoomContainer = $('<div class="zoomContainer" style="-webkit-transform: translateZ(0);position:absolute;left:'+self.nzOffset.left+'px;top:'+self.nzOffset.top+'px;height:'+self.nzHeight+'px;width:'+self.nzWidth+'px;"></div>'); $('body').append(self.zoomContainer); //this will add overflow hidden and contrain the lens on lens mode if(self.options.containLensZoom && self.options.zoomType == "lens"){ self.zoomContainer.css("overflow", "hidden"); } if(self.options.zoomType != "inner") { self.zoomLens = $("<div class='zoomLens' style='" + self.lensStyle + self.lensRound +"'> </div>") .appendTo(self.zoomContainer) .click(function () { self.$elem.trigger('click'); }); if(self.options.tint) { self.tintContainer = $('<div/>').addClass('tintContainer'); self.zoomTint = $("<div class='zoomTint' style='"+self.tintStyle+"'></div>"); self.zoomLens.wrap(self.tintContainer); self.zoomTintcss = self.zoomLens.after(self.zoomTint); //if tint enabled - set an image to show over the tint self.zoomTintImage = $('<img style="position: absolute; left: 0px; top: 0px; max-width: none; width: '+self.nzWidth+'px; height: '+self.nzHeight+'px;" src="'+self.imageSrc+'">') .appendTo(self.zoomLens) .click(function () { self.$elem.trigger('click'); }); } } //create zoom window if(isNaN(self.options.zoomWindowPosition)){ self.zoomWindow = $("<div style='z-index:999;left:"+(self.windowOffsetLeft)+"px;top:"+(self.windowOffsetTop)+"px;" + self.zoomWindowStyle + "' class='zoomWindow'> </div>") .appendTo('body') .click(function () { self.$elem.trigger('click'); }); }else{ self.zoomWindow = $("<div style='z-index:999;left:"+(self.windowOffsetLeft)+"px;top:"+(self.windowOffsetTop)+"px;" + self.zoomWindowStyle + "' class='zoomWindow'> </div>") .appendTo(self.zoomContainer) .click(function () { self.$elem.trigger('click'); }); } self.zoomWindowContainer = $('<div/>').addClass('zoomWindowContainer').css("width",self.options.zoomWindowWidth); self.zoomWindow.wrap(self.zoomWindowContainer); // self.captionStyle = "text-align: left;background-color: black;color: white;font-weight: bold;padding: 10px;font-family: sans-serif;font-size: 11px"; // self.zoomCaption = $('<div class="elevatezoom-caption" style="'+self.captionStyle+'display: block; width: 280px;">INSERT ALT TAG</div>').appendTo(self.zoomWindow.parent()); if(self.options.zoomType == "lens") { self.zoomLens.css({ backgroundImage: "url('" + self.imageSrc + "')" }); } if(self.options.zoomType == "window") { self.zoomWindow.css({ backgroundImage: "url('" + self.imageSrc + "')" }); } if(self.options.zoomType == "inner") { self.zoomWindow.css({ backgroundImage: "url('" + self.imageSrc + "')" }); } /*-------------------END THE ZOOM WINDOW AND LENS----------------------------------*/ //touch events self.$elem.bind('touchmove', function(e){ e.preventDefault(); var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0]; self.setPosition(touch); }); self.zoomContainer.bind('touchmove', function(e){ if(self.options.zoomType == "inner") { self.showHideWindow("show"); } e.preventDefault(); var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0]; self.setPosition(touch); }); self.zoomContainer.bind('touchend', function(e){ self.showHideWindow("hide"); if(self.options.showLens) {self.showHideLens("hide");} if(self.options.tint && self.options.zoomType != "inner") {self.showHideTint("hide");} }); self.$elem.bind('touchend', function(e){ self.showHideWindow("hide"); if(self.options.showLens) {self.showHideLens("hide");} if(self.options.tint && self.options.zoomType != "inner") {self.showHideTint("hide");} }); if(self.options.showLens) { self.zoomLens.bind('touchmove', function(e){ e.preventDefault(); var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0]; self.setPosition(touch); }); self.zoomLens.bind('touchend', function(e){ self.showHideWindow("hide"); if(self.options.showLens) {self.showHideLens("hide");} if(self.options.tint && self.options.zoomType != "inner") {self.showHideTint("hide");} }); } //Needed to work in IE self.$elem.bind('mousemove', function(e){ if(self.overWindow == false){self.setElements("show");} //make sure on orientation change the setposition is not fired if(self.lastX !== e.clientX || self.lastY !== e.clientY){ self.setPosition(e); self.currentLoc = e; } self.lastX = e.clientX; self.lastY = e.clientY; }); self.zoomContainer.bind('mousemove', function(e){ if(self.overWindow == false){self.setElements("show");} //make sure on orientation change the setposition is not fired if(self.lastX !== e.clientX || self.lastY !== e.clientY){ self.setPosition(e); self.currentLoc = e; } self.lastX = e.clientX; self.lastY = e.clientY; }); if(self.options.zoomType != "inner") { self.zoomLens.bind('mousemove', function(e){ //make sure on orientation change the setposition is not fired if(self.lastX !== e.clientX || self.lastY !== e.clientY){ self.setPosition(e); self.currentLoc = e; } self.lastX = e.clientX; self.lastY = e.clientY; }); } if(self.options.tint && self.options.zoomType != "inner") { self.zoomTint.bind('mousemove', function(e){ //make sure on orientation change the setposition is not fired if(self.lastX !== e.clientX || self.lastY !== e.clientY){ self.setPosition(e); self.currentLoc = e; } self.lastX = e.clientX; self.lastY = e.clientY; }); } if(self.options.zoomType == "inner") { self.zoomWindow.bind('mousemove', function(e) { //self.overWindow = true; //make sure on orientation change the setposition is not fired if(self.lastX !== e.clientX || self.lastY !== e.clientY){ self.setPosition(e); self.currentLoc = e; } self.lastX = e.clientX; self.lastY = e.clientY; }); } // lensFadeOut: 500, zoomTintFadeIn self.zoomContainer.add(self.$elem).mouseenter(function(){ if(self.overWindow == false){self.setElements("show");} }).mouseleave(function(){ if(!self.scrollLock){ self.setElements("hide"); } }); //end ove image if(self.options.zoomType != "inner") { self.zoomWindow.mouseenter(function(){ self.overWindow = true; self.setElements("hide"); }).mouseleave(function(){ self.overWindow = false; }); } //end ove image // var delta = parseInt(e.originalEvent.wheelDelta || -e.originalEvent.detail); // $(this).empty(); // return false; //fix for initial zoom setting if (self.options.zoomLevel != 1){ // self.changeZoomLevel(self.currentZoomLevel); } //set the min zoomlevel if(self.options.minZoomLevel){ self.minZoomLevel = self.options.minZoomLevel; } else{ self.minZoomLevel = self.options.scrollZoomIncrement * 2; } if(self.options.scrollZoom){ self.zoomContainer.add(self.$elem).bind('mousewheel DOMMouseScroll MozMousePixelScroll', function(e){ // in IE there is issue with firing of mouseleave - So check whether still scrolling // and on mouseleave check if scrolllock self.scrollLock = true; clearTimeout($.data(this, 'timer')); $.data(this, 'timer', setTimeout(function() { self.scrollLock = false; //do something }, 250)); var theEvent = e.originalEvent.wheelDelta || e.originalEvent.detail*-1 //this.scrollTop += ( delta < 0 ? 1 : -1 ) * 30; // e.preventDefault(); e.stopImmediatePropagation(); e.stopPropagation(); e.preventDefault(); if(theEvent /120 > 0) { //scrolling up if(self.currentZoomLevel >= self.minZoomLevel){ self.changeZoomLevel(self.currentZoomLevel-self.options.scrollZoomIncrement); } } else{ //scrolling down if(self.options.maxZoomLevel){ if(self.currentZoomLevel <= self.options.maxZoomLevel){ self.changeZoomLevel(parseFloat(self.currentZoomLevel)+self.options.scrollZoomIncrement); } } else{ //andy self.changeZoomLevel(parseFloat(self.currentZoomLevel)+self.options.scrollZoomIncrement); } } return false; }); } }, setElements: function(type) { var self = this; if(!self.options.zoomEnabled){return false;} if(type=="show"){ if(self.isWindowSet){ if(self.options.zoomType == "inner") {self.showHideWindow("show");} if(self.options.zoomType == "window") {self.showHideWindow("show");} if(self.options.showLens) {self.showHideLens("show");} if(self.options.tint && self.options.zoomType != "inner") {self.showHideTint("show"); } } } if(type=="hide"){ if(self.options.zoomType == "window") {self.showHideWindow("hide");} if(!self.options.tint) {self.showHideWindow("hide");} if(self.options.showLens) {self.showHideLens("hide");} if(self.options.tint) { self.showHideTint("hide");} } }, setPosition: function(e) { var self = this; if(!self.options.zoomEnabled){return false;} //recaclc offset each time in case the image moves //this can be caused by other on page elements self.nzHeight = self.$elem.height(); self.nzWidth = self.$elem.width(); self.nzOffset = self.$elem.offset(); if(self.options.tint && self.options.zoomType != "inner") { self.zoomTint.css({ top: 0}); self.zoomTint.css({ left: 0}); } //set responsive //will checking if the image needs changing before running this code work faster? if(self.options.responsive && !self.options.scrollZoom){ if(self.options.showLens){ if(self.nzHeight < self.options.zoomWindowWidth/self.widthRatio){ lensHeight = self.nzHeight; } else{ lensHeight = String((self.options.zoomWindowHeight/self.heightRatio)) } if(self.largeWidth < self.options.zoomWindowWidth){ lensWidth = self.nzWidth; } else{ lensWidth = (self.options.zoomWindowWidth/self.widthRatio); } self.widthRatio = self.largeWidth / self.nzWidth; self.heightRatio = self.largeHeight / self.nzHeight; if(self.options.zoomType != "lens") { //possibly dont need to keep recalcalculating //if the lens is heigher than the image, then set lens size to image size if(self.nzHeight < self.options.zoomWindowWidth/self.widthRatio){ lensHeight = self.nzHeight; } else{ lensHeight = String((self.options.zoomWindowHeight/self.heightRatio)) } if(self.options.zoomWindowWidth < self.options.zoomWindowWidth){ lensWidth = self.nzWidth; } else{ lensWidth = (self.options.zoomWindowWidth/self.widthRatio); } self.zoomLens.css('width', lensWidth); self.zoomLens.css('height', lensHeight); if(self.options.tint){ self.zoomTintImage.css('width', self.nzWidth); self.zoomTintImage.css('height', self.nzHeight); } } if(self.options.zoomType == "lens") { self.zoomLens.css({ width: String(self.options.lensSize) + 'px', height: String(self.options.lensSize) + 'px' }) } //end responsive image change } } //container fix self.zoomContainer.css({ top: self.nzOffset.top}); self.zoomContainer.css({ left: self.nzOffset.left}); self.mouseLeft = parseInt(e.pageX - self.nzOffset.left); self.mouseTop = parseInt(e.pageY - self.nzOffset.top); //calculate the Location of the Lens //calculate the bound regions - but only if zoom window if(self.options.zoomType == "window") { self.Etoppos = (self.mouseTop < (self.zoomLens.height()/2)); self.Eboppos = (self.mouseTop > self.nzHeight - (self.zoomLens.height()/2)-(self.options.lensBorderSize*2)); self.Eloppos = (self.mouseLeft < 0+((self.zoomLens.width()/2))); self.Eroppos = (self.mouseLeft > (self.nzWidth - (self.zoomLens.width()/2)-(self.options.lensBorderSize*2))); } //calculate the bound regions - but only for inner zoom if(self.options.zoomType == "inner"){ self.Etoppos = (self.mouseTop < ((self.nzHeight/2)/self.heightRatio) ); self.Eboppos = (self.mouseTop > (self.nzHeight - ((self.nzHeight/2)/self.heightRatio))); self.Eloppos = (self.mouseLeft < 0+(((self.nzWidth/2)/self.widthRatio))); self.Eroppos = (self.mouseLeft > (self.nzWidth - (self.nzWidth/2)/self.widthRatio-(self.options.lensBorderSize*2))); } // if the mouse position of the slider is one of the outerbounds, then hide window and lens if (self.mouseLeft <= 0 || self.mouseTop < 0 || self.mouseLeft > self.nzWidth || self.mouseTop > self.nzHeight ) { self.setElements("hide"); return; } //else continue with operations else { //lens options if(self.options.showLens) { // self.showHideLens("show"); //set background position of lens self.lensLeftPos = String(self.mouseLeft - self.zoomLens.width() / 2); self.lensTopPos = String(self.mouseTop - self.zoomLens.height() / 2); } //adjust the background position if the mouse is in one of the outer regions //Top region if(self.Etoppos){ self.lensTopPos = 0; } //Left Region if(self.Eloppos){ self.windowLeftPos = 0; self.lensLeftPos = 0; self.tintpos=0; } //Set bottom and right region for window mode if(self.options.zoomType == "window") { if(self.Eboppos){ self.lensTopPos = Math.max( (self.nzHeight)-self.zoomLens.height()-(self.options.lensBorderSize*2), 0 ); } if(self.Eroppos){ self.lensLeftPos = (self.nzWidth-(self.zoomLens.width())-(self.options.lensBorderSize*2)); } } //Set bottom and right region for inner mode if(self.options.zoomType == "inner") { if(self.Eboppos){ self.lensTopPos = Math.max( ((self.nzHeight)-(self.options.lensBorderSize*2)), 0 ); } if(self.Eroppos){ self.lensLeftPos = (self.nzWidth-(self.nzWidth)-(self.options.lensBorderSize*2)); } } //if lens zoom if(self.options.zoomType == "lens") { self.windowLeftPos = String(((e.pageX - self.nzOffset.left) * self.widthRatio - self.zoomLens.width() / 2) * (-1)); self.windowTopPos = String(((e.pageY - self.nzOffset.top) * self.heightRatio - self.zoomLens.height() / 2) * (-1)); self.zoomLens.css({ backgroundPosition: self.windowLeftPos + 'px ' + self.windowTopPos + 'px' }); if(self.changeBgSize){ if(self.nzHeight>self.nzWidth){ if(self.options.zoomType == "lens"){ self.zoomLens.css({ "background-size": self.largeWidth/self.newvalueheight + 'px ' + self.largeHeight/self.newvalueheight + 'px' }); } self.zoomWindow.css({ "background-size": self.largeWidth/self.newvalueheight + 'px ' + self.largeHeight/self.newvalueheight + 'px' }); } else{ if(self.options.zoomType == "lens"){ self.zoomLens.css({ "background-size": self.largeWidth/self.newvaluewidth + 'px ' + self.largeHeight/self.newvaluewidth + 'px' }); } self.zoomWindow.css({ "background-size": self.largeWidth/self.newvaluewidth + 'px ' + self.largeHeight/self.newvaluewidth + 'px' }); } self.changeBgSize = false; } self.setWindowPostition(e); } //if tint zoom if(self.options.tint && self.options.zoomType != "inner") { self.setTintPosition(e); } //set the css background position if(self.options.zoomType == "window") { self.setWindowPostition(e); } if(self.options.zoomType == "inner") { self.setWindowPostition(e); } if(self.options.showLens) { if(self.fullwidth && self.options.zoomType != "lens"){ self.lensLeftPos = 0; } self.zoomLens.css({ left: self.lensLeftPos + 'px', top: self.lensTopPos + 'px' }) } } //end else }, showHideWindow: function(change) { var self = this; if(change == "show"){ if(!self.isWindowActive){ if(self.options.zoomWindowFadeIn){ self.zoomWindow.stop(true, true, false).fadeIn(self.options.zoomWindowFadeIn); } else{self.zoomWindow.show();} self.isWindowActive = true; } } if(change == "hide"){ if(self.isWindowActive){ if(self.options.zoomWindowFadeOut){ self.zoomWindow.stop(true, true).fadeOut(self.options.zoomWindowFadeOut); } else{self.zoomWindow.hide();} self.isWindowActive = false; } } }, showHideLens: function(change) { var self = this; if(change == "show"){ if(!self.isLensActive){ if(self.options.lensFadeIn){ self.zoomLens.stop(true, true, false).fadeIn(self.options.lensFadeIn); } else{self.zoomLens.show();} self.isLensActive = true; } } if(change == "hide"){ if(self.isLensActive){ if(self.options.lensFadeOut){ self.zoomLens.stop(true, true).fadeOut(self.options.lensFadeOut); } else{self.zoomLens.hide();} self.isLensActive = false; } } }, showHideTint: function(change) { var self = this; if(change == "show"){ if(!self.isTintActive){ if(self.options.zoomTintFadeIn){ self.zoomTint.css({opacity:self.options.tintOpacity}).animate().stop(true, true).fadeIn("slow"); } else{ self.zoomTint.css({opacity:self.options.tintOpacity}).animate(); self.zoomTint.show(); } self.isTintActive = true; } } if(change == "hide"){ if(self.isTintActive){ if(self.options.zoomTintFadeOut){ self.zoomTint.stop(true, true).fadeOut(self.options.zoomTintFadeOut); } else{self.zoomTint.hide();} self.isTintActive = false; } } }, setLensPostition: function( e ) { }, setWindowPostition: function( e ) { //return obj.slice( 0, count ); var self = this; if(!isNaN(self.options.zoomWindowPosition)){ switch (self.options.zoomWindowPosition) { case 1: //done self.windowOffsetTop = (self.options.zoomWindowOffety);//DONE - 1 self.windowOffsetLeft =(+self.nzWidth); //DONE 1, 2, 3, 4, 16 break; case 2: if(self.options.zoomWindowHeight > self.nzHeight){ //positive margin self.windowOffsetTop = ((self.options.zoomWindowHeight/2)-(self.nzHeight/2))*(-1); self.windowOffsetLeft =(self.nzWidth); //DONE 1, 2, 3, 4, 16 } else{ //negative margin } break; case 3: //done self.windowOffsetTop = (self.nzHeight - self.zoomWindow.height() - (self.options.borderSize*2)); //DONE 3,9 self.windowOffsetLeft =(self.nzWidth); //DONE 1, 2, 3, 4, 16 break; case 4: //done self.windowOffsetTop = (self.nzHeight); //DONE - 4,5,6,7,8 self.windowOffsetLeft =(self.nzWidth); //DONE 1, 2, 3, 4, 16 break; case 5: //done self.windowOffsetTop = (self.nzHeight); //DONE - 4,5,6,7,8 self.windowOffsetLeft =(self.nzWidth-self.zoomWindow.width()-(self.options.borderSize*2)); //DONE - 5,15 break; case 6: if(self.options.zoomWindowHeight > self.nzHeight){ //positive margin self.windowOffsetTop = (self.nzHeight); //DONE - 4,5,6,7,8 self.windowOffsetLeft =((self.options.zoomWindowWidth/2)-(self.nzWidth/2)+(self.options.borderSize*2))*(-1); } else{ //negative margin } break; case 7: //done self.windowOffsetTop = (self.nzHeight); //DONE - 4,5,6,7,8 self.windowOffsetLeft = 0; //DONE 7, 13 break; case 8: //done self.windowOffsetTop = (self.nzHeight); //DONE - 4,5,6,7,8 self.windowOffsetLeft =(self.zoomWindow.width()+(self.options.borderSize*2) )* (-1); //DONE 8,9,10,11,12 break; case 9: //done self.windowOffsetTop = (self.nzHeight - self.zoomWindow.height() - (self.options.borderSize*2)); //DONE 3,9 self.windowOffsetLeft =(self.zoomWindow.width()+(self.options.borderSize*2) )* (-1); //DONE 8,9,10,11,12 break; case 10: if(self.options.zoomWindowHeight > self.nzHeight){ //positive margin self.windowOffsetTop = ((self.options.zoomWindowHeight/2)-(self.nzHeight/2))*(-1); self.windowOffsetLeft =(self.zoomWindow.width()+(self.options.borderSize*2) )* (-1); //DONE 8,9,10,11,12 } else{ //negative margin } break; case 11: self.windowOffsetTop = (self.options.zoomWindowOffety); self.windowOffsetLeft =(self.zoomWindow.width()+(self.options.borderSize*2) )* (-1); //DONE 8,9,10,11,12 break; case 12: //done self.windowOffsetTop = (self.zoomWindow.height()+(self.options.borderSize*2))*(-1); //DONE 12,13,14,15,16 self.windowOffsetLeft =(self.zoomWindow.width()+(self.options.borderSize*2) )* (-1); //DONE 8,9,10,11,12 break; case 13: //done self.windowOffsetTop = (self.zoomWindow.height()+(self.options.borderSize*2))*(-1); //DONE 12,13,14,15,16 self.windowOffsetLeft =(0); //DONE 7, 13 break; case 14: if(self.options.zoomWindowHeight > self.nzHeight){ //positive margin self.windowOffsetTop = (self.zoomWindow.height()+(self.options.borderSize*2))*(-1); //DONE 12,13,14,15,16 self.windowOffsetLeft =((self.options.zoomWindowWidth/2)-(self.nzWidth/2)+(self.options.borderSize*2))*(-1); } else{ //negative margin } break; case 15://done self.windowOffsetTop = (self.zoomWindow.height()+(self.options.borderSize*2))*(-1); //DONE 12,13,14,15,16 self.windowOffsetLeft =(self.nzWidth-self.zoomWindow.width()-(self.options.borderSize*2)); //DONE - 5,15 break; case 16: //done self.windowOffsetTop = (self.zoomWindow.height()+(self.options.borderSize*2))*(-1); //DONE 12,13,14,15,16 self.windowOffsetLeft =(self.nzWidth); //DONE 1, 2, 3, 4, 16 break; default: //done self.windowOffsetTop = (self.options.zoomWindowOffety);//DONE - 1 self.windowOffsetLeft =(self.nzWidth); //DONE 1, 2, 3, 4, 16 } } //end isNAN else{ //WE CAN POSITION IN A CLASS - ASSUME THAT ANY STRING PASSED IS self.externalContainer = $('#'+self.options.zoomWindowPosition); self.externalContainerWidth = self.externalContainer.width(); self.externalContainerHeight = self.externalContainer.height(); self.externalContainerOffset = self.externalContainer.offset(); self.windowOffsetTop = self.externalContainerOffset.top;//DONE - 1 self.windowOffsetLeft =self.externalContainerOffset.left; //DONE 1, 2, 3, 4, 16 } self.isWindowSet = true; self.windowOffsetTop = self.windowOffsetTop + self.options.zoomWindowOffety; self.windowOffsetLeft = self.windowOffsetLeft + self.options.zoomWindowOffetx; self.zoomWindow.css({ top: self.windowOffsetTop}); self.zoomWindow.css({ left: self.windowOffsetLeft}); if(self.options.zoomType == "inner") { self.zoomWindow.css({ top: 0}); self.zoomWindow.css({ left: 0}); } self.windowLeftPos = String(((e.pageX - self.nzOffset.left) * self.widthRatio - self.zoomWindow.width() / 2) * (-1)); self.windowTopPos = String(((e.pageY - self.nzOffset.top) * self.heightRatio - self.zoomWindow.height() / 2) * (-1)); if(self.Etoppos){self.windowTopPos = 0;} if(self.Eloppos){self.windowLeftPos = 0;} if(self.Eboppos){self.windowTopPos = (self.largeHeight/self.currentZoomLevel-self.zoomWindow.height())*(-1); } if(self.Eroppos){self.windowLeftPos = ((self.largeWidth/self.currentZoomLevel-self.zoomWindow.width())*(-1));} //stops micro movements if(self.fullheight){ self.windowTopPos = 0; } if(self.fullwidth){ self.windowLeftPos = 0; } //set the css background position if(self.options.zoomType == "window" || self.options.zoomType == "inner") { if(self.zoomLock == 1){ //overrides for images not zoomable if(self.widthRatio <= 1){ self.windowLeftPos = 0; } if(self.heightRatio <= 1){ self.windowTopPos = 0; } } // adjust images less than the window height if((self.largeHeight+10) < self.options.zoomWindowHeight){ self.windowTopPos = 0; } if(self.largeWidth < self.options.zoomWindowWidth){ self.windowLeftPos = 0; } //set the zoomwindow background position if (self.options.easing){ // if(self.changeZoom){ // clearInterval(self.loop); // self.changeZoom = false; // self.loop = false; // } //set the pos to 0 if not set if(!self.xp){self.xp = 0;} if(!self.yp){self.yp = 0;} //if loop not already started, then run it if (!self.loop){ self.loop = setInterval(function(){ //using zeno's paradox self.xp += (self.windowLeftPos - self.xp) / self.options.easingAmount; self.yp += (self.windowTopPos - self.yp) / self.options.easingAmount; if(self.scrollingLock){ clearInterval(self.loop); self.xp = self.windowLeftPos; self.yp = self.windowTopPos self.xp = ((e.pageX - self.nzOffset.left) * self.widthRatio - self.zoomWindow.width() / 2) * (-1); self.yp = (((e.pageY - self.nzOffset.top) * self.heightRatio - self.zoomWindow.height() / 2) * (-1)); if(self.changeBgSize){ if(self.nzHeight>self.nzWidth){ if(self.options.zoomType == "lens"){ self.zoomLens.css({ "background-size": self.largeWidth/self.newvalueheight + 'px ' + self.largeHeight/self.newvalueheight + 'px' }); } self.zoomWindow.css({ "background-size": self.largeWidth/self.newvalueheight + 'px ' + self.largeHeight/self.newvalueheight + 'px' }); } else{ if(self.options.zoomType != "lens"){ self.zoomLens.css({ "background-size": self.largeWidth/self.newvaluewidth + 'px ' + self.largeHeight/self.newvalueheight + 'px' }); } self.zoomWindow.css({ "background-size": self.largeWidth/self.newvaluewidth + 'px ' + self.largeHeight/self.newvaluewidth + 'px' }); } /* if(!self.bgxp){self.bgxp = self.largeWidth/self.newvalue;} if(!self.bgyp){self.bgyp = self.largeHeight/self.newvalue ;} if (!self.bgloop){ self.bgloop = setInterval(function(){ self.bgxp += (self.largeWidth/self.newvalue - self.bgxp) / self.options.easingAmount; self.bgyp += (self.largeHeight/self.newvalue - self.bgyp) / self.options.easingAmount; self.zoomWindow.css({ "background-size": self.bgxp + 'px ' + self.bgyp + 'px' }); }, 16); } */ self.changeBgSize = false; } self.zoomWindow.css({ backgroundPosition: self.windowLeftPos + 'px ' + self.windowTopPos + 'px' }); self.scrollingLock = false; self.loop = false; } else{ if(self.changeBgSize){ if(self.nzHeight>self.nzWidth){ if(self.options.zoomType == "lens"){ self.zoomLens.css({ "background-size": self.largeWidth/self.newvalueheight + 'px ' + self.largeHeight/self.newvalueheight + 'px' }); } self.zoomWindow.css({ "background-size": self.largeWidth/self.newvalueheight + 'px ' + self.largeHeight/self.newvalueheight + 'px' }); } else{ if(self.options.zoomType != "lens"){ self.zoomLens.css({ "background-size": self.largeWidth/self.newvaluewidth + 'px ' + self.largeHeight/self.newvaluewidth + 'px' }); } self.zoomWindow.css({ "background-size": self.largeWidth/self.newvaluewidth + 'px ' + self.largeHeight/self.newvaluewidth + 'px' }); } self.changeBgSize = false; } self.zoomWindow.css({ backgroundPosition: self.xp + 'px ' + self.yp + 'px' }); } }, 16); } } else{ if(self.changeBgSize){ if(self.nzHeight>self.nzWidth){ if(self.options.zoomType == "lens"){ self.zoomLens.css({ "background-size": self.largeWidth/self.newvalueheight + 'px ' + self.largeHeight/self.newvalueheight + 'px' }); } self.zoomWindow.css({ "background-size": self.largeWidth/self.newvalueheight + 'px ' + self.largeHeight/self.newvalueheight + 'px' }); } else{ if(self.options.zoomType == "lens"){ self.zoomLens.css({ "background-size": self.largeWidth/self.newvaluewidth + 'px ' + self.largeHeight/self.newvaluewidth + 'px' }); } if((self.largeHeight/self.newvaluewidth) < self.options.zoomWindowHeight){ self.zoomWindow.css({ "background-size": self.largeWidth/self.newvaluewidth + 'px ' + self.largeHeight/self.newvaluewidth + 'px' }); } else{ self.zoomWindow.css({ "background-size": self.largeWidth/self.newvalueheight + 'px ' + self.largeHeight/self.newvalueheight + 'px' }); } } self.changeBgSize = false; } self.zoomWindow.css({ backgroundPosition: self.windowLeftPos + 'px ' + self.windowTopPos + 'px' }); } } }, setTintPosition: function(e){ var self = this; self.nzOffset = self.$elem.offset(); self.tintpos = String(((e.pageX - self.nzOffset.left)-(self.zoomLens.width() / 2)) * (-1)); self.tintposy = String(((e.pageY - self.nzOffset.top) - self.zoomLens.height() / 2) * (-1)); if(self.Etoppos){ self.tintposy = 0; } if(self.Eloppos){ self.tintpos=0; } if(self.Eboppos){ self.tintposy = (self.nzHeight-self.zoomLens.height()-(self.options.lensBorderSize*2))*(-1); } if(self.Eroppos){ self.tintpos = ((self.nzWidth-self.zoomLens.width()-(self.options.lensBorderSize*2))*(-1)); } if(self.options.tint) { //stops micro movements if(self.fullheight){ self.tintposy = 0; } if(self.fullwidth){ self.tintpos = 0; } self.zoomTintImage.css({'left': self.tintpos+'px'}); self.zoomTintImage.css({'top': self.tintposy+'px'}); } }, swaptheimage: function(smallimage, largeimage){ var self = this; var newImg = new Image(); if(self.options.loadingIcon){ self.spinner = $('<div style="background: url(\''+self.options.loadingIcon+'\') no-repeat center;height:'+self.nzHeight+'px;width:'+self.nzWidth+'px;z-index: 2000;position: absolute; background-position: center center;"></div>'); self.$elem.after(self.spinner); } self.options.onImageSwap(self.$elem); newImg.onload = function() { self.largeWidth = newImg.width; self.largeHeight = newImg.height; self.zoomImage = largeimage; self.zoomWindow.css({ "background-size": self.largeWidth + 'px ' + self.largeHeight + 'px' }); self.zoomWindow.css({ "background-size": self.largeWidth + 'px ' + self.largeHeight + 'px' }); self.swapAction(smallimage, largeimage); return; } newImg.src = largeimage; // this must be done AFTER setting onload }, swapAction: function(smallimage, largeimage){ var self = this; var newImg2 = new Image(); newImg2.onload = function() { //re-calculate values self.nzHeight = newImg2.height; self.nzWidth = newImg2.width; self.options.onImageSwapComplete(self.$elem); self.doneCallback(); return; } newImg2.src = smallimage; //reset the zoomlevel to that initially set in options self.currentZoomLevel = self.options.zoomLevel; self.options.maxZoomLevel = false; //swaps the main image //self.$elem.attr("src",smallimage); //swaps the zoom image if(self.options.zoomType == "lens") { self.zoomLens.css({ backgroundImage: "url('" + largeimage + "')" }); } if(self.options.zoomType == "window") { self.zoomWindow.css({ backgroundImage: "url('" + largeimage + "')" }); } if(self.options.zoomType == "inner") { self.zoomWindow.css({ backgroundImage: "url('" + largeimage + "')" }); } self.currentImage = largeimage; if(self.options.imageCrossfade){ var oldImg = self.$elem; var newImg = oldImg.clone(); self.$elem.attr("src",smallimage) self.$elem.after(newImg); newImg.stop(true).fadeOut(self.options.imageCrossfade, function() { $(this).remove(); }); // if(self.options.zoomType == "inner"){ //remove any attributes on the cloned image so we can resize later self.$elem.width("auto").removeAttr("width"); self.$elem.height("auto").removeAttr("height"); // } oldImg.fadeIn(self.options.imageCrossfade); if(self.options.tint && self.options.zoomType != "inner") { var oldImgTint = self.zoomTintImage; var newImgTint = oldImgTint.clone(); self.zoomTintImage.attr("src",largeimage) self.zoomTintImage.after(newImgTint); newImgTint.stop(true).fadeOut(self.options.imageCrossfade, function() { $(this).remove(); }); oldImgTint.fadeIn(self.options.imageCrossfade); //self.zoomTintImage.attr("width",elem.data("image")); //resize the tint window self.zoomTint.css({ height: self.$elem.height()}); self.zoomTint.css({ width: self.$elem.width()}); } self.zoomContainer.css("height", self.$elem.height()); self.zoomContainer.css("width", self.$elem.width()); if(self.options.zoomType == "inner"){ if(!self.options.constrainType){ self.zoomWrap.parent().css("height", self.$elem.height()); self.zoomWrap.parent().css("width", self.$elem.width()); self.zoomWindow.css("height", self.$elem.height()); self.zoomWindow.css("width", self.$elem.width()); } } if(self.options.imageCrossfade){ self.zoomWrap.css("height", self.$elem.height()); self.zoomWrap.css("width", self.$elem.width()); } } else{ self.$elem.attr("src",smallimage); if(self.options.tint) { self.zoomTintImage.attr("src",largeimage); //self.zoomTintImage.attr("width",elem.data("image")); self.zoomTintImage.attr("height",self.$elem.height()); //self.zoomTintImage.attr('src') = elem.data("image"); self.zoomTintImage.css({ height: self.$elem.height()}); self.zoomTint.css({ height: self.$elem.height()}); } self.zoomContainer.css("height", self.$elem.height()); self.zoomContainer.css("width", self.$elem.width()); if(self.options.imageCrossfade){ self.zoomWrap.css("height", self.$elem.height()); self.zoomWrap.css("width", self.$elem.width()); } } if(self.options.constrainType){ //This will contrain the image proportions if(self.options.constrainType == "height"){ self.zoomContainer.css("height", self.options.constrainSize); self.zoomContainer.css("width", "auto"); if(self.options.imageCrossfade){ self.zoomWrap.css("height", self.options.constrainSize); self.zoomWrap.css("width", "auto"); self.constwidth = self.zoomWrap.width(); } else{ self.$elem.css("height", self.options.constrainSize); self.$elem.css("width", "auto"); self.constwidth = self.$elem.width(); } if(self.options.zoomType == "inner"){ self.zoomWrap.parent().css("height", self.options.constrainSize); self.zoomWrap.parent().css("width", self.constwidth); self.zoomWindow.css("height", self.options.constrainSize); self.zoomWindow.css("width", self.constwidth); } if(self.options.tint){ self.tintContainer.css("height", self.options.constrainSize); self.tintContainer.css("width", self.constwidth); self.zoomTint.css("height", self.options.constrainSize); self.zoomTint.css("width", self.constwidth); self.zoomTintImage.css("height", self.options.constrainSize); self.zoomTintImage.css("width", self.constwidth); } } if(self.options.constrainType == "width"){ self.zoomContainer.css("height", "auto"); self.zoomContainer.css("width", self.options.constrainSize); if(self.options.imageCrossfade){ self.zoomWrap.css("height", "auto"); self.zoomWrap.css("width", self.options.constrainSize); self.constheight = self.zoomWrap.height(); } else{ self.$elem.css("height", "auto"); self.$elem.css("width", self.options.constrainSize); self.constheight = self.$elem.height(); } if(self.options.zoomType == "inner"){ self.zoomWrap.parent().css("height", self.constheight); self.zoomWrap.parent().css("width", self.options.constrainSize); self.zoomWindow.css("height", self.constheight); self.zoomWindow.css("width", self.options.constrainSize); } if(self.options.tint){ self.tintContainer.css("height", self.constheight); self.tintContainer.css("width", self.options.constrainSize); self.zoomTint.css("height", self.constheight); self.zoomTint.css("width", self.options.constrainSize); self.zoomTintImage.css("height", self.constheight); self.zoomTintImage.css("width", self.options.constrainSize); } } } }, doneCallback: function(){ var self = this; if(self.options.loadingIcon){ self.spinner.hide(); } self.nzOffset = self.$elem.offset(); self.nzWidth = self.$elem.width(); self.nzHeight = self.$elem.height(); // reset the zoomlevel back to default self.currentZoomLevel = self.options.zoomLevel; //ratio of the large to small image self.widthRatio = self.largeWidth / self.nzWidth; self.heightRatio = self.largeHeight / self.nzHeight; //NEED TO ADD THE LENS SIZE FOR ROUND // adjust images less than the window height if(self.options.zoomType == "window") { if(self.nzHeight < self.options.zoomWindowWidth/self.widthRatio){ lensHeight = self.nzHeight; } else{ lensHeight = String((self.options.zoomWindowHeight/self.heightRatio)) } if(self.options.zoomWindowWidth < self.options.zoomWindowWidth){ lensWidth = self.nzWidth; } else{ lensWidth = (self.options.zoomWindowWidth/self.widthRatio); } if(self.zoomLens){ self.zoomLens.css('width', lensWidth); self.zoomLens.css('height', lensHeight); } } }, getCurrentImage: function(){ var self = this; return self.zoomImage; }, getGalleryList: function(){ var self = this; //loop through the gallery options and set them in list for fancybox self.gallerylist = []; if (self.options.gallery){ $('#'+self.options.gallery + ' a').each(function() { var img_src = ''; if($(this).data("zoom-image")){ img_src = $(this).data("zoom-image"); } else if($(this).data("image")){ img_src = $(this).data("image"); } //put the current image at the start if(img_src == self.zoomImage){ self.gallerylist.unshift({ href: ''+img_src+'', title: $(this).find('img').attr("title") }); } else{ self.gallerylist.push({ href: ''+img_src+'', title: $(this).find('img').attr("title") }); } }); } //if no gallery - return current image else{ self.gallerylist.push({ href: ''+self.zoomImage+'', title: $(this).find('img').attr("title") }); } return self.gallerylist; }, changeZoomLevel: function(value){ var self = this; //flag a zoom, so can adjust the easing during setPosition self.scrollingLock = true; //round to two decimal places self.newvalue = parseFloat(value).toFixed(2); newvalue = parseFloat(value).toFixed(2); //maxwidth & Maxheight of the image maxheightnewvalue = self.largeHeight/((self.options.zoomWindowHeight / self.nzHeight) * self.nzHeight); maxwidthtnewvalue = self.largeWidth/((self.options.zoomWindowWidth / self.nzWidth) * self.nzWidth); //calculate new heightratio if(self.options.zoomType != "inner") { if(maxheightnewvalue <= newvalue){ self.heightRatio = (self.largeHeight/maxheightnewvalue) / self.nzHeight; self.newvalueheight = maxheightnewvalue; self.fullheight = true; } else{ self.heightRatio = (self.largeHeight/newvalue) / self.nzHeight; self.newvalueheight = newvalue; self.fullheight = false; } // calculate new width ratio if(maxwidthtnewvalue <= newvalue){ self.widthRatio = (self.largeWidth/maxwidthtnewvalue) / self.nzWidth; self.newvaluewidth = maxwidthtnewvalue; self.fullwidth = true; } else{ self.widthRatio = (self.largeWidth/newvalue) / self.nzWidth; self.newvaluewidth = newvalue; self.fullwidth = false; } if(self.options.zoomType == "lens"){ if(maxheightnewvalue <= newvalue){ self.fullwidth = true; self.newvaluewidth = maxheightnewvalue; } else{ self.widthRatio = (self.largeWidth/newvalue) / self.nzWidth; self.newvaluewidth = newvalue; self.fullwidth = false; }} } if(self.options.zoomType == "inner") { maxheightnewvalue = parseFloat(self.largeHeight/self.nzHeight).toFixed(2); maxwidthtnewvalue = parseFloat(self.largeWidth/self.nzWidth).toFixed(2); if(newvalue > maxheightnewvalue){ newvalue = maxheightnewvalue; } if(newvalue > maxwidthtnewvalue){ newvalue = maxwidthtnewvalue; } if(maxheightnewvalue <= newvalue){ self.heightRatio = (self.largeHeight/newvalue) / self.nzHeight; if(newvalue > maxheightnewvalue){ self.newvalueheight = maxheightnewvalue; }else{ self.newvalueheight = newvalue; } self.fullheight = true; } else{ self.heightRatio = (self.largeHeight/newvalue) / self.nzHeight; if(newvalue > maxheightnewvalue){ self.newvalueheight = maxheightnewvalue; }else{ self.newvalueheight = newvalue; } self.fullheight = false; } if(maxwidthtnewvalue <= newvalue){ self.widthRatio = (self.largeWidth/newvalue) / self.nzWidth; if(newvalue > maxwidthtnewvalue){ self.newvaluewidth = maxwidthtnewvalue; }else{ self.newvaluewidth = newvalue; } self.fullwidth = true; } else{ self.widthRatio = (self.largeWidth/newvalue) / self.nzWidth; self.newvaluewidth = newvalue; self.fullwidth = false; } } //end inner scrcontinue = false; if(self.options.zoomType == "inner"){ if(self.nzWidth > self.nzHeight){ if( self.newvaluewidth <= maxwidthtnewvalue){ scrcontinue = true; } else{ scrcontinue = false; self.fullheight = true; self.fullwidth = true; } } if(self.nzHeight > self.nzWidth){ if( self.newvaluewidth <= maxwidthtnewvalue){ scrcontinue = true; } else{ scrcontinue = false; self.fullheight = true; self.fullwidth = true; } } } if(self.options.zoomType != "inner"){ scrcontinue = true; } if(scrcontinue){ self.zoomLock = 0; self.changeZoom = true; //if lens height is less than image height if(((self.options.zoomWindowHeight)/self.heightRatio) <= self.nzHeight){ self.currentZoomLevel = self.newvalueheight; if(self.options.zoomType != "lens" && self.options.zoomType != "inner") { self.changeBgSize = true; self.zoomLens.css({height: String((self.options.zoomWindowHeight)/self.heightRatio) + 'px' }) } if(self.options.zoomType == "lens" || self.options.zoomType == "inner") { self.changeBgSize = true; } } if((self.options.zoomWindowWidth/self.widthRatio) <= self.nzWidth){ if(self.options.zoomType != "inner"){ if(self.newvaluewidth > self.newvalueheight) { self.currentZoomLevel = self.newvaluewidth; } } if(self.options.zoomType != "lens" && self.options.zoomType != "inner") { self.changeBgSize = true; self.zoomLens.css({width: String((self.options.zoomWindowWidth)/self.widthRatio) + 'px' }) } if(self.options.zoomType == "lens" || self.options.zoomType == "inner") { self.changeBgSize = true; } } if(self.options.zoomType == "inner"){ self.changeBgSize = true; if(self.nzWidth > self.nzHeight){ self.currentZoomLevel = self.newvaluewidth; } if(self.nzHeight > self.nzWidth){ self.currentZoomLevel = self.newvaluewidth; } } } //under //sets the boundry change, called in setWindowPos self.setPosition(self.currentLoc); // }, closeAll: function(){ if(self.zoomWindow){self.zoomWindow.hide();} if(self.zoomLens){self.zoomLens.hide();} if(self.zoomTint){self.zoomTint.hide();} }, changeState: function(value){ var self = this; if(value == 'enable'){self.options.zoomEnabled = true;} if(value == 'disable'){self.options.zoomEnabled = false;} } }; $.fn.elevateZoom = function( options ) { return this.each(function() { var elevate = Object.create( ElevateZoom ); elevate.init( options, this ); $.data( this, 'elevateZoom', elevate ); }); }; $.fn.elevateZoom.options = { zoomActivation: "hover", // Can also be click (PLACEHOLDER FOR NEXT VERSION) zoomEnabled: true, //false disables zoomwindow from showing preloading: 1, //by default, load all the images, if 0, then only load images after activated (PLACEHOLDER FOR NEXT VERSION) zoomLevel: 1, //default zoom level of image scrollZoom: true, //allow zoom on mousewheel, true to activate scrollZoomIncrement: 0.3, //steps of the scrollzoom minZoomLevel: false, maxZoomLevel: false, easing: true, easingAmount: 12, lensSize: 100, zoomWindowWidth: 300, zoomWindowHeight: 400, zoomWindowOffetx: 0, zoomWindowOffety: 0, zoomWindowPosition: 1, zoomWindowBgColour: "#fff", lensFadeIn: false, lensFadeOut: false, debug: false, zoomWindowFadeIn: 500, zoomWindowFadeOut: 500, zoomWindowAlwaysShow: false, zoomTintFadeIn: false, zoomTintFadeOut: false, borderSize: 4, showLens: true, borderColour: "#888", lensBorderSize: 1, lensBorderColour: "#000", lensShape: "square", //can be "round" zoomType: "window", //window is default, also "lens" available - containLensZoom: false, lensColour: "white", //colour of the lens background lensOpacity: 0.4, //opacity of the lens lenszoom: false, tint: false, //enable the tinting tintColour: "#333", //default tint color, can be anything, red, #ccc, rgb(0,0,0) tintOpacity: 0.4, //opacity of the tint gallery: false, galleryActiveClass: "zoomGalleryActive", imageCrossfade: false, constrainType: false, //width or height constrainSize: false, //in pixels the dimensions you want to constrain on loadingIcon: false, //http://www.example.com/spinner.gif cursor:"default", // user should set to what they want the cursor as, if they have set a click function responsive:true, onComplete: $.noop, onZoomedImageLoaded: function() {}, onImageSwap: $.noop, onImageSwapComplete: $.noop }; })( jQuery, window, document ); jQuery(function($) { $.each($("div.shopArticlefirstImage img[class^='viewBig']"), function(idx, node){ $(node).attr("data-zoom-image", node.src.replace("/preview/", "/fullsize/")); }); width = $(window).width(); if(width>=800) $("div.shopArticlefirstImage img[class^='viewBig']").elevateZoom({ zoomWindowPosition: 10 }); /* else if(width>=360) $("div.shopArticlefirstImage img[class^='viewBig']").elevateZoom({ zoomType : "inner" }); */ }); /*! * jQuery Cycle2; version: 2.1.6 build: 20141007 * http://jquery.malsup.com/cycle2/ * Copyright (c) 2014 M. Alsup; Dual licensed: MIT/GPL */ !function(a){"use strict";function b(a){return(a||"").toLowerCase()}var c="2.1.6";a.fn.cycle=function(c){var d;return 0!==this.length||a.isReady?this.each(function(){var d,e,f,g,h=a(this),i=a.fn.cycle.log;if(!h.data("cycle.opts")){(h.data("cycle-log")===!1||c&&c.log===!1||e&&e.log===!1)&&(i=a.noop),i("--c2 init--"),d=h.data();for(var j in d)d.hasOwnProperty(j)&&/^cycle[A-Z]+/.test(j)&&(g=d[j],f=j.match(/^cycle(.*)/)[1].replace(/^[A-Z]/,b),i(f+":",g,"("+typeof g+")"),d[f]=g);e=a.extend({},a.fn.cycle.defaults,d,c||{}),e.timeoutId=0,e.paused=e.paused||!1,e.container=h,e._maxZ=e.maxZ,e.API=a.extend({_container:h},a.fn.cycle.API),e.API.log=i,e.API.trigger=function(a,b){return e.container.trigger(a,b),e.API},h.data("cycle.opts",e),h.data("cycle.API",e.API),e.API.trigger("cycle-bootstrap",[e,e.API]),e.API.addInitialSlides(),e.API.preInitSlideshow(),e.slides.length&&e.API.initSlideshow()}}):(d={s:this.selector,c:this.context},a.fn.cycle.log("requeuing slideshow (dom not ready)"),a(function(){a(d.s,d.c).cycle(c)}),this)},a.fn.cycle.API={opts:function(){return this._container.data("cycle.opts")},addInitialSlides:function(){var b=this.opts(),c=b.slides;b.slideCount=0,b.slides=a(),c=c.jquery?c:b.container.find(c),b.random&&c.sort(function(){return Math.random()-.5}),b.API.add(c)},preInitSlideshow:function(){var b=this.opts();b.API.trigger("cycle-pre-initialize",[b]);var c=a.fn.cycle.transitions[b.fx];c&&a.isFunction(c.preInit)&&c.preInit(b),b._preInitialized=!0},postInitSlideshow:function(){var b=this.opts();b.API.trigger("cycle-post-initialize",[b]);var c=a.fn.cycle.transitions[b.fx];c&&a.isFunction(c.postInit)&&c.postInit(b)},initSlideshow:function(){var b,c=this.opts(),d=c.container;c.API.calcFirstSlide(),"static"==c.container.css("position")&&c.container.css("position","relative"),a(c.slides[c.currSlide]).css({opacity:1,display:"block",visibility:"visible"}),c.API.stackSlides(c.slides[c.currSlide],c.slides[c.nextSlide],!c.reverse),c.pauseOnHover&&(c.pauseOnHover!==!0&&(d=a(c.pauseOnHover)),d.hover(function(){c.API.pause(!0)},function(){c.API.resume(!0)})),c.timeout&&(b=c.API.getSlideOpts(c.currSlide),c.API.queueTransition(b,b.timeout+c.delay)),c._initialized=!0,c.API.updateView(!0),c.API.trigger("cycle-initialized",[c]),c.API.postInitSlideshow()},pause:function(b){var c=this.opts(),d=c.API.getSlideOpts(),e=c.hoverPaused||c.paused;b?c.hoverPaused=!0:c.paused=!0,e||(c.container.addClass("cycle-paused"),c.API.trigger("cycle-paused",[c]).log("cycle-paused"),d.timeout&&(clearTimeout(c.timeoutId),c.timeoutId=0,c._remainingTimeout-=a.now()-c._lastQueue,(c._remainingTimeout<0||isNaN(c._remainingTimeout))&&(c._remainingTimeout=void 0)))},resume:function(a){var b=this.opts(),c=!b.hoverPaused&&!b.paused;a?b.hoverPaused=!1:b.paused=!1,c||(b.container.removeClass("cycle-paused"),0===b.slides.filter(":animated").length&&b.API.queueTransition(b.API.getSlideOpts(),b._remainingTimeout),b.API.trigger("cycle-resumed",[b,b._remainingTimeout]).log("cycle-resumed"))},add:function(b,c){var d,e=this.opts(),f=e.slideCount,g=!1;"string"==a.type(b)&&(b=a.trim(b)),a(b).each(function(){var b,d=a(this);c?e.container.prepend(d):e.container.append(d),e.slideCount++,b=e.API.buildSlideOpts(d),e.slides=c?a(d).add(e.slides):e.slides.add(d),e.API.initSlide(b,d,--e._maxZ),d.data("cycle.opts",b),e.API.trigger("cycle-slide-added",[e,b,d])}),e.API.updateView(!0),g=e._preInitialized&&2>f&&e.slideCount>=1,g&&(e._initialized?e.timeout&&(d=e.slides.length,e.nextSlide=e.reverse?d-1:1,e.timeoutId||e.API.queueTransition(e)):e.API.initSlideshow())},calcFirstSlide:function(){var a,b=this.opts();a=parseInt(b.startingSlide||0,10),(a>=b.slides.length||0>a)&&(a=0),b.currSlide=a,b.reverse?(b.nextSlide=a-1,b.nextSlide<0&&(b.nextSlide=b.slides.length-1)):(b.nextSlide=a+1,b.nextSlide==b.slides.length&&(b.nextSlide=0))},calcNextSlide:function(){var a,b=this.opts();b.reverse?(a=b.nextSlide-1<0,b.nextSlide=a?b.slideCount-1:b.nextSlide-1,b.currSlide=a?0:b.nextSlide+1):(a=b.nextSlide+1==b.slides.length,b.nextSlide=a?0:b.nextSlide+1,b.currSlide=a?b.slides.length-1:b.nextSlide-1)},calcTx:function(b,c){var d,e=b;return e._tempFx?d=a.fn.cycle.transitions[e._tempFx]:c&&e.manualFx&&(d=a.fn.cycle.transitions[e.manualFx]),d||(d=a.fn.cycle.transitions[e.fx]),e._tempFx=null,this.opts()._tempFx=null,d||(d=a.fn.cycle.transitions.fade,e.API.log('Transition "'+e.fx+'" not found. Using fade.')),d},prepareTx:function(a,b){var c,d,e,f,g,h=this.opts();return h.slideCount<2?void(h.timeoutId=0):(!a||h.busy&&!h.manualTrump||(h.API.stopTransition(),h.busy=!1,clearTimeout(h.timeoutId),h.timeoutId=0),void(h.busy||(0!==h.timeoutId||a)&&(d=h.slides[h.currSlide],e=h.slides[h.nextSlide],f=h.API.getSlideOpts(h.nextSlide),g=h.API.calcTx(f,a),h._tx=g,a&&void 0!==f.manualSpeed&&(f.speed=f.manualSpeed),h.nextSlide!=h.currSlide&&(a||!h.paused&&!h.hoverPaused&&h.timeout)?(h.API.trigger("cycle-before",[f,d,e,b]),g.before&&g.before(f,d,e,b),c=function(){h.busy=!1,h.container.data("cycle.opts")&&(g.after&&g.after(f,d,e,b),h.API.trigger("cycle-after",[f,d,e,b]),h.API.queueTransition(f),h.API.updateView(!0))},h.busy=!0,g.transition?g.transition(f,d,e,b,c):h.API.doTransition(f,d,e,b,c),h.API.calcNextSlide(),h.API.updateView()):h.API.queueTransition(f))))},doTransition:function(b,c,d,e,f){var g=b,h=a(c),i=a(d),j=function(){i.animate(g.animIn||{opacity:1},g.speed,g.easeIn||g.easing,f)};i.css(g.cssBefore||{}),h.animate(g.animOut||{},g.speed,g.easeOut||g.easing,function(){h.css(g.cssAfter||{}),g.sync||j()}),g.sync&&j()},queueTransition:function(b,c){var d=this.opts(),e=void 0!==c?c:b.timeout;return 0===d.nextSlide&&0===--d.loop?(d.API.log("terminating; loop=0"),d.timeout=0,e?setTimeout(function(){d.API.trigger("cycle-finished",[d])},e):d.API.trigger("cycle-finished",[d]),void(d.nextSlide=d.currSlide)):void 0!==d.continueAuto&&(d.continueAuto===!1||a.isFunction(d.continueAuto)&&d.continueAuto()===!1)?(d.API.log("terminating automatic transitions"),d.timeout=0,void(d.timeoutId&&clearTimeout(d.timeoutId))):void(e&&(d._lastQueue=a.now(),void 0===c&&(d._remainingTimeout=b.timeout),d.paused||d.hoverPaused||(d.timeoutId=setTimeout(function(){d.API.prepareTx(!1,!d.reverse)},e))))},stopTransition:function(){var a=this.opts();a.slides.filter(":animated").length&&(a.slides.stop(!1,!0),a.API.trigger("cycle-transition-stopped",[a])),a._tx&&a._tx.stopTransition&&a._tx.stopTransition(a)},advanceSlide:function(a){var b=this.opts();return clearTimeout(b.timeoutId),b.timeoutId=0,b.nextSlide=b.currSlide+a,b.nextSlide<0?b.nextSlide=b.slides.length-1:b.nextSlide>=b.slides.length&&(b.nextSlide=0),b.API.prepareTx(!0,a>=0),!1},buildSlideOpts:function(c){var d,e,f=this.opts(),g=c.data()||{};for(var h in g)g.hasOwnProperty(h)&&/^cycle[A-Z]+/.test(h)&&(d=g[h],e=h.match(/^cycle(.*)/)[1].replace(/^[A-Z]/,b),f.API.log("["+(f.slideCount-1)+"]",e+":",d,"("+typeof d+")"),g[e]=d);g=a.extend({},a.fn.cycle.defaults,f,g),g.slideNum=f.slideCount;try{delete g.API,delete g.slideCount,delete g.currSlide,delete g.nextSlide,delete g.slides}catch(i){}return g},getSlideOpts:function(b){var c=this.opts();void 0===b&&(b=c.currSlide);var d=c.slides[b],e=a(d).data("cycle.opts");return a.extend({},c,e)},initSlide:function(b,c,d){var e=this.opts();c.css(b.slideCss||{}),d>0&&c.css("zIndex",d),isNaN(b.speed)&&(b.speed=a.fx.speeds[b.speed]||a.fx.speeds._default),b.sync||(b.speed=b.speed/2),c.addClass(e.slideClass)},updateView:function(a,b){var c=this.opts();if(c._initialized){var d=c.API.getSlideOpts(),e=c.slides[c.currSlide];!a&&b!==!0&&(c.API.trigger("cycle-update-view-before",[c,d,e]),c.updateView<0)||(c.slideActiveClass&&c.slides.removeClass(c.slideActiveClass).eq(c.currSlide).addClass(c.slideActiveClass),a&&c.hideNonActive&&c.slides.filter(":not(."+c.slideActiveClass+")").css("visibility","hidden"),0===c.updateView&&setTimeout(function(){c.API.trigger("cycle-update-view",[c,d,e,a])},d.speed/(c.sync?2:1)),0!==c.updateView&&c.API.trigger("cycle-update-view",[c,d,e,a]),a&&c.API.trigger("cycle-update-view-after",[c,d,e]))}},getComponent:function(b){var c=this.opts(),d=c[b];return"string"==typeof d?/^\s*[\>|\+|~]/.test(d)?c.container.find(d):a(d):d.jquery?d:a(d)},stackSlides:function(b,c,d){var e=this.opts();b||(b=e.slides[e.currSlide],c=e.slides[e.nextSlide],d=!e.reverse),a(b).css("zIndex",e.maxZ);var f,g=e.maxZ-2,h=e.slideCount;if(d){for(f=e.currSlide+1;h>f;f++)a(e.slides[f]).css("zIndex",g--);for(f=0;f<e.currSlide;f++)a(e.slides[f]).css("zIndex",g--)}else{for(f=e.currSlide-1;f>=0;f--)a(e.slides[f]).css("zIndex",g--);for(f=h-1;f>e.currSlide;f--)a(e.slides[f]).css("zIndex",g--)}a(c).css("zIndex",e.maxZ-1)},getSlideIndex:function(a){return this.opts().slides.index(a)}},a.fn.cycle.log=function(){window.console&&console.log&&console.log("[cycle2] "+Array.prototype.join.call(arguments," "))},a.fn.cycle.version=function(){return"Cycle2: "+c},a.fn.cycle.transitions={custom:{},none:{before:function(a,b,c,d){a.API.stackSlides(c,b,d),a.cssBefore={opacity:1,visibility:"visible",display:"block"}}},fade:{before:function(b,c,d,e){var f=b.API.getSlideOpts(b.nextSlide).slideCss||{};b.API.stackSlides(c,d,e),b.cssBefore=a.extend(f,{opacity:0,visibility:"visible",display:"block"}),b.animIn={opacity:1},b.animOut={opacity:0}}},fadeout:{before:function(b,c,d,e){var f=b.API.getSlideOpts(b.nextSlide).slideCss||{};b.API.stackSlides(c,d,e),b.cssBefore=a.extend(f,{opacity:1,visibility:"visible",display:"block"}),b.animOut={opacity:0}}},scrollHorz:{before:function(a,b,c,d){a.API.stackSlides(b,c,d);var e=a.container.css("overflow","hidden").width();a.cssBefore={left:d?e:-e,top:0,opacity:1,visibility:"visible",display:"block"},a.cssAfter={zIndex:a._maxZ-2,left:0},a.animIn={left:0},a.animOut={left:d?-e:e}}}},a.fn.cycle.defaults={allowWrap:!0,autoSelector:".cycle-slideshow[data-cycle-auto-init!=false]",delay:0,easing:null,fx:"fade",hideNonActive:!0,loop:0,manualFx:void 0,manualSpeed:void 0,manualTrump:!0,maxZ:100,pauseOnHover:!1,reverse:!1,slideActiveClass:"cycle-slide-active",slideClass:"cycle-slide",slideCss:{position:"absolute",top:0,left:0},slides:"> img",speed:500,startingSlide:0,sync:!0,timeout:4e3,updateView:0},a(document).ready(function(){a(a.fn.cycle.defaults.autoSelector).cycle()})}(jQuery),/*! Cycle2 autoheight plugin; Copyright (c) M.Alsup, 2012; version: 20130913 */ function(a){"use strict";function b(b,d){var e,f,g,h=d.autoHeight;if("container"==h)f=a(d.slides[d.currSlide]).outerHeight(),d.container.height(f);else if(d._autoHeightRatio)d.container.height(d.container.width()/d._autoHeightRatio);else if("calc"===h||"number"==a.type(h)&&h>=0){if(g="calc"===h?c(b,d):h>=d.slides.length?0:h,g==d._sentinelIndex)return;d._sentinelIndex=g,d._sentinel&&d._sentinel.remove(),e=a(d.slides[g].cloneNode(!0)),e.removeAttr("id name rel").find("[id],[name],[rel]").removeAttr("id name rel"),e.css({position:"static",visibility:"hidden",display:"block"}).prependTo(d.container).addClass("cycle-sentinel cycle-slide").removeClass("cycle-slide-active"),e.find("*").css("visibility","hidden"),d._sentinel=e}}function c(b,c){var d=0,e=-1;return c.slides.each(function(b){var c=a(this).height();c>e&&(e=c,d=b)}),d}function d(b,c,d,e){var f=a(e).outerHeight();c.container.animate({height:f},c.autoHeightSpeed,c.autoHeightEasing)}function e(c,f){f._autoHeightOnResize&&(a(window).off("resize orientationchange",f._autoHeightOnResize),f._autoHeightOnResize=null),f.container.off("cycle-slide-added cycle-slide-removed",b),f.container.off("cycle-destroyed",e),f.container.off("cycle-before",d),f._sentinel&&(f._sentinel.remove(),f._sentinel=null)}a.extend(a.fn.cycle.defaults,{autoHeight:0,autoHeightSpeed:250,autoHeightEasing:null}),a(document).on("cycle-initialized",function(c,f){function g(){b(c,f)}var h,i=f.autoHeight,j=a.type(i),k=null;("string"===j||"number"===j)&&(f.container.on("cycle-slide-added cycle-slide-removed",b),f.container.on("cycle-destroyed",e),"container"==i?f.container.on("cycle-before",d):"string"===j&&/\d+\:\d+/.test(i)&&(h=i.match(/(\d+)\:(\d+)/),h=h[1]/h[2],f._autoHeightRatio=h),"number"!==j&&(f._autoHeightOnResize=function(){clearTimeout(k),k=setTimeout(g,50)},a(window).on("resize orientationchange",f._autoHeightOnResize)),setTimeout(g,30))})}(jQuery),/*! caption plugin for Cycle2; version: 20130306 */ function(a){"use strict";a.extend(a.fn.cycle.defaults,{caption:"> .cycle-caption",captionTemplate:"{{slideNum}} / {{slideCount}}",overlay:"> .cycle-overlay",overlayTemplate:"<div>{{title}}</div><div>{{desc}}</div>",captionModule:"caption"}),a(document).on("cycle-update-view",function(b,c,d,e){if("caption"===c.captionModule){a.each(["caption","overlay"],function(){var a=this,b=d[a+"Template"],f=c.API.getComponent(a);f.length&&b?(f.html(c.API.tmpl(b,d,c,e)),f.show()):f.hide()})}}),a(document).on("cycle-destroyed",function(b,c){var d;a.each(["caption","overlay"],function(){var a=this,b=c[a+"Template"];c[a]&&b&&(d=c.API.getComponent("caption"),d.empty())})})}(jQuery),/*! command plugin for Cycle2; version: 20140415 */ function(a){"use strict";var b=a.fn.cycle;a.fn.cycle=function(c){var d,e,f,g=a.makeArray(arguments);return"number"==a.type(c)?this.cycle("goto",c):"string"==a.type(c)?this.each(function(){var h;return d=c,f=a(this).data("cycle.opts"),void 0===f?void b.log('slideshow must be initialized before sending commands; "'+d+'" ignored'):(d="goto"==d?"jump":d,e=f.API[d],a.isFunction(e)?(h=a.makeArray(g),h.shift(),e.apply(f.API,h)):void b.log("unknown command: ",d))}):b.apply(this,arguments)},a.extend(a.fn.cycle,b),a.extend(b.API,{next:function(){var a=this.opts();if(!a.busy||a.manualTrump){var b=a.reverse?-1:1;a.allowWrap===!1&&a.currSlide+b>=a.slideCount||(a.API.advanceSlide(b),a.API.trigger("cycle-next",[a]).log("cycle-next"))}},prev:function(){var a=this.opts();if(!a.busy||a.manualTrump){var b=a.reverse?1:-1;a.allowWrap===!1&&a.currSlide+b<0||(a.API.advanceSlide(b),a.API.trigger("cycle-prev",[a]).log("cycle-prev"))}},destroy:function(){this.stop();var b=this.opts(),c=a.isFunction(a._data)?a._data:a.noop;clearTimeout(b.timeoutId),b.timeoutId=0,b.API.stop(),b.API.trigger("cycle-destroyed",[b]).log("cycle-destroyed"),b.container.removeData(),c(b.container[0],"parsedAttrs",!1),b.retainStylesOnDestroy||(b.container.removeAttr("style"),b.slides.removeAttr("style"),b.slides.removeClass(b.slideActiveClass)),b.slides.each(function(){var d=a(this);d.removeData(),d.removeClass(b.slideClass),c(this,"parsedAttrs",!1)})},jump:function(a,b){var c,d=this.opts();if(!d.busy||d.manualTrump){var e=parseInt(a,10);if(isNaN(e)||0>e||e>=d.slides.length)return void d.API.log("goto: invalid slide index: "+e);if(e==d.currSlide)return void d.API.log("goto: skipping, already on slide",e);d.nextSlide=e,clearTimeout(d.timeoutId),d.timeoutId=0,d.API.log("goto: ",e," (zero-index)"),c=d.currSlide<d.nextSlide,d._tempFx=b,d.API.prepareTx(!0,c)}},stop:function(){var b=this.opts(),c=b.container;clearTimeout(b.timeoutId),b.timeoutId=0,b.API.stopTransition(),b.pauseOnHover&&(b.pauseOnHover!==!0&&(c=a(b.pauseOnHover)),c.off("mouseenter mouseleave")),b.API.trigger("cycle-stopped",[b]).log("cycle-stopped")},reinit:function(){var a=this.opts();a.API.destroy(),a.container.cycle()},remove:function(b){for(var c,d,e=this.opts(),f=[],g=1,h=0;h<e.slides.length;h++)c=e.slides[h],h==b?d=c:(f.push(c),a(c).data("cycle.opts").slideNum=g,g++);d&&(e.slides=a(f),e.slideCount--,a(d).remove(),b==e.currSlide?e.API.advanceSlide(1):b<e.currSlide?e.currSlide--:e.currSlide++,e.API.trigger("cycle-slide-removed",[e,b,d]).log("cycle-slide-removed"),e.API.updateView())}}),a(document).on("click.cycle","[data-cycle-cmd]",function(b){b.preventDefault();var c=a(this),d=c.data("cycle-cmd"),e=c.data("cycle-context")||".cycle-slideshow";a(e).cycle(d,c.data("cycle-arg"))})}(jQuery),/*! hash plugin for Cycle2; version: 20130905 */ function(a){"use strict";function b(b,c){var d;return b._hashFence?void(b._hashFence=!1):(d=window.location.hash.substring(1),void b.slides.each(function(e){if(a(this).data("cycle-hash")==d){if(c===!0)b.startingSlide=e;else{var f=b.currSlide<e;b.nextSlide=e,b.API.prepareTx(!0,f)}return!1}}))}a(document).on("cycle-pre-initialize",function(c,d){b(d,!0),d._onHashChange=function(){b(d,!1)},a(window).on("hashchange",d._onHashChange)}),a(document).on("cycle-update-view",function(a,b,c){c.hash&&"#"+c.hash!=window.location.hash&&(b._hashFence=!0,window.location.hash=c.hash)}),a(document).on("cycle-destroyed",function(b,c){c._onHashChange&&a(window).off("hashchange",c._onHashChange)})}(jQuery),/*! loader plugin for Cycle2; version: 20131121 */ function(a){"use strict";a.extend(a.fn.cycle.defaults,{loader:!1}),a(document).on("cycle-bootstrap",function(b,c){function d(b,d){function f(b){var f;"wait"==c.loader?(h.push(b),0===j&&(h.sort(g),e.apply(c.API,[h,d]),c.container.removeClass("cycle-loading"))):(f=a(c.slides[c.currSlide]),e.apply(c.API,[b,d]),f.show(),c.container.removeClass("cycle-loading"))}function g(a,b){return a.data("index")-b.data("index")}var h=[];if("string"==a.type(b))b=a.trim(b);else if("array"===a.type(b))for(var i=0;i<b.length;i++)b[i]=a(b[i])[0];b=a(b);var j=b.length;j&&(b.css("visibility","hidden").appendTo("body").each(function(b){function g(){0===--i&&(--j,f(k))}var i=0,k=a(this),l=k.is("img")?k:k.find("img");return k.data("index",b),l=l.filter(":not(.cycle-loader-ignore)").filter(':not([src=""])'),l.length?(i=l.length,void l.each(function(){this.complete?g():a(this).load(function(){g()}).on("error",function(){0===--i&&(c.API.log("slide skipped; img not loaded:",this.src),0===--j&&"wait"==c.loader&&e.apply(c.API,[h,d]))})})):(--j,void h.push(k))}),j&&c.container.addClass("cycle-loading"))}var e;c.loader&&(e=c.API.add,c.API.add=d)})}(jQuery),/*! pager plugin for Cycle2; version: 20140415 */ function(a){"use strict";function b(b,c,d){var e,f=b.API.getComponent("pager");f.each(function(){var f=a(this);if(c.pagerTemplate){var g=b.API.tmpl(c.pagerTemplate,c,b,d[0]);e=a(g).appendTo(f)}else e=f.children().eq(b.slideCount-1);e.on(b.pagerEvent,function(a){b.pagerEventBubble||a.preventDefault(),b.API.page(f,a.currentTarget)})})}function c(a,b){var c=this.opts();if(!c.busy||c.manualTrump){var d=a.children().index(b),e=d,f=c.currSlide<e;c.currSlide!=e&&(c.nextSlide=e,c._tempFx=c.pagerFx,c.API.prepareTx(!0,f),c.API.trigger("cycle-pager-activated",[c,a,b]))}}a.extend(a.fn.cycle.defaults,{pager:"> .cycle-pager",pagerActiveClass:"cycle-pager-active",pagerEvent:"click.cycle",pagerEventBubble:void 0,pagerTemplate:"<span>•</span>"}),a(document).on("cycle-bootstrap",function(a,c,d){d.buildPagerLink=b}),a(document).on("cycle-slide-added",function(a,b,d,e){b.pager&&(b.API.buildPagerLink(b,d,e),b.API.page=c)}),a(document).on("cycle-slide-removed",function(b,c,d){if(c.pager){var e=c.API.getComponent("pager");e.each(function(){var b=a(this);a(b.children()[d]).remove()})}}),a(document).on("cycle-update-view",function(b,c){var d;c.pager&&(d=c.API.getComponent("pager"),d.each(function(){a(this).children().removeClass(c.pagerActiveClass).eq(c.currSlide).addClass(c.pagerActiveClass)}))}),a(document).on("cycle-destroyed",function(a,b){var c=b.API.getComponent("pager");c&&(c.children().off(b.pagerEvent),b.pagerTemplate&&c.empty())})}(jQuery),/*! prevnext plugin for Cycle2; version: 20140408 */ function(a){"use strict";a.extend(a.fn.cycle.defaults,{next:"> .cycle-next",nextEvent:"click.cycle",disabledClass:"disabled",prev:"> .cycle-prev",prevEvent:"click.cycle",swipe:!1}),a(document).on("cycle-initialized",function(a,b){if(b.API.getComponent("next").on(b.nextEvent,function(a){a.preventDefault(),b.API.next()}),b.API.getComponent("prev").on(b.prevEvent,function(a){a.preventDefault(),b.API.prev()}),b.swipe){var c=b.swipeVert?"swipeUp.cycle":"swipeLeft.cycle swipeleft.cycle",d=b.swipeVert?"swipeDown.cycle":"swipeRight.cycle swiperight.cycle";b.container.on(c,function(){b._tempFx=b.swipeFx,b.API.next()}),b.container.on(d,function(){b._tempFx=b.swipeFx,b.API.prev()})}}),a(document).on("cycle-update-view",function(a,b){if(!b.allowWrap){var c=b.disabledClass,d=b.API.getComponent("next"),e=b.API.getComponent("prev"),f=b._prevBoundry||0,g=void 0!==b._nextBoundry?b._nextBoundry:b.slideCount-1;b.currSlide==g?d.addClass(c).prop("disabled",!0):d.removeClass(c).prop("disabled",!1),b.currSlide===f?e.addClass(c).prop("disabled",!0):e.removeClass(c).prop("disabled",!1)}}),a(document).on("cycle-destroyed",function(a,b){b.API.getComponent("prev").off(b.nextEvent),b.API.getComponent("next").off(b.prevEvent),b.container.off("swipeleft.cycle swiperight.cycle swipeLeft.cycle swipeRight.cycle swipeUp.cycle swipeDown.cycle")})}(jQuery),/*! progressive loader plugin for Cycle2; version: 20130315 */ function(a){"use strict";a.extend(a.fn.cycle.defaults,{progressive:!1}),a(document).on("cycle-pre-initialize",function(b,c){if(c.progressive){var d,e,f=c.API,g=f.next,h=f.prev,i=f.prepareTx,j=a.type(c.progressive);if("array"==j)d=c.progressive;else if(a.isFunction(c.progressive))d=c.progressive(c);else if("string"==j){if(e=a(c.progressive),d=a.trim(e.html()),!d)return;if(/^(\[)/.test(d))try{d=a.parseJSON(d)}catch(k){return void f.log("error parsing progressive slides",k)}else d=d.split(new RegExp(e.data("cycle-split")||"\n")),d[d.length-1]||d.pop()}i&&(f.prepareTx=function(a,b){var e,f;return a||0===d.length?void i.apply(c.API,[a,b]):void(b&&c.currSlide==c.slideCount-1?(f=d[0],d=d.slice(1),c.container.one("cycle-slide-added",function(a,b){setTimeout(function(){b.API.advanceSlide(1)},50)}),c.API.add(f)):b||0!==c.currSlide?i.apply(c.API,[a,b]):(e=d.length-1,f=d[e],d=d.slice(0,e),c.container.one("cycle-slide-added",function(a,b){setTimeout(function(){b.currSlide=1,b.API.advanceSlide(-1)},50)}),c.API.add(f,!0)))}),g&&(f.next=function(){var a=this.opts();if(d.length&&a.currSlide==a.slideCount-1){var b=d[0];d=d.slice(1),a.container.one("cycle-slide-added",function(a,b){g.apply(b.API),b.container.removeClass("cycle-loading")}),a.container.addClass("cycle-loading"),a.API.add(b)}else g.apply(a.API)}),h&&(f.prev=function(){var a=this.opts();if(d.length&&0===a.currSlide){var b=d.length-1,c=d[b];d=d.slice(0,b),a.container.one("cycle-slide-added",function(a,b){b.currSlide=1,b.API.advanceSlide(-1),b.container.removeClass("cycle-loading")}),a.container.addClass("cycle-loading"),a.API.add(c,!0)}else h.apply(a.API)})}})}(jQuery),/*! tmpl plugin for Cycle2; version: 20121227 */ function(a){"use strict";a.extend(a.fn.cycle.defaults,{tmplRegex:"{{((.)?.*?)}}"}),a.extend(a.fn.cycle.API,{tmpl:function(b,c){var d=new RegExp(c.tmplRegex||a.fn.cycle.defaults.tmplRegex,"g"),e=a.makeArray(arguments);return e.shift(),b.replace(d,function(b,c){var d,f,g,h,i=c.split(".");for(d=0;d<e.length;d++)if(g=e[d]){if(i.length>1)for(h=g,f=0;f<i.length;f++)g=h,h=h[i[f]]||c;else h=g[c];if(a.isFunction(h))return h.apply(g,e);if(void 0!==h&&null!==h&&h!=c)return h}return c})}})}(jQuery); /* Plugin for Cycle2; Copyright (c) 2012 M. Alsup; v20141007 */ !function(a){"use strict";a.fn.cycle.transitions.shuffle={transition:function(b,c,d,e,f){function g(a){this.stack(b,c,d,e),a()}a(d).css({display:"block",visibility:"visible"});var h=b.container.css("overflow","visible").width(),i=b.speed/2,j=e?c:d;b=b.API.getSlideOpts(e?b.currSlide:b.nextSlide);var k={left:-h,top:15},l=b.slideCss||{left:0,top:0};void 0!==b.shuffleLeft?k.left=k.left+parseInt(b.shuffleLeft,10)||0:void 0!==b.shuffleRight&&(k.left=h+parseInt(b.shuffleRight,10)||0),b.shuffleTop&&(k.top=b.shuffleTop),a(j).animate(k,i,b.easeIn||b.easing).queue("fx",a.proxy(g,this)).animate(l,i,b.easeOut||b.easing,f)},stack:function(b,c,d,e){var f,g;if(e)b.API.stackSlides(d,c,e),a(c).css("zIndex",1);else{for(g=1,f=b.nextSlide-1;f>=0;f--)a(b.slides[f]).css("zIndex",g++);for(f=b.slideCount-1;f>b.nextSlide;f--)a(b.slides[f]).css("zIndex",g++);a(d).css("zIndex",b.maxZ),a(c).css("zIndex",b.maxZ-1)}}}}(jQuery); /* Plugin for Cycle2; Copyright (c) 2012 M. Alsup; v20141007 */ !function(a){"use strict";a.fn.cycle.transitions.scrollVert={before:function(a,b,c,d){a.API.stackSlides(a,b,c,d);var e=a.container.css("overflow","hidden").height();a.cssBefore={top:d?-e:e,left:0,opacity:1,display:"block",visibility:"visible"},a.animIn={top:0},a.animOut={top:d?e:-e}}}}(jQuery); /* Plugin for Cycle2; Copyright (c) 2012 M. Alsup; v20141007 */ !function(a){"use strict";function b(a,b,c){if(a&&c.style.filter){b._filter=c.style.filter;try{c.style.removeAttribute("filter")}catch(d){}}else!a&&b._filter&&(c.style.filter=b._filter)}a.extend(a.fn.cycle.transitions,{fade:{before:function(c,d,e,f){var g=c.API.getSlideOpts(c.nextSlide).slideCss||{};c.API.stackSlides(d,e,f),c.cssBefore=a.extend(g,{opacity:0,visibility:"visible",display:"block"}),c.animIn={opacity:1},c.animOut={opacity:0},b(!0,c,e)},after:function(a,c,d){b(!1,a,d)}},fadeout:{before:function(c,d,e,f){var g=c.API.getSlideOpts(c.nextSlide).slideCss||{};c.API.stackSlides(d,e,f),c.cssAfter=a.extend(g,{opacity:0,visibility:"hidden"}),c.cssBefore=a.extend(g,{opacity:1,visibility:"visible",display:"block"}),c.animOut={opacity:0},b(!0,c,e)},after:function(a,c,d){b(!1,a,d)}}})}(jQuery); /* Plugin for Cycle2; Copyright (c) 2012 M. Alsup; v20141007 */ !function(a){"use strict";function b(b){return{preInit:function(a){a.slides.css(d)},transition:function(c,d,e,f,g){var h=c,i=a(d),j=a(e),k=h.speed/2;b.call(j,-90),j.css({display:"block",visibility:"visible","background-position":"-90px",opacity:1}),i.css("background-position","0px"),i.animate({backgroundPosition:90},{step:b,duration:k,easing:h.easeOut||h.easing,complete:function(){c.API.updateView(!1,!0),j.animate({backgroundPosition:0},{step:b,duration:k,easing:h.easeIn||h.easing,complete:g})}})}}}function c(b){return function(c){var d=a(this);d.css({"-webkit-transform":"rotate"+b+"("+c+"deg)","-moz-transform":"rotate"+b+"("+c+"deg)","-ms-transform":"rotate"+b+"("+c+"deg)","-o-transform":"rotate"+b+"("+c+"deg)",transform:"rotate"+b+"("+c+"deg)"})}}var d,e=document.createElement("div").style,f=a.fn.cycle.transitions,g=void 0!==e.transform||void 0!==e.MozTransform||void 0!==e.webkitTransform||void 0!==e.oTransform||void 0!==e.msTransform;g&&void 0!==e.msTransform&&(e.msTransform="rotateY(0deg)",e.msTransform||(g=!1)),g?(f.flipHorz=b(c("Y")),f.flipVert=b(c("X")),d={"-webkit-backface-visibility":"hidden","-moz-backface-visibility":"hidden","-o-backface-visibility":"hidden","backface-visibility":"hidden"}):(f.flipHorz=f.scrollHorz,f.flipVert=f.scrollVert||f.scrollHorz)}(jQuery); /* Plugin for Cycle2; Copyright (c) 2012 M. Alsup; v20141007 */ !function(a){"use strict";a.extend(a.fn.cycle.defaults,{centerHorz:!1,centerVert:!1}),a(document).on("cycle-pre-initialize",function(b,c){function d(){clearTimeout(i),i=setTimeout(g,50)}function e(){clearTimeout(i),clearTimeout(j),a(window).off("resize orientationchange",d)}function f(){c.slides.each(h)}function g(){h.apply(c.container.find("."+c.slideActiveClass)),clearTimeout(j),j=setTimeout(f,50)}function h(){var b=a(this),d=c.container.width(),e=c.container.height(),f=b.outerWidth(),g=b.outerHeight();f&&(c.centerHorz&&d>=f&&b.css("marginLeft",(d-f)/2),c.centerVert&&e>=g&&b.css("marginTop",(e-g)/2))}if(c.centerHorz||c.centerVert){var i,j;a(window).on("resize orientationchange load",d),c.container.on("cycle-destroyed",e),c.container.on("cycle-initialized cycle-slide-added cycle-slide-removed",function(){d()}),g()}})}(jQuery); /* Plugin for Cycle2; Copyright (c) 2012 M. Alsup; v20141007 */ !function(a){"use strict";a(document).on("cycle-bootstrap",function(a,b,c){"carousel"===b.fx&&(c.getSlideIndex=function(a){var b=this.opts()._carouselWrap.children(),c=b.index(a);return c%b.length},c.next=function(){var a=b.reverse?-1:1;b.allowWrap===!1&&b.currSlide+a>b.slideCount-b.carouselVisible||(b.API.advanceSlide(a),b.API.trigger("cycle-next",[b]).log("cycle-next"))})}),a.fn.cycle.transitions.carousel={preInit:function(b){b.hideNonActive=!1,b.container.on("cycle-destroyed",a.proxy(this.onDestroy,b.API)),b.API.stopTransition=this.stopTransition;for(var c=0;c<b.startingSlide;c++)b.container.append(b.slides[0])},postInit:function(b){var c,d,e,f,g=b.carouselVertical;b.carouselVisible&&b.carouselVisible>b.slideCount&&(b.carouselVisible=b.slideCount-1);var h=b.carouselVisible||b.slides.length,i={display:g?"block":"inline-block",position:"static"};if(b.container.css({position:"relative",overflow:"hidden"}),b.slides.css(i),b._currSlide=b.currSlide,f=a('<div class="cycle-carousel-wrap"></div>').prependTo(b.container).css({margin:0,padding:0,top:0,left:0,position:"absolute"}).append(b.slides),b._carouselWrap=f,g||f.css("white-space","nowrap"),b.allowWrap!==!1){for(d=0;d<(void 0===b.carouselVisible?2:1);d++){for(c=0;c<b.slideCount;c++)f.append(b.slides[c].cloneNode(!0));for(c=b.slideCount;c--;)f.prepend(b.slides[c].cloneNode(!0))}f.find(".cycle-slide-active").removeClass("cycle-slide-active"),b.slides.eq(b.startingSlide).addClass("cycle-slide-active")}b.pager&&b.allowWrap===!1&&(e=b.slideCount-h,a(b.pager).children().filter(":gt("+e+")").hide()),b._nextBoundry=b.slideCount-b.carouselVisible,this.prepareDimensions(b)},prepareDimensions:function(b){var c,d,e,f,g=b.carouselVertical,h=b.carouselVisible||b.slides.length;if(b.carouselFluid&&b.carouselVisible?b._carouselResizeThrottle||this.fluidSlides(b):b.carouselVisible&&b.carouselSlideDimension?(c=h*b.carouselSlideDimension,b.container[g?"height":"width"](c)):b.carouselVisible&&(c=h*a(b.slides[0])[g?"outerHeight":"outerWidth"](!0),b.container[g?"height":"width"](c)),d=b.carouselOffset||0,b.allowWrap!==!1)if(b.carouselSlideDimension)d-=(b.slideCount+b.currSlide)*b.carouselSlideDimension;else for(e=b._carouselWrap.children(),f=0;f<b.slideCount+b.currSlide;f++)d-=a(e[f])[g?"outerHeight":"outerWidth"](!0);b._carouselWrap.css(g?"top":"left",d)},fluidSlides:function(b){function c(){clearTimeout(e),e=setTimeout(d,20)}function d(){b._carouselWrap.stop(!1,!0);var a=b.container.width()/b.carouselVisible;a=Math.ceil(a-g),b._carouselWrap.children().width(a),b._sentinel&&b._sentinel.width(a),h(b)}var e,f=b.slides.eq(0),g=f.outerWidth()-f.width(),h=this.prepareDimensions;a(window).on("resize",c),b._carouselResizeThrottle=c,d()},transition:function(b,c,d,e,f){var g,h={},i=b.nextSlide-b.currSlide,j=b.carouselVertical,k=b.speed;if(b.allowWrap===!1){e=i>0;var l=b._currSlide,m=b.slideCount-b.carouselVisible;i>0&&b.nextSlide>m&&l==m?i=0:i>0&&b.nextSlide>m?i=b.nextSlide-l-(b.nextSlide-m):0>i&&b.currSlide>m&&b.nextSlide>m?i=0:0>i&&b.currSlide>m?i+=b.currSlide-m:l=b.currSlide,g=this.getScroll(b,j,l,i),b.API.opts()._currSlide=b.nextSlide>m?m:b.nextSlide}else e&&0===b.nextSlide?(g=this.getDim(b,b.currSlide,j),f=this.genCallback(b,e,j,f)):e||b.nextSlide!=b.slideCount-1?g=this.getScroll(b,j,b.currSlide,i):(g=this.getDim(b,b.currSlide,j),f=this.genCallback(b,e,j,f));h[j?"top":"left"]=e?"-="+g:"+="+g,b.throttleSpeed&&(k=g/a(b.slides[0])[j?"height":"width"]()*b.speed),b._carouselWrap.animate(h,k,b.easing,f)},getDim:function(b,c,d){var e=a(b.slides[c]);return e[d?"outerHeight":"outerWidth"](!0)},getScroll:function(a,b,c,d){var e,f=0;if(d>0)for(e=c;c+d>e;e++)f+=this.getDim(a,e,b);else for(e=c;e>c+d;e--)f+=this.getDim(a,e,b);return f},genCallback:function(b,c,d,e){return function(){var c=a(b.slides[b.nextSlide]).position(),f=0-c[d?"top":"left"]+(b.carouselOffset||0);b._carouselWrap.css(b.carouselVertical?"top":"left",f),e()}},stopTransition:function(){var a=this.opts();a.slides.stop(!1,!0),a._carouselWrap.stop(!1,!0)},onDestroy:function(){var b=this.opts();b._carouselResizeThrottle&&a(window).off("resize",b._carouselResizeThrottle),b.slides.prependTo(b.container),b._carouselWrap.remove()}}}(jQuery); /* Plugin for Cycle2; Copyright (c) 2012 M. Alsup; v20141007 */ !function(a){"use strict";function b(b,c,d,e){"caption2"===c.captionPlugin&&a.each(["caption","overlay"],function(){var a,b=this+"Fx",f=c[b+"Out"]||"hide",g=d[this+"Template"],h=c.API.getComponent(this),i=c[b+"Sel"],j=c.speed;c.sync&&(j/=2),a=i?h.find(i):h,h.length&&g?("hide"==f&&(j=0),a[f](j,function(){var k=c.API.tmpl(g,d,c,e);h.html(k),a=i?h.find(i):h,i&&a.hide(),f=c[b+"In"]||"show",a[f](j)})):h.hide()})}function c(b,c,d,e){"caption2"===c.captionPlugin&&a.each(["caption","overlay"],function(){var a=d[this+"Template"],b=c.API.getComponent(this);b.length&&a&&b.html(c.API.tmpl(a,d,c,e))})}a.extend(a.fn.cycle.defaults,{captionFxOut:"fadeOut",captionFxIn:"fadeIn",captionFxSel:void 0,overlayFxOut:"fadeOut",overlayFxIn:"fadeIn",overlayFxSel:void 0}),a(document).on("cycle-bootstrap",function(a,d){d.container.on("cycle-update-view-before",b),d.container.one("cycle-update-view-after",c)})}(jQuery); /* Plugin for Cycle2; Copyright (c) 2012 M. Alsup; v20141007 */ !function(a){"use strict";function b(){try{this.playVideo()}catch(a){}}function c(){try{this.pauseVideo()}catch(a){}}var d='<div class=cycle-youtube><object width="640" height="360"><param name="movie" value="{{url}}"></param><param name="allowFullScreen" value="{{allowFullScreen}}"></param><param name="allowscriptaccess" value="always"></param><param name="wmode" value="opaque"></param><embed src="{{url}}" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="{{allowFullScreen}}" wmode="opaque"></embed></object></div>';a.extend(a.fn.cycle.defaults,{youtubeAllowFullScreen:!0,youtubeAutostart:!1,youtubeAutostop:!0}),a(document).on("cycle-bootstrap",function(e,f){f.youtube&&(f.hideNonActive=!1,f.container.find(f.slides).each(function(b){if(void 0!==a(this).attr("href")){var c,e=a(this),g=e.attr("href"),h=f.youtubeAllowFullScreen?"true":"false";g+=(/\?/.test(g)?"&":"?")+"enablejsapi=1",f.youtubeAutostart&&f.startingSlide===b&&(g+="&autoplay=1"),c=f.API.tmpl(d,{url:g,allowFullScreen:h}),e.replaceWith(c)}}),f.slides=f.slides.replace(/(\b>?a\b)/,"div.cycle-youtube"),f.youtubeAutostart&&f.container.on("cycle-initialized cycle-after",function(c,d){var e="cycle-initialized"==c.type?d.currSlide:d.nextSlide;a(d.slides[e]).find("object,embed").each(b)}),f.youtubeAutostop&&f.container.on("cycle-before",function(b,d){a(d.slides[d.currSlide]).find("object,embed").each(c)}))})}(jQuery); /* Plugin for Cycle2; Copyright (c) 2012 M. Alsup; v20141007 */ !function(a){"use strict";a.fn.cycle.transitions.tileSlide=a.fn.cycle.transitions.tileBlind={before:function(b,c,d,e){b.API.stackSlides(c,d,e),a(c).css({display:"block",visibility:"visible"}),b.container.css("overflow","hidden"),b.tileDelay=b.tileDelay||"tileSlide"==b.fx?100:125,b.tileCount=b.tileCount||7,b.tileVertical=b.tileVertical!==!1,b.container.data("cycleTileInitialized")||(b.container.on("cycle-destroyed",a.proxy(this.onDestroy,b.API)),b.container.data("cycleTileInitialized",!0))},transition:function(b,c,d,e,f){function g(a){m.eq(a).animate(t,{duration:b.speed,easing:b.easing,complete:function(){(e?p-1===a:0===a)&&b._tileAniCallback()}}),setTimeout(function(){(e?p-1!==a:0!==a)&&g(e?a+1:a-1)},b.tileDelay)}b.slides.not(c).not(d).css("visibility","hidden");var h,i,j,k,l,m=a(),n=a(c),o=a(d),p=b.tileCount,q=b.tileVertical,r=b.container.height(),s=b.container.width();q?(i=Math.floor(s/p),k=s-i*(p-1),j=l=r):(i=k=s,j=Math.floor(r/p),l=r-j*(p-1)),b.container.find(".cycle-tiles-container").remove();var t,u={left:0,top:0,overflow:"hidden",position:"absolute",margin:0,padding:0};t=q?"tileSlide"==b.fx?{top:r}:{width:0}:"tileSlide"==b.fx?{left:s}:{height:0};var v=a('<div class="cycle-tiles-container"></div>');v.css({zIndex:n.css("z-index"),overflow:"visible",position:"absolute",top:0,left:0,direction:"ltr"}),v.insertBefore(d);for(var w=0;p>w;w++)h=a("<div></div>").css(u).css({width:p-1===w?k:i,height:p-1===w?l:j,marginLeft:q?w*i:0,marginTop:q?0:w*j}).append(n.clone().css({position:"relative",maxWidth:"none",width:n.width(),margin:0,padding:0,marginLeft:q?-(w*i):0,marginTop:q?0:-(w*j)})),m=m.add(h);v.append(m),n.css("visibility","hidden"),o.css({opacity:1,display:"block",visibility:"visible"}),g(e?0:p-1),b._tileAniCallback=function(){o.css({display:"block",visibility:"visible"}),n.css("visibility","hidden"),v.remove(),f()}},stopTransition:function(a){a.container.find("*").stop(!0,!0),a._tileAniCallback&&a._tileAniCallback()},onDestroy:function(){var a=this.opts();a.container.find(".cycle-tiles-container").remove()}}}(jQuery); /* Plugin for Cycle2; Copyright (c) 2012 M. Alsup; v20141007 */ !function(a){"use strict";a.event.special.swipe=a.event.special.swipe||{scrollSupressionThreshold:10,durationThreshold:1e3,horizontalDistanceThreshold:30,verticalDistanceThreshold:75,setup:function(){var b=a(this);b.bind("touchstart",function(c){function d(b){if(g){var c=b.originalEvent.touches?b.originalEvent.touches[0]:b;e={time:(new Date).getTime(),coords:[c.pageX,c.pageY]},Math.abs(g.coords[0]-e.coords[0])>a.event.special.swipe.scrollSupressionThreshold&&b.preventDefault()}}var e,f=c.originalEvent.touches?c.originalEvent.touches[0]:c,g={time:(new Date).getTime(),coords:[f.pageX,f.pageY],origin:a(c.target)};b.bind("touchmove",d).one("touchend",function(){b.unbind("touchmove",d),g&&e&&e.time-g.time<a.event.special.swipe.durationThreshold&&Math.abs(g.coords[0]-e.coords[0])>a.event.special.swipe.horizontalDistanceThreshold&&Math.abs(g.coords[1]-e.coords[1])<a.event.special.swipe.verticalDistanceThreshold&&g.origin.trigger("swipe").trigger(g.coords[0]>e.coords[0]?"swipeleft":"swiperight"),g=e=void 0})})}},a.event.special.swipeleft=a.event.special.swipeleft||{setup:function(){a(this).bind("swipe",a.noop)}},a.event.special.swiperight=a.event.special.swiperight||a.event.special.swipeleft}(jQuery); /*global jQuery */ /*! * Lettering.JS 0.7.0 * * Copyright 2010, Dave Rupert http://daverupert.com * Released under the WTFPL license * http://sam.zoy.org/wtfpl/ * * Thanks to Paul Irish - http://paulirish.com - for the feedback. * * Date: Mon Sep 20 17:14:00 2010 -0600 */ (function($){ function injector(t, splitter, klass, after) { var text = t.text() , a = text.split(splitter) , inject = ''; if (a.length) { $(a).each(function(i, item) { inject += '<span class="'+klass+(i+1)+'" aria-hidden="true">'+item+'</span>'+after; }); t.attr('aria-label',text) .empty() .append(inject) } } var methods = { init : function() { return this.each(function() { injector($(this), '', 'char', ''); }); }, words : function() { return this.each(function() { injector($(this), ' ', 'word', ' '); }); }, lines : function() { return this.each(function() { var r = "eefec303079ad17405c889e092e105b0"; // Because it's hard to split a <br/> tag consistently across browsers, // (*ahem* IE *ahem*), we replace all <br/> instances with an md5 hash // (of the word "split"). If you're trying to use this plugin on that // md5 hash string, it will fail because you're being ridiculous. injector($(this).children("br").replaceWith(r).end(), r, 'line', ''); }); } }; $.fn.lettering = function( method ) { // Method calling logic if ( method && methods[method] ) { return methods[ method ].apply( this, [].slice.call( arguments, 1 )); } else if ( method === 'letters' || ! method ) { return methods.init.apply( this, [].slice.call( arguments, 0 ) ); // always pass an array } $.error( 'Method ' + method + ' does not exist on jQuery.lettering' ); return this; }; })(jQuery); /* * textillate.js * http://jschr.github.com/textillate * MIT licensed * * Copyright (C) 2012-2013 Jordan Schroter */ (function ($) { "use strict"; function isInEffect (effect) { return /In/.test(effect) || $.inArray(effect, $.fn.textillate.defaults.inEffects) >= 0; }; function isOutEffect (effect) { return /Out/.test(effect) || $.inArray(effect, $.fn.textillate.defaults.outEffects) >= 0; }; function stringToBoolean(str) { if (str !== "true" && str !== "false") return str; return (str === "true"); }; // custom get data api method function getData (node) { var attrs = node.attributes || [] , data = {}; if (!attrs.length) return data; $.each(attrs, function (i, attr) { var nodeName = attr.nodeName.replace(/delayscale/, 'delayScale'); if (/^data-in-*/.test(nodeName)) { data.in = data.in || {}; data.in[nodeName.replace(/data-in-/, '')] = stringToBoolean(attr.nodeValue); } else if (/^data-out-*/.test(nodeName)) { data.out = data.out || {}; data.out[nodeName.replace(/data-out-/, '')] =stringToBoolean(attr.nodeValue); } else if (/^data-*/.test(nodeName)) { data[nodeName.replace(/data-/, '')] = stringToBoolean(attr.nodeValue); } }) return data; } function shuffle (o) { for (var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x); return o; } function animate ($t, effect, cb) { $t.addClass('animated ' + effect) .css('visibility', 'visible') .show(); $t.one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function () { $t.removeClass('animated ' + effect); cb && cb(); }); } function animateTokens ($tokens, options, cb) { var that = this , count = $tokens.length; if (!count) { cb && cb(); return; } if (options.shuffle) $tokens = shuffle($tokens); if (options.reverse) $tokens = $tokens.toArray().reverse(); $.each($tokens, function (i, t) { var $token = $(t); function complete () { if (isInEffect(options.effect)) { $token.css('visibility', 'visible'); } else if (isOutEffect(options.effect)) { $token.css('visibility', 'hidden'); } count -= 1; if (!count && cb) cb(); } var delay = options.sync ? options.delay : options.delay * i * options.delayScale; $token.text() ? setTimeout(function () { animate($token, options.effect, complete) }, delay) : complete(); }); }; var Textillate = function (element, options) { var base = this , $element = $(element); base.init = function () { base.$texts = $element.find(options.selector); if (!base.$texts.length) { base.$texts = $('<ul class="texts"><li>' + $element.html() + '</li></ul>'); $element.html(base.$texts); } base.$texts.hide(); base.$current = $('<span>') .html(base.$texts.find(':first-child').html()) .prependTo($element); if (isInEffect(options.in.effect)) { base.$current.css('visibility', 'hidden'); } else if (isOutEffect(options.out.effect)) { base.$current.css('visibility', 'visible'); } base.setOptions(options); base.timeoutRun = null; setTimeout(function () { base.options.autoStart && base.start(); }, base.options.initialDelay) }; base.setOptions = function (options) { base.options = options; }; base.triggerEvent = function (name) { var e = $.Event(name + '.tlt'); $element.trigger(e, base); return e; }; base.in = function (index, cb) { index = index || 0; var $elem = base.$texts.find(':nth-child(' + ((index||0) + 1) + ')') , options = $.extend(true, {}, base.options, $elem.length ? getData($elem[0]) : {}) , $tokens; $elem.addClass('current'); base.triggerEvent('inAnimationBegin'); $element.attr('data-active', $elem.data('id')); base.$current .html($elem.html()) .lettering('words'); // split words to individual characters if token type is set to 'char' if (base.options.type == "char") { base.$current.find('[class^="word"]') .css({ 'display': 'inline-block', // fix for poor ios performance '-webkit-transform': 'translate3d(0,0,0)', '-moz-transform': 'translate3d(0,0,0)', '-o-transform': 'translate3d(0,0,0)', 'transform': 'translate3d(0,0,0)' }) .each(function () { $(this).lettering() }); } $tokens = base.$current .find('[class^="' + base.options.type + '"]') .css('display', 'inline-block'); if (isInEffect(options.in.effect)) { $tokens.css('visibility', 'hidden'); } else if (isOutEffect(options.in.effect)) { $tokens.css('visibility', 'visible'); } base.currentIndex = index; animateTokens($tokens, options.in, function () { base.triggerEvent('inAnimationEnd'); if (options.in.callback) options.in.callback(); if (cb) cb(base); }); }; base.out = function (cb) { var $elem = base.$texts.find(':nth-child(' + ((base.currentIndex||0) + 1) + ')') , $tokens = base.$current.find('[class^="' + base.options.type + '"]') , options = $.extend(true, {}, base.options, $elem.length ? getData($elem[0]) : {}) base.triggerEvent('outAnimationBegin'); animateTokens($tokens, options.out, function () { $elem.removeClass('current'); base.triggerEvent('outAnimationEnd'); $element.removeAttr('data-active'); if (options.out.callback) options.out.callback(); if (cb) cb(base); }); }; base.start = function (index) { setTimeout(function () { base.triggerEvent('start'); (function run (index) { base.in(index, function () { var length = base.$texts.children().length; index += 1; if (!base.options.loop && index >= length) { if (base.options.callback) base.options.callback(); base.triggerEvent('end'); } else { index = index % length; base.timeoutRun = setTimeout(function () { base.out(function () { run(index) }); }, base.options.minDisplayTime); } }); }(index || 0)); }, base.options.initialDelay); }; base.stop = function () { if (base.timeoutRun) { clearInterval(base.timeoutRun); base.timeoutRun = null; } }; base.init(); } $.fn.textillate = function (settings, args) { return this.each(function () { var $this = $(this) , data = $this.data('textillate') , options = $.extend(true, {}, $.fn.textillate.defaults, getData(this), typeof settings == 'object' && settings); if (!data) { $this.data('textillate', (data = new Textillate(this, options))); } else if (typeof settings == 'string') { data[settings].apply(data, [].concat(args)); } else { data.setOptions.call(data, options); } }) }; $.fn.textillate.defaults = { selector: '.texts', loop: false, minDisplayTime: 2000, initialDelay: 0, in: { effect: 'fadeInLeftBig', delayScale: 1.5, delay: 50, sync: false, reverse: false, shuffle: false, callback: function () {} }, out: { effect: 'hinge', delayScale: 1.5, delay: 50, sync: false, reverse: false, shuffle: false, callback: function () {} }, autoStart: true, inEffects: [], outEffects: [ 'hinge' ], callback: function () {}, type: 'char' }; }(jQuery));