').html(content).find(current.selector); } else if (isQuery(content)) { if (!content.data(placeholder)) { content.data(placeholder, $('

').insertAfter( content ).hide() ); } content = content.show().detach(); current.wrap.bind('onReset', function () { if ($(this).find(content).length) { content.hide().replaceAll( content.data(placeholder) ).data(placeholder, false); } }); } break; case 'image': content = current.tpl.image.replace('{href}', href); break; case 'swf': content = '

'; break; } if (!(isQuery(content) && content.parent().is(current.inner))) { current.inner.append( content ); } // Give a chance for helpers or callbacks to update elements F.trigger('beforeShow'); // Set scrolling before calculating dimensions current.inner.css('overflow', scrolling === 'yes' ? 'scroll' : (scrolling === 'no' ? 'hidden' : scrolling)); // Set initial dimensions and start position F._setDimension(); F.reposition(); F.isOpen = false; F.coming = null; F.bindEvents(); if (!F.isOpened) { $('.fancybox-wrap').not( current.wrap ).stop(true).trigger('onReset').remove(); } else if (previous.prevMethod) { F.transitions[ previous.prevMethod ](); } F.transitions[ F.isOpened ? current.nextMethod : current.openMethod ](); F._preloadImages(); }, _setDimension: function () { var viewport = F.getViewport(), steps = 0, canShrink = false, canExpand = false, wrap = F.wrap, skin = F.skin, inner = F.inner, current = F.current, width = current.width, height = current.height, minWidth = current.minWidth, minHeight = current.minHeight, maxWidth = current.maxWidth, maxHeight = current.maxHeight, scrolling = current.scrolling, scrollOut = current.scrollOutside ? current.scrollbarWidth : 0, margin = current.margin, wMargin = getScalar(margin[1] + margin[3]), hMargin = getScalar(margin[0] + margin[2]), wPadding, hPadding, wSpace, hSpace, origWidth, origHeight, origMaxWidth, origMaxHeight, ratio, width_, height_, maxWidth_, maxHeight_, iframe, body; // Reset dimensions so we could re-check actual size wrap.add(skin).add(inner).width('auto').height('auto').removeClass('fancybox-tmp'); wPadding = getScalar(skin.outerWidth(true) - skin.width()); hPadding = getScalar(skin.outerHeight(true) - skin.height()); // Any space between content and viewport (margin, padding, border, title) wSpace = wMargin + wPadding; hSpace = hMargin + hPadding; origWidth = isPercentage(width) ? (viewport.w - wSpace) * getScalar(width) / 100 : width; origHeight = isPercentage(height) ? (viewport.h - hSpace) * getScalar(height) / 100 : height; if (current.type === 'iframe') { iframe = current.content; if (current.autoHeight && iframe.data('ready') === 1) { try { if (iframe[0].contentWindow.document.location) { inner.width( origWidth ).height(9999); body = iframe.contents().find('body'); if (scrollOut) { body.css('overflow-x', 'hidden'); } origHeight = body.outerHeight(true); } } catch (e) {} } } else if (current.autoWidth || current.autoHeight) { inner.addClass( 'fancybox-tmp' ); // Set width or height in case we need to calculate only one dimension if (!current.autoWidth) { inner.width( origWidth ); } if (!current.autoHeight) { inner.height( origHeight ); } if (current.autoWidth) { origWidth = inner.width(); } if (current.autoHeight) { origHeight = inner.height(); } inner.removeClass( 'fancybox-tmp' ); } width = getScalar( origWidth ); height = getScalar( origHeight ); ratio = origWidth / origHeight; // Calculations for the content minWidth = getScalar(isPercentage(minWidth) ? getScalar(minWidth, 'w') - wSpace : minWidth); maxWidth = getScalar(isPercentage(maxWidth) ? getScalar(maxWidth, 'w') - wSpace : maxWidth); minHeight = getScalar(isPercentage(minHeight) ? getScalar(minHeight, 'h') - hSpace : minHeight); maxHeight = getScalar(isPercentage(maxHeight) ? getScalar(maxHeight, 'h') - hSpace : maxHeight); // These will be used to determine if wrap can fit in the viewport origMaxWidth = maxWidth; origMaxHeight = maxHeight; if (current.fitToView) { maxWidth = Math.min(viewport.w - wSpace, maxWidth); maxHeight = Math.min(viewport.h - hSpace, maxHeight); } maxWidth_ = viewport.w - wMargin; maxHeight_ = viewport.h - hMargin; if (current.aspectRatio) { if (width > maxWidth) { width = maxWidth; height = getScalar(width / ratio); } if (height > maxHeight) { height = maxHeight; width = getScalar(height * ratio); } if (width < minWidth) { width = minWidth; height = getScalar(width / ratio); } if (height < minHeight) { height = minHeight; width = getScalar(height * ratio); } } else { width = Math.max(minWidth, Math.min(width, maxWidth)); if (current.autoHeight && current.type !== 'iframe') { inner.width( width ); height = inner.height(); } height = Math.max(minHeight, Math.min(height, maxHeight)); } // Try to fit inside viewport (including the title) if (current.fitToView) { inner.width( width ).height( height ); wrap.width( width + wPadding ); // Real wrap dimensions width_ = wrap.width(); height_ = wrap.height(); if (current.aspectRatio) { while ((width_ > maxWidth_ || height_ > maxHeight_) && width > minWidth && height > minHeight) { if (steps++ > 19) { break; } height = Math.max(minHeight, Math.min(maxHeight, height - 10)); width = getScalar(height * ratio); if (width < minWidth) { width = minWidth; height = getScalar(width / ratio); } if (width > maxWidth) { width = maxWidth; height = getScalar(width / ratio); } inner.width( width ).height( height ); wrap.width( width + wPadding ); width_ = wrap.width(); height_ = wrap.height(); } } else { width = Math.max(minWidth, Math.min(width, width - (width_ - maxWidth_))); height = Math.max(minHeight, Math.min(height, height - (height_ - maxHeight_))); } } if (scrollOut && scrolling === 'auto' && height < origHeight && (width + wPadding + scrollOut) < maxWidth_) { width += scrollOut; } inner.width( width ).height( height ); wrap.width( width + wPadding ); width_ = wrap.width(); height_ = wrap.height(); canShrink = (width_ > maxWidth_ || height_ > maxHeight_) && width > minWidth && height > minHeight; canExpand = current.aspectRatio ? (width < origMaxWidth && height < origMaxHeight && width < origWidth && height < origHeight) : ((width < origMaxWidth || height < origMaxHeight) && (width < origWidth || height < origHeight)); $.extend(current, { dim : { width : getValue( width_ ), height : getValue( height_ ) }, origWidth : origWidth, origHeight : origHeight, canShrink : canShrink, canExpand : canExpand, wPadding : wPadding, hPadding : hPadding, wrapSpace : height_ - skin.outerHeight(true), skinSpace : skin.height() - height }); if (!iframe && current.autoHeight && height > minHeight && height < maxHeight && !canExpand) { inner.height('auto'); } }, _getPosition: function (onlyAbsolute) { var current = F.current, viewport = F.getViewport(), margin = current.margin, width = F.wrap.width() + margin[1] + margin[3], height = F.wrap.height() + margin[0] + margin[2], rez = { position: 'absolute', top : margin[0], left : margin[3] }; if (current.autoCenter && current.fixed && !onlyAbsolute && height <= viewport.h && width <= viewport.w) { rez.position = 'fixed'; } else if (!current.locked) { rez.top += viewport.y; rez.left += viewport.x; } rez.top = getValue(Math.max(rez.top, rez.top + ((viewport.h - height) * current.topRatio))); rez.left = getValue(Math.max(rez.left, rez.left + ((viewport.w - width) * current.leftRatio))); return rez; }, _afterZoomIn: function () { var current = F.current; if (!current) { return; } F.isOpen = F.isOpened = true; F.wrap.css('overflow', 'visible').addClass('fancybox-opened'); F.update(); // Assign a click event if ( current.closeClick || (current.nextClick && F.group.length > 1) ) { F.inner.css('cursor', 'pointer').bind('click.fb', function(e) { if (!$(e.target).is('a') && !$(e.target).parent().is('a')) { e.preventDefault(); F[ current.closeClick ? 'close' : 'next' ](); } }); } // Create a close button if (current.closeBtn) { $(current.tpl.closeBtn).appendTo(F.skin).bind('click.fb', function(e) { e.preventDefault(); F.close(); }); } // Create navigation arrows if (current.arrows && F.group.length > 1) { if (current.loop || current.index > 0) { $(current.tpl.prev).appendTo(F.outer).bind('click.fb', F.prev); } if (current.loop || current.index < F.group.length - 1) { $(current.tpl.next).appendTo(F.outer).bind('click.fb', F.next); } } F.trigger('afterShow'); // Stop the slideshow if this is the last item if (!current.loop && current.index === current.group.length - 1) { F.play( false ); } else if (F.opts.autoPlay && !F.player.isActive) { F.opts.autoPlay = false; F.play(); } }, _afterZoomOut: function ( obj ) { obj = obj || F.current; $('.fancybox-wrap').trigger('onReset').remove(); $.extend(F, { group : {}, opts : {}, router : false, current : null, isActive : false, isOpened : false, isOpen : false, isClosing : false, wrap : null, skin : null, outer : null, inner : null }); F.trigger('afterClose', obj); } }); /* * Default transitions */ F.transitions = { getOrigPosition: function () { var current = F.current, element = current.element, orig = current.orig, pos = {}, width = 50, height = 50, hPadding = current.hPadding, wPadding = current.wPadding, viewport = F.getViewport(); if (!orig && current.isDom && element.is(':visible')) { orig = element.find('img:first'); if (!orig.length) { orig = element; } } if (isQuery(orig)) { pos = orig.offset(); if (orig.is('img')) { width = orig.outerWidth(); height = orig.outerHeight(); } } else { pos.top = viewport.y + (viewport.h - height) * current.topRatio; pos.left = viewport.x + (viewport.w - width) * current.leftRatio; } if (F.wrap.css('position') === 'fixed' || current.locked) { pos.top -= viewport.y; pos.left -= viewport.x; } pos = { top : getValue(pos.top - hPadding * current.topRatio), left : getValue(pos.left - wPadding * current.leftRatio), width : getValue(width + wPadding), height : getValue(height + hPadding) }; return pos; }, step: function (now, fx) { var ratio, padding, value, prop = fx.prop, current = F.current, wrapSpace = current.wrapSpace, skinSpace = current.skinSpace; if (prop === 'width' || prop === 'height') { ratio = fx.end === fx.start ? 1 : (now - fx.start) / (fx.end - fx.start); if (F.isClosing) { ratio = 1 - ratio; } padding = prop === 'width' ? current.wPadding : current.hPadding; value = now - padding; F.skin[ prop ]( getScalar( prop === 'width' ? value : value - (wrapSpace * ratio) ) ); F.inner[ prop ]( getScalar( prop === 'width' ? value : value - (wrapSpace * ratio) - (skinSpace * ratio) ) ); } }, zoomIn: function () { var current = F.current, startPos = current.pos, effect = current.openEffect, elastic = effect === 'elastic', endPos = $.extend({opacity : 1}, startPos); // Remove "position" property that breaks older IE delete endPos.position; if (elastic) { startPos = this.getOrigPosition(); if (current.openOpacity) { startPos.opacity = 0.1; } } else if (effect === 'fade') { startPos.opacity = 0.1; } F.wrap.css(startPos).animate(endPos, { duration : effect === 'none' ? 0 : current.openSpeed, easing : current.openEasing, step : elastic ? this.step : null, complete : F._afterZoomIn }); }, zoomOut: function () { var current = F.current, effect = current.closeEffect, elastic = effect === 'elastic', endPos = {opacity : 0.1}; if (elastic) { endPos = this.getOrigPosition(); if (current.closeOpacity) { endPos.opacity = 0.1; } } F.wrap.animate(endPos, { duration : effect === 'none' ? 0 : current.closeSpeed, easing : current.closeEasing, step : elastic ? this.step : null, complete : F._afterZoomOut }); }, changeIn: function () { var current = F.current, effect = current.nextEffect, startPos = current.pos, endPos = { opacity : 1 }, direction = F.direction, distance = 200, field; startPos.opacity = 0.1; if (effect === 'elastic') { field = direction === 'down' || direction === 'up' ? 'top' : 'left'; if (direction === 'down' || direction === 'right') { startPos[ field ] = getValue(getScalar(startPos[ field ]) - distance); endPos[ field ] = '+=' + distance + 'px'; } else { startPos[ field ] = getValue(getScalar(startPos[ field ]) + distance); endPos[ field ] = '-=' + distance + 'px'; } } // Workaround for http://bugs.jquery.com/ticket/12273 if (effect === 'none') { F._afterZoomIn(); } else { F.wrap.css(startPos).animate(endPos, { duration : current.nextSpeed, easing : current.nextEasing, complete : F._afterZoomIn }); } }, changeOut: function () { var previous = F.previous, effect = previous.prevEffect, endPos = { opacity : 0.1 }, direction = F.direction, distance = 200; if (effect === 'elastic') { endPos[ direction === 'down' || direction === 'up' ? 'top' : 'left' ] = ( direction === 'up' || direction === 'left' ? '-' : '+' ) + '=' + distance + 'px'; } previous.wrap.animate(endPos, { duration : effect === 'none' ? 0 : previous.prevSpeed, easing : previous.prevEasing, complete : function () { $(this).trigger('onReset').remove(); } }); } }; /* * Overlay helper */ F.helpers.overlay = { defaults : { closeClick : true, // if true, fancyBox will be closed when user clicks on the overlay speedOut : 200, // duration of fadeOut animation showEarly : true, // indicates if should be opened immediately or wait until the content is ready css : {}, // custom CSS properties locked : !isTouch, // if true, the content will be locked into overlay fixed : true // if false, the overlay CSS position property will not be set to "fixed" }, overlay : null, // current handle fixed : false, // indicates if the overlay has position "fixed" el : $('html'), // element that contains "the lock" // Public methods create : function(opts) { opts = $.extend({}, this.defaults, opts); if (this.overlay) { this.close(); } this.overlay = $('

').appendTo( F.coming ? F.coming.parent : opts.parent ); this.fixed = false; if (opts.fixed && F.defaults.fixed) { this.overlay.addClass('fancybox-overlay-fixed'); this.fixed = true; } }, open : function(opts) { var that = this; opts = $.extend({}, this.defaults, opts); if (this.overlay) { this.overlay.unbind('.overlay').width('auto').height('auto'); } else { this.create(opts); } if (!this.fixed) { W.bind('resize.overlay', $.proxy( this.update, this) ); this.update(); } if (opts.closeClick) { this.overlay.bind('click.overlay', function(e) { if ($(e.target).hasClass('fancybox-overlay')) { if (F.isActive) { F.close(); } else { that.close(); } return false; } }); } this.overlay.css( opts.css ).show(); }, close : function() { var scrollV, scrollH; W.unbind('resize.overlay'); if (this.el.hasClass('fancybox-lock')) { $('.fancybox-margin').removeClass('fancybox-margin'); scrollV = W.scrollTop(); scrollH = W.scrollLeft(); this.el.removeClass('fancybox-lock'); W.scrollTop( scrollV ).scrollLeft( scrollH ); } $('.fancybox-overlay').remove().hide(); $.extend(this, { overlay : null, fixed : false }); }, // Private, callbacks update : function () { var width = '100%', offsetWidth; // Reset width/height so it will not mess this.overlay.width(width).height('100%'); // jQuery does not return reliable result for IE if (IE) { offsetWidth = Math.max(document.documentElement.offsetWidth, document.body.offsetWidth); if (D.width() > offsetWidth) { width = D.width(); } } else if (D.width() > W.width()) { width = D.width(); } this.overlay.width(width).height(D.height()); }, // This is where we can manipulate DOM, because later it would cause iframes to reload onReady : function (opts, obj) { var overlay = this.overlay; $('.fancybox-overlay').stop(true, true); if (!overlay) { this.create(opts); } if (opts.locked && this.fixed && obj.fixed) { if (!overlay) { this.margin = D.height() > W.height() ? $('html').css('margin-right').replace("px", "") : false; } obj.locked = this.overlay.append( obj.wrap ); obj.fixed = false; } if (opts.showEarly === true) { this.beforeShow.apply(this, arguments); } }, beforeShow : function(opts, obj) { var scrollV, scrollH; if (obj.locked) { if (this.margin !== false) { $('*').filter(function(){ return ($(this).css('position') === 'fixed' && !$(this).hasClass("fancybox-overlay") && !$(this).hasClass("fancybox-wrap") ); }).addClass('fancybox-margin'); this.el.addClass('fancybox-margin'); } scrollV = W.scrollTop(); scrollH = W.scrollLeft(); this.el.addClass('fancybox-lock'); W.scrollTop( scrollV ).scrollLeft( scrollH ); } this.open(opts); }, onUpdate : function() { if (!this.fixed) { this.update(); } }, afterClose: function (opts) { // Remove overlay if exists and fancyBox is not opening // (e.g., it is not being open using afterClose callback) //if (this.overlay && !F.isActive) { if (this.overlay && !F.coming) { this.overlay.fadeOut(opts.speedOut, $.proxy( this.close, this )); } } }; /* * Title helper */ F.helpers.title = { defaults : { type : 'float', // 'float', 'inside', 'outside' or 'over', position : 'bottom' // 'top' or 'bottom' }, beforeShow: function (opts) { var current = F.current, text = current.title, type = opts.type, title, target; if ($.isFunction(text)) { text = text.call(current.element, current); } if (!isString(text) || $.trim(text) === '') { return; } title = $('

' + text + '

'); switch (type) { case 'inside': target = F.skin; break; case 'outside': target = F.wrap; break; case 'over': target = F.inner; break; default: // 'float' target = F.skin; title.appendTo('body'); if (IE) { title.width( title.width() ); } title.wrapInner(''); //Increase bottom margin so this title will also fit into viewport F.current.margin[2] += Math.abs( getScalar(title.css('margin-bottom')) ); break; } title[ (opts.position === 'top' ? 'prependTo' : 'appendTo') ](target); } }; // jQuery plugin initialization $.fn.fancybox = function (options) { var index, that = $(this), selector = this.selector || '', run = function(e) { var what = $(this).blur(), idx = index, relType, relVal; if (!(e.ctrlKey || e.altKey || e.shiftKey || e.metaKey) && !what.is('.fancybox-wrap')) { relType = options.groupAttr || 'data-fancybox-group'; relVal = what.attr(relType); if (!relVal) { relType = 'rel'; relVal = what.get(0)[ relType ]; } if (relVal && relVal !== '' && relVal !== 'nofollow') { what = selector.length ? $(selector) : that; what = what.filter('[' + relType + '="' + relVal + '"]'); idx = what.index(this); } options.index = idx; // Stop an event from bubbling if everything is fine if (F.open(what, options) !== false) { e.preventDefault(); } } }; options = options || {}; index = options.index || 0; if (!selector || options.live === false) { that.unbind('click.fb-start').bind('click.fb-start', run); } else { D.undelegate(selector, 'click.fb-start').delegate(selector + ":not('.fancybox-item, .fancybox-nav')", 'click.fb-start', run); } this.filter('[data-fancybox-start=1]').trigger('click'); return this; }; // Tests that need a body at doc ready D.ready(function() { var w1, w2; if ( $.scrollbarWidth === undefined ) { // http://benalman.com/projects/jquery-misc-plugins/#scrollbarwidth $.scrollbarWidth = function() { var parent = $('

').appendTo('body'), child = parent.children(), width = child.innerWidth() - child.height( 99 ).innerWidth(); parent.remove(); return width; }; } if ( $.support.fixedPosition === undefined ) { $.support.fixedPosition = (function() { var elem = $('

').appendTo('body'), fixed = ( elem[0].offsetTop === 20 || elem[0].offsetTop === 15 ); elem.remove(); return fixed; }()); } $.extend(F.defaults, { scrollbarWidth : $.scrollbarWidth(), fixed : $.support.fixedPosition, parent : $('body') }); //Get real width of page scroll-bar w1 = $(window).width(); H.addClass('fancybox-lock-test'); w2 = $(window).width(); H.removeClass('fancybox-lock-test'); $("").appendTo("head"); }); }(window, document, jQuery)); /* * rwdImageMaps jQuery plugin v1.5 * * Allows image maps to be used in a responsive design by recalculating the area coordinates to match the actual image size on load and window.resize * * Copyright (c) 2013 Matt Stow * https://github.com/stowball/jQuery-rwdImageMaps * http://mattstow.com * Licensed under the MIT license */ ;(function($) { $.fn.rwdImageMaps = function() { var $img = this; var rwdImageMap = function() { $img.each(function() { if (typeof($(this).attr('usemap')) == 'undefined') return; var that = this, $that = $(that); // Since WebKit doesn't know the height until after the image has loaded, perform everything in an onload copy $('').load(function() { var attrW = 'width', attrH = 'height', w = $that.attr(attrW), h = $that.attr(attrH); if (!w || !h) { var temp = new Image(); temp.src = $that.attr('src'); if (!w) w = temp.width; if (!h) h = temp.height; } var wPercent = $that.width()/100, hPercent = $that.height()/100, map = $that.attr('usemap').replace('#', ''), c = 'coords'; $('map[name="' + map + '"]').find('area').each(function() { var $this = $(this); if (!$this.data(c)) $this.data(c, $this.attr(c)); var coords = $this.data(c).split(','), coordsPercent = new Array(coords.length); for (var i = 0; i < coordsPercent.length; ++i) { if (i % 2 === 0) coordsPercent[i] = parseInt(((coords[i]/w)*100)*wPercent); else coordsPercent[i] = parseInt(((coords[i]/h)*100)*hPercent); } $this.attr(c, coordsPercent.toString()); }); }).attr('src', $that.attr('src')); }); }; $(window).resize(rwdImageMap).trigger('resize'); return this; }; })(jQuery); /** * Browser module * * @module Browser */ (function Browser(){ /** * @class Header * @constructor * @param {String} nodeSelector The selector for the node which gets the current browser as class name */ function BrowserConstructor(nodeSelector) { var that = this; /** * Stores the retrieved info * * @property info * @type {Object} */ this.info = null; /** * Retrieve the browsers information * * @method getBrowserInformation * @returns {Object} Object with the properties name and version */ this.getInfo = function(){ // check if info got already retrieved if(this.info === null) { var ua=navigator.userAgent,tem,M=ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || []; if(/trident/i.test(M[1])){ tem=/\brv[ :]+(\d+)/g.exec(ua) || []; return {name:'IE ',version:(tem[1]||'')}; } if(M[1]==='Chrome'){ tem=ua.match(/\bOPR\/(\d+)/) if(tem!=null) {return {name:'Opera', version:tem[1]};} } M=M[2]? [M[1], M[2]]: [navigator.appName, navigator.appVersion, '-?']; if((tem=ua.match(/version\/(\d+)/i))!=null) {M.splice(1,1,tem[1]);} this.info = { name: M[0], version: M[1] }; } return this.info; }; // get browser info var browserInfo = this.getInfo(); // apply as class to selected node $(nodeSelector).addClass('Browser-' + browserInfo.name + ' ' + 'Browser-' + browserInfo.name + '-' + browserInfo.version); } // apply Browser Class to TechDivision global if(!window.TechDivision){ window.TechDivision = {}; } window.TechDivision.BrowserConstructor = BrowserConstructor; // Set defaults after dom is ready $(document).ready(function() { // initialize and save instance window.TechDivision.browser = new window.TechDivision.BrowserConstructor('body'); }); })(); /** * Ajax static class provides api for the ajax dispatcher * * @class Ajax * @static */ (function Ajax(){ /** * Build the request data * @method buildRequestData * @private * @param {String} extension * @param {String} controller * @param {String} method * @param {Array} params */ function buildRequestData(extension, controller, method, params) { var data = $.extend(true, {}, window.TechDivision.Ajax.dispatchSettings); // build up the provided data data.extension = extension; data.controller = controller; data.method = method; // append with params if given if(params) { data.params = params; } return data; } /** * Build the ajax options * @method buildAjaxOptions * @private * @param {object} data * @param {String} type * @param {Array} ajaxOptions */ function buildAjaxOptions(data, type, ajaxOptions) { // check for given ajax options if(typeof ajaxOptions === 'undefined'){ ajaxOptions = {}; } // merge the content of the default options and additional ajaxOptions $.extend( ajaxOptions, { url: window.TechDivision.Ajax.dispatchUrl, type: type, data: data } ); return ajaxOptions; } /** * Does a http request of given type * @method doRequest * @private * @param {String} type * @param {String} extension * @param {String} controller * @param {String} method * @param {Array} params * @param {Function} doneCallback * @param {Array} ajaxOptions */ function doRequest(type, extension, controller, method, params, doneCallback, ajaxOptions) { var data = buildRequestData(extension, controller, method, params) var ajaxOptions = buildAjaxOptions(data, type, ajaxOptions); // create the ajax request $.ajax(ajaxOptions).done(function(data) { if(doneCallback) doneCallback(data); }); } /** * Returns a GET Request Url * @method getRequestUrl * @param {String} extension * @param {String} controller * @param {String} method * @param {Array} params * @param {Array} ajaxOptions * @return {string} */ function getRequestUrl(extension, controller, method, params, ajaxOptions) { var data = buildRequestData(extension, controller, method, params) var ajaxOptions = buildAjaxOptions(data, "GET", ajaxOptions); return ajaxOptions.url + '?' + $.param(ajaxOptions.data); } /** * Does a http post request * @method doPost * @param {String} extension * @param {String} controller * @param {String} method * @param {Array} params * @param {Function} doneCallback * @param {Array} ajaxOptions */ function doPost(extension, controller, method, params, doneCallback, ajaxOptions) { doRequest("POST", extension, controller, method, params, doneCallback, ajaxOptions); } /** * Does a http get request * @method doGet * @param {String} extension * @param {String} controller * @param {String} method * @param {Array} params * @param {Function} doneCallback * @param {Array} ajaxOptions */ function doGet(extension, controller, method, params, doneCallback, ajaxOptions) { doRequest("GET", extension, controller, method, params, doneCallback, ajaxOptions); } if(!window.TechDivision) { window.TechDivision = {}; } window.TechDivision.Ajax = { doGet: doGet, doPost: doPost, getRequestUrl: getRequestUrl, dispatchUrl: "/index.php", dispatchSettings: { // service page pid for ajax which should exist on the instance "id": 1, // configured in TS "type": 6666, // plugin name and action for dispatching "tx_basicfeatures_ajax[action]": "dispatch" } }; })(); $(document).ready(function () { var navigationContainer = $('.js-navbar-container'); var chatContainer = $('[data-chat=wrapper]'); var navFixed = navigationContainer.first().offset().top; $(window).scroll(function () { // if browser scrolling reaches navigation if ($(this).scrollTop() >= navFixed) { navigationContainer.addClass('navbar-container-fixed'); chatContainer.addClass('chat-container-fixed'); } else { navigationContainer.removeClass('navbar-container-fixed'); chatContainer.removeClass('chat-container-fixed'); } }); // Mobile menu library adjustment $('[data-submenu]').submenupicker(); //Remove scollbar from body if mobile nav is open var $domContainer = $('body'); $('.navbar-toggle').click(function () { if (!$domContainer.hasClass('no-scroll-absolute')) { $domContainer.addClass('no-scroll-absolute'); } else { $domContainer.removeClass('no-scroll-absolute'); } }); //Handle Site Navigation var $collapseContainer = $('#navigation-side .hasSubpages'); $collapseContainer.find('.navigation-collapse').click(function () { //Get current nav element var $navElement = $(this).parents('.navigation-element').first(); //close all site navigation sub menus $collapseContainer.not($navElement).removeClass('open'); //swap open class if (!$navElement.hasClass('open')) { $navElement.addClass('open'); } else { $navElement.removeClass('open'); } //stop event propagation return false; }); }); /** * TrackingManager * * @module TrackingManager */ (function TrackingManager(){ /** * @class Events * @constructor */ function Events() { var that = this; /** * Binds the tracking events * @method bindEvents * @returns {void} */ this.bindEvents = function() { var dom = $('body'); //Track Downloads dom.find('.js-tracking-download a').click(function() { var fileLink = this.href; var fileExtension = fileLink.substr((fileLink.lastIndexOf('.') + 1)); var fileName = $(this).text(); //If title has file extension, remove it if(fileName.lastIndexOf('.') > 0) { fileName = fileName.substr(0, fileName.lastIndexOf('.')); } //Send tracking event ga('send', 'event', 'download', 'not set', '['+fileName+'_'+fileExtension+']'); }); //Track Return delivery form dom.find('a.js-tracking-retoure').click(function() { //Send tracking event ga('send', 'event', 'retourenformular', 'retourenformular'); }); //Track weather plugin var weatherForm = dom.find('form.js-weather-search'); weatherForm.submit(function(event) { var city = 'notset', zip = 'notset'; var zipVal = weatherForm.find('#zip').val(); var cityVal = weatherForm.find('#city').val(); if(zipVal != "") { zip = zipVal; } if(cityVal != "") { city = cityVal; } if(zip != 'notset' || city != 'notset' ) { //Send tracking event ga('send', 'event', 'dachdeckerwetter', 'retourenformular', city, zip); } }); }; /** * Initializes this class * @method init * @returns {void} */ this.init = function() { that.bindEvents(); }; //Check if google analytics is loaded if(typeof ga == 'function') { that.init(); } } /** * @class ECommerce * @param {array} items * @constructor */ function ECommerce(items) { var that = this; /** * Contains all items for eCommerce tracking * @property items * @type {array} */ this.items = items; /** * Initializes ecommerce function * @method init * @property callbackFunc * @returns {boolean} */ this.init = function(callbackFunc) { //Check if google analytics is loaded if(typeof ga == 'function') { ga('require', 'ecommerce'); //Get timestamp var ts = new Date / 1000 | 0; //generate unique transaction id var transactionId = Math.random().toString(36).substr(2, 9)+''+ts; //add transaction to ecommerce tracking ga('ecommerce:addTransaction', { 'id': transactionId, 'affiliation': '', 'revenue': '', 'shipping': '', 'tax': '', 'hitCallback': function() { //If the sending of the transaction will be finished, call the given callback function callbackFunc(); } }); // iterate all cart items for(var itemId in that.items) { if(!items.hasOwnProperty(itemId)) { continue; } var item = items[itemId]; var proCategory = item.category; var proTitle = item.title; var cut = 'notset'; //If current product is only an cut of an product change title and category for tracking if(item.isCut) { proCategory = item.parentCategory; proTitle = item.category; cut = item.title; } var trackCategory = 'Dachziegel_'+proCategory; if(item.consulting) { ga('ecommerce:addItem', { 'id': transactionId, 'name': '', 'sku': 'Beratung', 'category': '', 'price': '', 'quantity': '' }); } if(item.brochures > 0) { ga('ecommerce:addItem', { 'id': transactionId, 'name': proTitle, 'sku': 'Prospekt', 'category': trackCategory, 'price': '', 'quantity': item.brochures }); } // iterate all colors in cart item for(var i = 0; i < item.colors.length; i++) { var trackSku = proTitle+'_'+item.colors[i].label+'_'+cut; ga('ecommerce:addItem', { 'id': transactionId, 'name': proTitle, 'sku': trackSku, 'category': trackCategory, 'price': '', 'quantity': '' }); } } ga('ecommerce:send'); } }; } // Set defaults after dom is ready $(document).ready(function () { var events = new Events(); }); if(typeof window.Creaton != 'object') { window.Creaton = {}; } window.Creaton.ECommerce = ECommerce; })(); /** * Lightbox module * * @module Lightbox */ (function Lightbox(){ // enable lightbox only on tablets and larger screens if (window.innerWidth >= 768 ) { // Set defaults after dom is ready $(document).ready(function() { jQuery('a.lightbox').fancybox({ 'titlePosition' : 'inside', 'overlayColor' : '#AAA', 'overlayOpacity' : '0.5', 'hideOnContentClick' : 'true', 'speedIn' : '100', 'speedOut' : '100', 'transitionIn' : 'fade', 'transitionOut' : 'elastic' }); }); } })(); /** * Image maps get responsive */ $(document).ready(function(e) { $('img[usemap]').rwdImageMaps(); }); /** * Product module * * @module Product */ (function Product(){ $(document).ready(function(e) { $('.product-color-select').hover(function() { $('.product-color-images').removeClass('is-visible'); $('.' + $(this).data('img-class')).addClass('is-visible'); }); }); })(); /** * Counterpart module * * @module Counterpart */ (function Counterpart() { /** * @class Counterpart * @constructor */ function Counterpart($domContainerParam) { var that = this; var $domContainer = $domContainerParam; /** * Sets the scrolling state class to domContainer node * @method search * @returns {void} */ this.search = function(country, zip) { // reset ajax target pid to take care this site exists TechDivision.Ajax.dispatchSettings.id = window.techDivisionCounterpartAjaxPid; // do ajax TechDivision.Ajax.doGet('creaton_theme', 'Counterpart', 'getResults', {country: country, zip: zip}, function(data) { var counterparts = JSON.parse(data); if(!counterparts['external']) { $domContainer.find('.js-counterpart-noresults').slideDown(); $domContainer.find('.js-counterpart-results').hide(); return; } that.fillTemplate($domContainer.find('.js-counterpart-res-backoffice'), counterparts['backoffice']); that.fillTemplate($domContainer.find('.js-counterpart-res-external'), counterparts['external']); that.fillTemplate($domContainer.find('.js-counterpart-res-head'), counterparts['head']); $domContainer.find('.js-counterpart-noresults').hide(); $domContainer.find('.js-counterpart-results').slideDown(); // set url hash location.hash = "country=" + country + "&zip=" + zip; }); }; /** * Fills the template with the given data * * @method fillTemplate * @param {jQuery} $container * @param {object} counterpart * @returns {void} */ this.fillTemplate = function($container, counterpart) { if(counterpart && $container.length != 0) { for(var property in counterpart) { if (counterpart.hasOwnProperty(property)) { $container.find('[data-property="'+property+'"]').html(counterpart[property]); if(typeof counterpart[property] == 'string' && counterpart[property].length == 0) { $container.find('[data-container="'+property+'"]').hide(); } } } // special case for email $container.find('[data-property="email"]').attr('href', 'mailto:' + counterpart['email']); $container.find('[data-propertyattr="image"]').attr('src', '/uploads/counterpart/' + counterpart['image']); } }; /** * Binds the user events * @method bindEvents * @returns {void} */ this.bindEvents = function() { $domContainer.find('.js-counterpart-search').submit(function() { var country = $(this).find("[name='country']").val(); var zip = $(this).find("[name='zip']").val(); if($domContainer.find('.js-counterpart-noresults').is(":visible")) { $domContainer.find('.js-counterpart-noresults').slideUp(); } if($domContainer.find('.js-counterpart-results').is(":visible")) { $domContainer.find('.js-counterpart-results').slideUp(); } //Check if google analytics is loaded if(typeof ga == 'function') { //Send tracking event ga('send', 'event', 'ansprechpartnersuche', country); } that.search(country, zip); return false; }); }; /** * Extract a hash parameter * @method getUrlParameter * @param {string} sParam * @returns {string} */ this.getUrlParameter = function (sParam) { var sPageURL = window.location.hash.substring(1), sURLVariables = sPageURL.split('&'), sParameterName, i; // separate property from value for (i = 0; i < sURLVariables.length; i++) { sParameterName = sURLVariables[i].split('='); if (sParameterName[0] === sParam) { return sParameterName[1] === undefined ? true : sParameterName[1]; } } }; /** * Initializes this class * @method init * @returns {void} */ this.init = function() { $domContainer.find('.js-counterpart-noresults').hide(); $domContainer.find('.js-counterpart-results').hide(); // check if url params are given and process a search var urlCountry = that.getUrlParameter('country'); var urlZip = that.getUrlParameter('zip'); if(urlCountry && urlCountry.length > 0 && urlZip && urlZip.length > 0) { $domContainer.find("[name='country']").val(urlCountry); $domContainer.find("[name='zip']").val(urlZip); this.search(urlCountry, urlZip); } that.bindEvents(urlCountry, urlZip); }; this.init(); } /** * @class CounterpartSearch * @constructor */ function CounterpartSearch($domContainer) { $domContainer.find('.js-counterpart-search').submit(function() { var country = $(this).find("[name='country']").val(); var zip = $(this).find("[name='zip']").val(); var urlHash = '#country=' + country + '&zip=' + zip; //Check if google analytics is loaded if(typeof ga == 'function') { //Send tracking event ga('send', 'event', 'ansprechpartnersuche', country); } window.location.href = window.techDivisionCounterpartResultsPage + urlHash; return false; }); } // Set defaults after dom is ready $(document).ready(function () { $('.js-counterpart').each(function(idx, element){ var counterpart = new Counterpart($(element)); }); $('.js-counterpart-search').each(function(idx, element){ var counterpart = new CounterpartSearch($(element)); }); }); })(); /** * Cart module * * @module CartModule */ (function CartModule() { /** * @class Storage * @param {boolean} clearStorage If set the storage gets cleared * @constructor */ function Storage(clearStorage) { /** * Global key for the storage * @property storageKey * @type {string} */ this.storageKey = 'cart'; /** * Current language key * @property langKey * @type {string} */ this.langKey = $('meta[name="languageCode"]').attr('content'); /** * Contains all changeEventListeners * @property changeEventListeners * @type {array} */ this.changeEventListeners = []; /** * Stores the current content * @property content * @type {object} */ this.content = null; /** * @method add * @param {string} identifier * @param {string} value * @returns boolean */ this.set = function(identifier, value) { this.content[this.langKey][identifier] = value; return this.persist(); }; /** * Removes * @method remove * @param {string} identifier * @returns boolean */ this.remove = function(identifier) { delete this.content[this.langKey][identifier]; return this.persist(); }; /** * Gets the data from storage, if identifier is not given all data will be given * @method getData * @param {string} identifier is optional */ this.getData = function(identifier) { if(typeof identifier != 'undefined') { if(typeof this.content[this.langKey][identifier] != 'undefined') { return this.content[this.langKey][identifier]; } return null; }else{ return this.content[this.langKey]; } }; /** * Persists everything * @returns boolean */ this.persist = function() { // call all change event handlers for(var i = 0; i < this.changeEventListeners.length; i++) { this.changeEventListeners[i](); } // try to persist try { localStorage[this.storageKey] = JSON.stringify(this.content); return true; }catch(exception){ if(typeof console != 'undefined') { console.log('Persisting cart failed:' + exception.message); } return false; } }; /** * Adds an change event listener * * @method addChangeEventListener * @param {function} eventListener */ this.addChangeEventListener = function (eventListener) { this.changeEventListeners.push(eventListener); }; /** * Initializes this class * @method init * @returns {void} */ this.init = function() { if(clearStorage) { delete localStorage[this.storageKey]; } // check if language was set successfully if(typeof this.langKey != 'string') { if(typeof console != 'undefined') { console.log('Current language could not be found'); } } // try to parse stored data if(typeof localStorage[this.storageKey] != 'undefined') { try { var parsedContent = JSON.parse(localStorage[this.storageKey]); if(typeof parsedContent == 'object') { this.content = parsedContent; }else{ this.content = {}; } }catch(exception) { this.content = {}; } } else { this.content = {}; } // take care an object for current language is existing if(typeof this.content[this.langKey] != 'object') { this.content[this.langKey] = {}; } }; this.init(); } /** * @class AddToCart * @param {jQuery} $domContainerParam * @param {Storage} storage * @param {Cart} cart * @constructor */ function AddToCart($domContainerParam, storage, cart) { /** * The dom container * @property $domContainer * @type {jQuery} */ this.$domContainer = $domContainerParam; /** * The persistence * @property storage * @type {Storage} */ this.storage = storage; /** * The cart * @property cart * @type {Cart} */ this.cart = cart; var that = this; /** * Processes the add to cart form * * @method processForm * @returns void */ this.processForm = function() { this.$domContainer.find('.js-cart-add-success').hide(); this.$domContainer.find('.js-cart-add-tooMuchBrochures').hide(); this.$domContainer.find('.js-cart-add-tooMuchColors').hide(); var brochures = parseInt(this.$domContainer.find('[name="brochure"]').val()); var consulting = this.$domContainer.find('[name="consulting"]').prop('checked'); var colors = []; // get colors this.$domContainer.find('[name="color[]"]').each(function(idx, element) { if($(element).prop('checked')) { colors.push({ uid: $(element).data('cart-uid'), label: $(element).data('cart-label') }); } }); var product = { title: this.$domContainer.data('product-title'), description: this.$domContainer.data('product-description'), uid: this.$domContainer.data('product-uid'), brochures: brochures, consulting: consulting, colors: colors, category: this.$domContainer.data('product-parent'), isCut: this.$domContainer.data('product-cut'), parentCategory: this.$domContainer.data('product-parent-category') }; var totalAmounts = this.cart.calculateElementAmount(product); if(totalAmounts.tooMuchBrochures || totalAmounts.tooMuchColors) { if(totalAmounts.tooMuchBrochures) { this.$domContainer.find('.js-cart-add-tooMuchBrochures').slideDown(); } if(totalAmounts.tooMuchColors) { this.$domContainer.find('.js-cart-add-tooMuchColors').slideDown(); } return; } this.addProduct(product); }; /** * Adds a product to cart * * @method addProduct * @param {object} product */ this.addProduct = function(product) { var storedProduct = this.storage.getData(product.uid); if(storedProduct) { storedProduct.brochures = storedProduct.brochures + product.brochures; if(product.consulting) { storedProduct.consulting = product.consulting; } storedProduct.colors = storedProduct.colors.concat(product.colors); this.storage.set(storedProduct.uid, storedProduct); }else{ this.storage.set(product.uid, product); } this.$domContainer.find('.js-cart-add-form').slideUp(400, function() { that.$domContainer.find('.js-cart-add-success').fadeIn(200); }); // re-render cart this.cart.renderCart(); // set forms default values this.$domContainer.find('[name="brochure"]').val(1); this.$domContainer.find('[name="consulting"]').prop('checked', false); this.$domContainer.find('[name="color[]"]').prop('checked', false); }; /** * Initializes this class * @method init * @returns {void} */ this.init = function() { this.$domContainer.find('form').submit(function() { try { that.processForm(); }catch(exception){ console.log(exception); } return false; }); this.$domContainer.find('.js-cart-add-success').hide(); this.$domContainer.find('.js-cart-add-tooMuchBrochures').hide(); this.$domContainer.find('.js-cart-add-tooMuchColors').hide(); }; this.init(); } /** * @class Cart * @param {jQuery} $domContainerParam * @param {Storage} storage * @param {jQuery} $domCartAmount * @param {jQuery} $domCheckoutContainer * @param {jQuery} $cartOrderFormField * @param {jQuery} $domCheckout * @constructor */ function Cart($domContainerParam, storage, $domCartAmount, $domCheckoutContainer, $cartOrderFormField, $domCheckout) { /** * The maximum amount of colors which are allowed * @property maximumColors * @type {number} */ this.maximumColors = 3; /** * The maximum amount of brochures which are allowed * @property maximumBrochures * @type {number} */ this.maximumBrochures = 20; /** * The dom container * @property $domContainer * @type {jQuery} */ this.$domContainer = $domContainerParam; /** * The dom container for the checkout * @property $domCheckoutContainer * @type {jQuery} */ this.$domCheckoutContainer = $domCheckoutContainer; /** * The dom form field for the checkout order * @property $cartOrderFormField * @type {jQuery} */ this.$cartOrderFormField = $cartOrderFormField; /** * The persistence * @property storage * @type {Storage} */ this.storage = storage; /** * Contains a prototype for a cart item * @property cartItemPrototype * @type {jQuery} */ this.cartItemPrototype = null; /** * Contains all checkoutEventListeners * @property checkoutEventListeners * @type {array} */ this.checkoutEventListeners = []; var that = this; /** * Calculate the total amount of brochures and shingles. If addToCartProduct is given * this will be included in calculation * * @param {object} addToCartProduct * @returns {{tooMuchBrochures: boolean, tooMuchColors: boolean, amountBrochures: number, amountColors: number}} */ this.calculateElementAmount = function(addToCartProduct) { var cartElements = this.storage.getData(); var brochures = 0; var colors = 0; var products = 0; // iterate cart elements for(var property in cartElements) { if(cartElements.hasOwnProperty(property)) { products++; brochures = brochures + cartElements[property].brochures; colors = colors + cartElements[property].colors.length; } } // if product is given, add it if(typeof addToCartProduct != 'undefined') { brochures = brochures + addToCartProduct.brochures; colors = colors + addToCartProduct.colors.length; } return { tooMuchBrochures: brochures > this.maximumBrochures, tooMuchColors: colors > this.maximumColors, amountBrochures: brochures, amountColors: colors, amountProducts: products }; }; /** * Updates the cart amount number * * @method updateCartAmount * @returns void */ this.updateCartAmount = function() { var cartAmounts = this.calculateElementAmount(); if($domCartAmount) { $domCartAmount.html(cartAmounts.amountProducts); } if($domCheckout && $domCheckout.length && cartAmounts.amountProducts == 0) { $domCheckout.hide(); } else { $domCheckout.show(); } this.$domContainer.find('.js-cart-total-brochures').html(cartAmounts.amountBrochures); this.$domContainer.find('.js-cart-total-samples').html(cartAmounts.amountColors); this.$domCheckoutContainer.find('.js-cart-total-brochures').html(cartAmounts.amountBrochures); this.$domCheckoutContainer.find('.js-cart-total-samples').html(cartAmounts.amountColors); this.fillCheckoutFormField(); }; /** * Renders the cart * * @method renderCart * @returns void */ this.renderCart = function() { // clear cart this.$domContainer.find('.js-cart-item-container').html(''); this.$domCheckoutContainer.find('.js-cart-item-container').html(''); this.updateCartAmount(); var items = this.storage.getData(); var totalBrochures = 0; var totalSamples = 0; // iterate all cart items for(var itemId in items) { if(!items.hasOwnProperty(itemId)) { continue; } var item = items[itemId]; var domItem = this.cartItemPrototype.clone(); domItem.attr('data-cart-item', item.uid); var title = item.title; //If product is an cut of an other product add the title of the original product if(item.isCut) { title = item.category+' - '+title; } domItem.find('.js-cart-item-product-name').html(title); domItem.find('.js-cart-item-brochures').html(item.brochures); if(item.brochures == 0) { domItem.find('.js-cart-item-brochures').parents('.js-cart-subitem').remove(); } totalBrochures = totalBrochures + item.brochures; if(!item.consulting) { domItem.find('.js-cart-item-consulting').remove(); } var colorPrototype = domItem.find('.js-cart-item-color-prototype'); domItem.find('.js-cart-item-color-prototype').remove(); totalSamples = totalSamples + item.colors.length; // iterate all colors in cart item for(var i = 0; i < item.colors.length; i++) { var colorDom = colorPrototype.clone(); colorDom.attr('data-cart-index', i); colorDom.find('.js-cart-item-color-label').html(item.colors[i].label); domItem.find('.js-cart-item-colors-container').append(colorDom); } this.bindRemoveEvents(domItem); this.$domContainer.find('.js-cart-item-container').append(domItem); this.$domCheckoutContainer.find('.js-cart-item-container').append(domItem); } this.$domContainer.find('.js-cart-total-brochures').html(totalBrochures); this.$domContainer.find('.js-cart-total-samples').html(totalSamples); this.$domCheckoutContainer.find('.js-cart-total-brochures').html(totalBrochures); this.$domCheckoutContainer.find('.js-cart-total-samples').html(totalSamples); if($domCheckoutContainer) { this.fillCheckoutFormField(); //clear dom $domCheckoutContainer.html(''); //add new data $domCheckoutContainer.html(this.$domContainer.clone(true)); } }; /** * Removes the given item from cart * @method removeItem * @param {string} cartItemId * @param {string} subItemType * @param {int} colorIndex * @returns {boolean} */ this.removeItem = function(cartItemId, subItemType, colorIndex) { var cartItem = this.storage.getData(cartItemId); switch(subItemType) { case 'brochures': cartItem.brochures = 0; break; case 'consulting': cartItem.consulting = false; break; case 'colors': if(cartItem.colors.length == 1){ cartItem.colors = []; }else{ cartItem.colors.splice(colorIndex, 1); } break; } // remove entire cart item(product) from cart if everything is empty if(cartItem.brochures == 0 && !cartItem.consulting && cartItem.colors.length == 0) { this.$domContainer.find('[data-cart-item="'+cartItemId+'"]').slideUp(); this.$domCheckoutContainer.find('[data-cart-item="'+cartItemId+'"]').slideUp(); this.storage.remove(cartItemId); }else { this.storage.set(cartItemId, cartItem); } this.updateCartAmount(); return true; }; /** * Binds the remove events * * @method bindRemoveEvents * @param {jQuery} domItem * @returns void */ this.bindRemoveEvents = function(domItem) { domItem.find('.js-cart-item-remove').click(function() { var itemId = $(this).parents('.js-cart-item-prototype').attr('data-cart-item'); var subItemContainer = $(this).parents('.js-cart-subitem'); var subItemType = subItemContainer.attr('data-cart-subitem'); var subItemIndex = subItemContainer.attr('data-cart-index'); if(that.removeItem(itemId, subItemType, subItemIndex)) { if(subItemType == 'colors') { that.$domContainer.find('[data-cart-item="'+itemId+'"]').find('[data-cart-subitem="'+subItemType+'"][data-cart-index="'+subItemIndex+'"]').slideUp(); that.$domCheckoutContainer.find('[data-cart-item="'+itemId+'"]').find('[data-cart-subitem="'+subItemType+'"][data-cart-index="'+subItemIndex+'"]').slideUp(); }else{ that.$domContainer.find('[data-cart-item="'+itemId+'"]').find('[data-cart-subitem="'+subItemType+'"]').slideUp(); that.$domCheckoutContainer.find('[data-cart-item="'+itemId+'"]').find('[data-cart-subitem="'+subItemType+'"]').slideUp(); } } }); }; /** * Fills the checkout form * @method fillCheckoutFormField * @returns {void} */ this.fillCheckoutFormField = function() { if(!this.$cartOrderFormField) { return; } var orderTextJSON = {}; var cartData = this.storage.getData(); for(var itemId in cartData) { if(!cartData.hasOwnProperty(itemId)) { continue; } var item = cartData[itemId]; var itemForJSON = {}; itemForJSON['title'] = item.title; itemForJSON['description'] = item.description; itemForJSON['brochures'] = item.brochures; if(item.consulting) { itemForJSON['consulting'] = item.consulting; } if(item.colors.length > 0) { var colors = []; for(var i = 0; i < item.colors.length; i++) { colors[i] = item.colors[i].label; } itemForJSON['colors'] = colors; } orderTextJSON[itemId] = itemForJSON; } this.$cartOrderFormField.val(JSON.stringify(orderTextJSON)); }; /** * Adds an checkout event listener * * @method addCheckoutEventListeners * @param {function} checkoutEventListeners */ this.addCheckoutEventListeners = function (checkoutEventListener) { this.checkoutEventListeners.push(checkoutEventListener); }; /** * Binds events to the checkout form * * @method bindCheckoutEvents * @returns void */ this.bindCheckoutEvents = function() { //Get Checkout form var checkoutForm = $('form.js-form_checkout'); // Keeps track of whether or not the form has been submitted var checkoutFormSubmitted = false; // Adds a listener for the "submit" event. checkoutForm.on('submit', function (event) { //Submit Checkout callback function submitCheckoutForm() { checkoutFormSubmitted = true; checkoutForm.submit(); } if (!checkoutFormSubmitted) { // Creates a timeout to call `submitCheckoutForm` after two second as an fallback // if `submitCheckoutForm` is not automatically executed from the ga code setTimeout(submitCheckoutForm, 5000); // Prevents the browser from submitting the form event.preventDefault(); // call all checkout event handlers var eventCounter = 0; for (var i = 0; i < that.checkoutEventListeners.length; i++) { eventCounter++; //Add "checkout form submit" as callback to the last checkout event if(eventCounter === that.checkoutEventListeners.length) { that.checkoutEventListeners[i](submitCheckoutForm); }else { that.checkoutEventListeners[i](); } } } }); }; /** * Initializes this class * @method init * @returns {void} */ this.init = function() { this.cartItemPrototype = this.$domContainer.find('.js-cart-item-prototype'); this.$domContainer.find('.js-cart-item-prototype').remove(); this.renderCart(); this.bindCheckoutEvents(); }; this.init(); } // Set defaults after dom is ready $(document).ready(function () { var storage = new Storage($('.js-cart-checkout-clear-cart').length > 0); var cart = new Cart($('.js-cart'), storage, $('.js-cart-amount'), $('.js-cart-checkout-container'), $('#js-cart-order'), $('.js-form_checkout')); var addToCart = new AddToCart($('.js-cart-add'), storage, cart); var eCommerce = new window.Creaton.ECommerce(storage.getData()); cart.addCheckoutEventListeners(eCommerce.init); $('.cart-btn-container').click(function(evt) { if($(evt.target).parents('.js-cart').length == 0) { $(this).toggleClass('open'); } }); $('.js-close-cart').click(function() { $('.cart-btn-container').removeClass('open'); }); }); })(); /** * LocationMap module * * @module LocationMap */ (function LocationMap() { /** * @class LocationMap * @constructor */ function LocationMap($domContainerParam) { this.locations = []; /** * initializes the map * * @method initMap * @return {void} */ this.initMap = function() { // only if a dom container is there if($('#locationMap').length == 0){ return; } // get template context locations if(typeof window.creatonLocations != 'undefined') { this.locations = window.creatonLocations; } // defaults get reset by setCenter and fitBounds below var map = new google.maps.Map(document.getElementById('locationMap'), { zoom: 4, center: {lat: -25.363, lng: 131.044} }); var markers = []; var latlngbounds = new google.maps.LatLngBounds(); // build markers for(var i = 0; i < this.locations.length; i++) { var location = this.locations[i]; var marker = new google.maps.Marker({ position: location.position, map: map, title: location.name, locationData: location }); marker.addListener('click', function() { if(this.locationData && this.locationData.url && this.locationData.url.length > 0) { window.location = this.locationData.url; } }); markers.push(marker); latlngbounds.extend(new google.maps.LatLng(location.position.lat, location.position.lng)); } // set center and zoom depending on markers map.setCenter(latlngbounds.getCenter()); map.fitBounds(latlngbounds); }; this.initMap(); } if(typeof window.Creaton != 'object') { window.Creaton = {}; } window.Creaton.LocationMap = LocationMap; var script = document.createElement("script"); script.type = "text/javascript"; script.src = "https://maps.googleapis.com/maps/api/js?signed_in=true&callback=Creaton.LocationMap"; document.getElementsByTagName("body")[0].appendChild(script); })(); /** * CookieMessage module * * * @module CookieMessage */ (function CookieMessage(){ /** * @class CookieMessage * @param {jQuery} dom * @constructor */ function CookieMessage(dom) { /** * initial function to call * * @method init * @private */ this.init = function () { // exit here if cookies are enabled and user has not accepted so far if(this.areCookiesEnabled() && !localStorage.cookiesAccepted) { // show the dialog dom.show(); // apply click listener to button dom.find("[data-cookie=btn]").click(function() { localStorage.cookiesAccepted = true; dom.hide(); }); } }; /** * Checks if cookies are enabled * @method areCookiesEnabled * @returns {boolean} */ this.areCookiesEnabled = function() { var cookieEnabled = (navigator.cookieEnabled) ? true : false; if (typeof navigator.cookieEnabled == "undefined" && !cookieEnabled) { document.cookie="testcookie"; cookieEnabled = (document.cookie.indexOf("testcookie") != -1) ? true : false; } return (cookieEnabled); }; // call initial function this.init(); } $(document).ready(function() { var cookieMessageInstance = new CookieMessage($("[data-cookie=wrapper]")); }); })(); $(document).ready(function () { $('[data-chat=button]').bind('click', function () { $('[data-chat=wrapper]').toggleClass('open'); }); });