' + this.outerHTML(grid[0]) + '
',
viewing: settings.templates.viewing
},
wrapper = '' + data.viewing +
data.grid + '
').addClass(settings.timer_container_class);
timer_container.append('');
timer_container.append($('
').addClass(settings.timer_progress_class));
timer_container.addClass(settings.timer_paused_class);
container.append(timer_container);
}
if (settings.slide_number) {
number_container = $('
').addClass(settings.slide_number_class);
number_container.append(' ' + settings.slide_number_text + ' ');
container.append(number_container);
}
if (settings.bullets) {
bullets_container = $('
- ').addClass(settings.bullets_container_class);
container.append(bullets_container);
slides_container.children().each(function(idx, el) {
var bullet = $('
- ').attr('data-orbit-slide', idx);
bullets_container.append(bullet);
});
}
if (settings.stack_on_small) {
container.addClass(settings.stack_on_small_class);
}
self.update_slide_number(0);
self.update_active_link(0);
};
self._goto = function(next_idx, start_timer) {
// if (locked) {return false;}
if (next_idx === idx) {return false;}
if (typeof timer === 'object') {timer.restart();}
var slides = slides_container.children();
var dir = 'next';
locked = true;
if (next_idx < idx) {dir = 'prev';}
if (next_idx >= slides.length) {next_idx = 0;}
else if (next_idx < 0) {next_idx = slides.length - 1;}
var current = $(slides.get(idx));
var next = $(slides.get(next_idx));
current.css('zIndex', 2);
current.removeClass(settings.active_slide_class);
next.css('zIndex', 4).addClass(settings.active_slide_class);
slides_container.trigger('orbit:before-slide-change');
settings.before_slide_change();
self.update_active_link(next_idx);
var callback = function() {
var unlock = function() {
idx = next_idx;
locked = false;
if (start_timer === true) {timer = self.create_timer(); timer.start();}
self.update_slide_number(idx);
slides_container.trigger('orbit:after-slide-change',[{slide_number: idx, total_slides: slides.length}]);
settings.after_slide_change(idx, slides.length);
};
if (slides_container.height() != next.height() && settings.variable_height) {
slides_container.animate({'height': next.height()}, 250, 'linear', unlock);
} else {
unlock();
}
};
if (slides.length === 1) {callback(); return false;}
var start_animation = function() {
if (dir === 'next') {animate.next(current, next, callback);}
if (dir === 'prev') {animate.prev(current, next, callback);}
};
if (next.height() > slides_container.height() && settings.variable_height) {
slides_container.animate({'height': next.height()}, 250, 'linear', start_animation);
} else {
start_animation();
}
};
self.next = function(e) {
e.stopImmediatePropagation();
e.preventDefault();
self._goto(idx + 1);
};
self.prev = function(e) {
e.stopImmediatePropagation();
e.preventDefault();
self._goto(idx - 1);
};
self.link_custom = function(e) {
e.preventDefault();
var link = $(this).attr('data-orbit-link');
if ((typeof link === 'string') && (link = $.trim(link)) != "") {
var slide = container.find('[data-orbit-slide='+link+']');
if (slide.index() != -1) {self._goto(slide.index());}
}
};
self.link_bullet = function(e) {
var index = $(this).attr('data-orbit-slide');
if ((typeof index === 'string') && (index = $.trim(index)) != "") {
self._goto(parseInt(index));
}
}
self.timer_callback = function() {
self._goto(idx + 1, true);
}
self.compute_dimensions = function() {
var current = $(slides_container.children().get(idx));
var h = current.height();
if (!settings.variable_height) {
slides_container.children().each(function(){
if ($(this).height() > h) { h = $(this).height(); }
});
}
slides_container.height(h);
};
self.create_timer = function() {
var t = new Timer(
container.find('.'+settings.timer_container_class),
settings,
self.timer_callback
);
return t;
};
self.stop_timer = function() {
if (typeof timer === 'object') timer.stop();
};
self.toggle_timer = function() {
var t = container.find('.'+settings.timer_container_class);
if (t.hasClass(settings.timer_paused_class)) {
if (typeof timer === 'undefined') {timer = self.create_timer();}
timer.start();
}
else {
if (typeof timer === 'object') {timer.stop();}
}
};
self.init = function() {
self.build_markup();
if (settings.timer) {timer = self.create_timer(); timer.start();}
animate = new FadeAnimation(settings, slides_container);
if (settings.animation === 'slide')
animate = new SlideAnimation(settings, slides_container);
container.on('click', '.'+settings.next_class, self.next);
container.on('click', '.'+settings.prev_class, self.prev);
container.on('click', '[data-orbit-slide]', self.link_bullet);
container.on('click', self.toggle_timer);
if (settings.swipe) {
container.on('touchstart.fndtn.orbit', function(e) {
if (!e.touches) {e = e.originalEvent;}
var data = {
start_page_x: e.touches[0].pageX,
start_page_y: e.touches[0].pageY,
start_time: (new Date()).getTime(),
delta_x: 0,
is_scrolling: undefined
};
container.data('swipe-transition', data);
e.stopPropagation();
})
.on('touchmove.fndtn.orbit', function(e) {
if (!e.touches) { e = e.originalEvent; }
// Ignore pinch/zoom events
if(e.touches.length > 1 || e.scale && e.scale !== 1) return;
var data = container.data('swipe-transition');
if (typeof data === 'undefined') {data = {};}
data.delta_x = e.touches[0].pageX - data.start_page_x;
if ( typeof data.is_scrolling === 'undefined') {
data.is_scrolling = !!( data.is_scrolling || Math.abs(data.delta_x) < Math.abs(e.touches[0].pageY - data.start_page_y) );
}
if (!data.is_scrolling && !data.active) {
e.preventDefault();
var direction = (data.delta_x < 0) ? (idx+1) : (idx-1);
data.active = true;
self._goto(direction);
}
})
.on('touchend.fndtn.orbit', function(e) {
container.data('swipe-transition', {});
e.stopPropagation();
})
}
container.on('mouseenter.fndtn.orbit', function(e) {
if (settings.timer && settings.pause_on_hover) {
self.stop_timer();
}
})
.on('mouseleave.fndtn.orbit', function(e) {
if (settings.timer && settings.resume_on_mouseout) {
timer.start();
}
});
$(document).on('click', '[data-orbit-link]', self.link_custom);
$(window).on('resize', self.compute_dimensions);
$(window).on('load', self.compute_dimensions);
$(window).on('load', function(){
container.prev('.preloader').css('display', 'none');
});
slides_container.trigger('orbit:ready');
};
self.init();
};
var Timer = function(el, settings, callback) {
var self = this,
duration = settings.timer_speed,
progress = el.find('.'+settings.timer_progress_class),
start,
timeout,
left = -1;
this.update_progress = function(w) {
var new_progress = progress.clone();
new_progress.attr('style', '');
new_progress.css('width', w+'%');
progress.replaceWith(new_progress);
progress = new_progress;
};
this.restart = function() {
clearTimeout(timeout);
el.addClass(settings.timer_paused_class);
left = -1;
self.update_progress(0);
};
this.start = function() {
if (!el.hasClass(settings.timer_paused_class)) {return true;}
left = (left === -1) ? duration : left;
el.removeClass(settings.timer_paused_class);
start = new Date().getTime();
progress.animate({'width': '100%'}, left, 'linear');
timeout = setTimeout(function() {
self.restart();
callback();
}, left);
el.trigger('orbit:timer-started')
};
this.stop = function() {
if (el.hasClass(settings.timer_paused_class)) {return true;}
clearTimeout(timeout);
el.addClass(settings.timer_paused_class);
var end = new Date().getTime();
left = left - (end - start);
var w = 100 - ((left / duration) * 100);
self.update_progress(w);
el.trigger('orbit:timer-stopped');
};
};
var SlideAnimation = function(settings, container) {
var duration = settings.animation_speed;
var is_rtl = ($('html[dir=rtl]').length === 1);
var margin = is_rtl ? 'marginRight' : 'marginLeft';
var animMargin = {};
animMargin[margin] = '0%';
this.next = function(current, next, callback) {
next.animate(animMargin, duration, 'linear', function() {
current.css(margin, '100%');
callback();
});
};
this.prev = function(current, prev, callback) {
prev.css(margin, '-100%');
prev.animate(animMargin, duration, 'linear', function() {
current.css(margin, '100%');
callback();
});
};
};
var FadeAnimation = function(settings, container) {
var duration = settings.animation_speed;
var is_rtl = ($('html[dir=rtl]').length === 1);
var margin = is_rtl ? 'marginRight' : 'marginLeft';
this.next = function(current, next, callback) {
next.css({'margin':'0%', 'opacity':'0.01'});
next.animate({'opacity':'1'}, duration, 'linear', function() {
current.css('margin', '100%');
callback();
});
};
this.prev = function(current, prev, callback) {
prev.css({'margin':'0%', 'opacity':'0.01'});
prev.animate({'opacity':'1'}, duration, 'linear', function() {
current.css('margin', '100%');
callback();
});
};
};
Foundation.libs = Foundation.libs || {};
Foundation.libs.orbit = {
name: 'orbit',
version: '4.3.2',
settings: {
animation: 'slide',
timer_speed: 10000,
pause_on_hover: true,
resume_on_mouseout: false,
animation_speed: 500,
stack_on_small: false,
navigation_arrows: true,
slide_number: true,
slide_number_text: 'of',
container_class: 'orbit-container',
stack_on_small_class: 'orbit-stack-on-small',
next_class: 'orbit-next',
prev_class: 'orbit-prev',
timer_container_class: 'orbit-timer',
timer_paused_class: 'paused',
timer_progress_class: 'orbit-progress',
slides_container_class: 'orbit-slides-container',
bullets_container_class: 'orbit-bullets',
bullets_active_class: 'active',
slide_number_class: 'orbit-slide-number',
caption_class: 'orbit-caption',
active_slide_class: 'active',
orbit_transition_class: 'orbit-transitioning',
bullets: true,
timer: true,
variable_height: false,
swipe: true,
before_slide_change: noop,
after_slide_change: noop
},
init: function (scope, method, options) {
var self = this;
Foundation.inherit(self, 'data_options');
if (typeof method === 'object') {
$.extend(true, self.settings, method);
}
if ($(scope).is('[data-orbit]')) {
var $el = $(scope);
var opts = self.data_options($el);
new Orbit($el, $.extend({},self.settings, opts));
}
$('[data-orbit]', scope).each(function(idx, el) {
var $el = $(el);
var opts = self.data_options($el);
new Orbit($el, $.extend({},self.settings, opts));
});
}
};
}(Foundation.zj, this, this.document));
/*
* The MIT License
*
* Copyright (c) 2012 James Allardice
*
* Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"),
* to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense,
* and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
* THE SOFTWARE.
*/
// Defines the global Placeholders object along with various utility methods
(function (global) {
"use strict";
// Cross-browser DOM event binding
function addEventListener(elem, event, fn) {
if (elem.addEventListener) {
return elem.addEventListener(event, fn, false);
}
if (elem.attachEvent) {
return elem.attachEvent("on" + event, fn);
}
}
// Check whether an item is in an array (we don't use Array.prototype.indexOf so we don't clobber any existing polyfills - this is a really simple alternative)
function inArray(arr, item) {
var i, len;
for (i = 0, len = arr.length; i < len; i++) {
if (arr[i] === item) {
return true;
}
}
return false;
}
// Move the caret to the index position specified. Assumes that the element has focus
function moveCaret(elem, index) {
var range;
if (elem.createTextRange) {
range = elem.createTextRange();
range.move("character", index);
range.select();
} else if (elem.selectionStart) {
elem.focus();
elem.setSelectionRange(index, index);
}
}
// Attempt to change the type property of an input element
function changeType(elem, type) {
try {
elem.type = type;
return true;
} catch (e) {
// You can't change input type in IE8 and below
return false;
}
}
// Expose public methods
global.Placeholders = {
Utils: {
addEventListener: addEventListener,
inArray: inArray,
moveCaret: moveCaret,
changeType: changeType
}
};
}(this));
(function (global) {
"use strict";
var validTypes = [
"text",
"search",
"url",
"tel",
"email",
"password",
"number",
"textarea"
],
// The list of keycodes that are not allowed when the polyfill is configured to hide-on-input
badKeys = [
// The following keys all cause the caret to jump to the end of the input value
27, // Escape
33, // Page up
34, // Page down
35, // End
36, // Home
// Arrow keys allow you to move the caret manually, which should be prevented when the placeholder is visible
37, // Left
38, // Up
39, // Right
40, // Down
// The following keys allow you to modify the placeholder text by removing characters, which should be prevented when the placeholder is visible
8, // Backspace
46 // Delete
],
// Styling variables
placeholderStyleColor = "#ccc",
placeholderClassName = "placeholdersjs",
classNameRegExp = new RegExp("(?:^|\\s)" + placeholderClassName + "(?!\\S)"),
// These will hold references to all elements that can be affected. NodeList objects are live, so we only need to get those references once
inputs, textareas,
// The various data-* attributes used by the polyfill
ATTR_CURRENT_VAL = "data-placeholder-value",
ATTR_ACTIVE = "data-placeholder-active",
ATTR_INPUT_TYPE = "data-placeholder-type",
ATTR_FORM_HANDLED = "data-placeholder-submit",
ATTR_EVENTS_BOUND = "data-placeholder-bound",
ATTR_OPTION_FOCUS = "data-placeholder-focus",
ATTR_OPTION_LIVE = "data-placeholder-live",
// Various other variables used throughout the rest of the script
test = document.createElement("input"),
head = document.getElementsByTagName("head")[0],
root = document.documentElement,
Placeholders = global.Placeholders,
Utils = Placeholders.Utils,
hideOnInput, liveUpdates, keydownVal, styleElem, styleRules, placeholder, timer, form, elem, len, i;
// No-op (used in place of public methods when native support is detected)
function noop() {}
// Hide the placeholder value on a single element. Returns true if the placeholder was hidden and false if it was not (because it wasn't visible in the first place)
function hidePlaceholder(elem) {
var type;
if (elem.value === elem.getAttribute(ATTR_CURRENT_VAL) && elem.getAttribute(ATTR_ACTIVE) === "true") {
elem.setAttribute(ATTR_ACTIVE, "false");
elem.value = "";
elem.className = elem.className.replace(classNameRegExp, "");
// If the polyfill has changed the type of the element we need to change it back
type = elem.getAttribute(ATTR_INPUT_TYPE);
if (type) {
elem.type = type;
}
return true;
}
return false;
}
// Show the placeholder value on a single element. Returns true if the placeholder was shown and false if it was not (because it was already visible)
function showPlaceholder(elem) {
var type,
val = elem.getAttribute(ATTR_CURRENT_VAL);
if (elem.value === "" && val) {
elem.setAttribute(ATTR_ACTIVE, "true");
elem.value = val;
elem.className += " " + placeholderClassName;
// If the type of element needs to change, change it (e.g. password inputs)
type = elem.getAttribute(ATTR_INPUT_TYPE);
if (type) {
elem.type = "text";
} else if (elem.type === "password") {
if (Utils.changeType(elem, "text")) {
elem.setAttribute(ATTR_INPUT_TYPE, "password");
}
}
return true;
}
return false;
}
function handleElem(node, callback) {
var handleInputs, handleTextareas, elem, len, i;
// Check if the passed in node is an input/textarea (in which case it can't have any affected descendants)
if (node && node.getAttribute(ATTR_CURRENT_VAL)) {
callback(node);
} else {
// If an element was passed in, get all affected descendants. Otherwise, get all affected elements in document
handleInputs = node ? node.getElementsByTagName("input") : inputs;
handleTextareas = node ? node.getElementsByTagName("textarea") : textareas;
// Run the callback for each element
for (i = 0, len = handleInputs.length + handleTextareas.length; i < len; i++) {
elem = i < handleInputs.length ? handleInputs[i] : handleTextareas[i - handleInputs.length];
callback(elem);
}
}
}
// Return all affected elements to their normal state (remove placeholder value if present)
function disablePlaceholders(node) {
handleElem(node, hidePlaceholder);
}
// Show the placeholder value on all appropriate elements
function enablePlaceholders(node) {
handleElem(node, showPlaceholder);
}
// Returns a function that is used as a focus event handler
function makeFocusHandler(elem) {
return function () {
// Only hide the placeholder value if the (default) hide-on-focus behaviour is enabled
if (hideOnInput && elem.value === elem.getAttribute(ATTR_CURRENT_VAL) && elem.getAttribute(ATTR_ACTIVE) === "true") {
// Move the caret to the start of the input (this mimics the behaviour of all browsers that do not hide the placeholder on focus)
Utils.moveCaret(elem, 0);
} else {
// Remove the placeholder
hidePlaceholder(elem);
}
};
}
// Returns a function that is used as a blur event handler
function makeBlurHandler(elem) {
return function () {
showPlaceholder(elem);
};
}
// Functions that are used as a event handlers when the hide-on-input behaviour has been activated - very basic implementation of the "input" event
function makeKeydownHandler(elem) {
return function (e) {
keydownVal = elem.value;
//Prevent the use of the arrow keys (try to keep the cursor before the placeholder)
if (elem.getAttribute(ATTR_ACTIVE) === "true") {
if (keydownVal === elem.getAttribute(ATTR_CURRENT_VAL) && Utils.inArray(badKeys, e.keyCode)) {
if (e.preventDefault) {
e.preventDefault();
}
return false;
}
}
};
}
function makeKeyupHandler(elem) {
return function () {
var type;
if (elem.getAttribute(ATTR_ACTIVE) === "true" && elem.value !== keydownVal) {
// Remove the placeholder
elem.className = elem.className.replace(classNameRegExp, "");
elem.value = elem.value.replace(elem.getAttribute(ATTR_CURRENT_VAL), "");
elem.setAttribute(ATTR_ACTIVE, false);
// If the type of element needs to change, change it (e.g. password inputs)
type = elem.getAttribute(ATTR_INPUT_TYPE);
if (type) {
elem.type = type;
}
}
// If the element is now empty we need to show the placeholder
if (elem.value === "") {
elem.blur();
Utils.moveCaret(elem, 0);
}
};
}
function makeClickHandler(elem) {
return function () {
if (elem === document.activeElement && elem.value === elem.getAttribute(ATTR_CURRENT_VAL) && elem.getAttribute(ATTR_ACTIVE) === "true") {
Utils.moveCaret(elem, 0);
}
};
}
// Returns a function that is used as a submit event handler on form elements that have children affected by this polyfill
function makeSubmitHandler(form) {
return function () {
// Turn off placeholders on all appropriate descendant elements
disablePlaceholders(form);
};
}
// Bind event handlers to an element that we need to affect with the polyfill
function newElement(elem) {
// If the element is part of a form, make sure the placeholder string is not submitted as a value
if (elem.form) {
form = elem.form;
// Set a flag on the form so we know it's been handled (forms can contain multiple inputs)
if (!form.getAttribute(ATTR_FORM_HANDLED)) {
Utils.addEventListener(form, "submit", makeSubmitHandler(form));
form.setAttribute(ATTR_FORM_HANDLED, "true");
}
}
// Bind event handlers to the element so we can hide/show the placeholder as appropriate
Utils.addEventListener(elem, "focus", makeFocusHandler(elem));
Utils.addEventListener(elem, "blur", makeBlurHandler(elem));
// If the placeholder should hide on input rather than on focus we need additional event handlers
if (hideOnInput) {
Utils.addEventListener(elem, "keydown", makeKeydownHandler(elem));
Utils.addEventListener(elem, "keyup", makeKeyupHandler(elem));
Utils.addEventListener(elem, "click", makeClickHandler(elem));
}
// Remember that we've bound event handlers to this element
elem.setAttribute(ATTR_EVENTS_BOUND, "true");
elem.setAttribute(ATTR_CURRENT_VAL, placeholder);
// If the element doesn't have a value, set it to the placeholder string
showPlaceholder(elem);
}
Placeholders.nativeSupport = test.placeholder !== void 0;
if (!Placeholders.nativeSupport) {
// Get references to all the input and textarea elements currently in the DOM (live NodeList objects to we only need to do this once)
inputs = document.getElementsByTagName("input");
textareas = document.getElementsByTagName("textarea");
// Get any settings declared as data-* attributes on the root element (currently the only options are whether to hide the placeholder on focus or input and whether to auto-update)
hideOnInput = root.getAttribute(ATTR_OPTION_FOCUS) === "false";
liveUpdates = root.getAttribute(ATTR_OPTION_LIVE) !== "false";
// Create style element for placeholder styles (instead of directly setting style properties on elements - allows for better flexibility alongside user-defined styles)
styleElem = document.createElement("style");
styleElem.type = "text/css";
// Create style rules as text node
styleRules = document.createTextNode("." + placeholderClassName + " { color:" + placeholderStyleColor + "; }");
// Append style rules to newly created stylesheet
if (styleElem.styleSheet) {
styleElem.styleSheet.cssText = styleRules.nodeValue;
} else {
styleElem.appendChild(styleRules);
}
// Prepend new style element to the head (before any existing stylesheets, so user-defined rules take precedence)
head.insertBefore(styleElem, head.firstChild);
// Set up the placeholders
for (i = 0, len = inputs.length + textareas.length; i < len; i++) {
elem = i < inputs.length ? inputs[i] : textareas[i - inputs.length];
// Get the value of the placeholder attribute, if any. IE10 emulating IE7 fails with getAttribute, hence the use of the attributes node
placeholder = elem.attributes.placeholder;
if (placeholder) {
// IE returns an empty object instead of undefined if the attribute is not present
placeholder = placeholder.nodeValue;
// Only apply the polyfill if this element is of a type that supports placeholders, and has a placeholder attribute with a non-empty value
if (placeholder && Utils.inArray(validTypes, elem.type)) {
newElement(elem);
}
}
}
// If enabled, the polyfill will repeatedly check for changed/added elements and apply to those as well
timer = setInterval(function () {
for (i = 0, len = inputs.length + textareas.length; i < len; i++) {
elem = i < inputs.length ? inputs[i] : textareas[i - inputs.length];
// Only apply the polyfill if this element is of a type that supports placeholders, and has a placeholder attribute with a non-empty value
placeholder = elem.attributes.placeholder;
if (placeholder) {
placeholder = placeholder.nodeValue;
if (placeholder && Utils.inArray(validTypes, elem.type)) {
// If the element hasn't had event handlers bound to it then add them
if (!elem.getAttribute(ATTR_EVENTS_BOUND)) {
newElement(elem);
}
// If the placeholder value has changed or not been initialised yet we need to update the display
if (placeholder !== elem.getAttribute(ATTR_CURRENT_VAL) || (elem.type === "password" && !elem.getAttribute(ATTR_INPUT_TYPE))) {
// Attempt to change the type of password inputs (fails in IE < 9)
if (elem.type === "password" && !elem.getAttribute(ATTR_INPUT_TYPE) && Utils.changeType(elem, "text")) {
elem.setAttribute(ATTR_INPUT_TYPE, "password");
}
// If the placeholder value has changed and the placeholder is currently on display we need to change it
if (elem.value === elem.getAttribute(ATTR_CURRENT_VAL)) {
elem.value = placeholder;
}
// Keep a reference to the current placeholder value in case it changes via another script
elem.setAttribute(ATTR_CURRENT_VAL, placeholder);
}
}
}
}
// If live updates are not enabled cancel the timer
if (!liveUpdates) {
clearInterval(timer);
}
}, 100);
}
// Expose public methods
Placeholders.disable = Placeholders.nativeSupport ? noop : disablePlaceholders;
Placeholders.enable = Placeholders.nativeSupport ? noop : enablePlaceholders;
}(this));
/*jslint unparam: true, browser: true, indent: 2 */
;(function ($, window, document, undefined) {
'use strict';
Foundation.libs.reveal = {
name : 'reveal',
version : '4.3.2',
locked : false,
settings : {
animation: 'fadeAndPop',
animationSpeed: 250,
closeOnBackgroundClick: true,
closeOnEsc: true,
dismissModalClass: 'close-reveal-modal',
bgClass: 'reveal-modal-bg',
open: function(){},
opened: function(){},
close: function(){},
closed: function(){},
bg : $('.reveal-modal-bg'),
css : {
open : {
'opacity': 0,
'visibility': 'visible',
'display' : 'block'
},
close : {
'opacity': 1,
'visibility': 'hidden',
'display': 'none'
}
}
},
init : function (scope, method, options) {
Foundation.inherit(this, 'data_options delay');
if (typeof method === 'object') {
$.extend(true, this.settings, method);
} else if (typeof options !== 'undefined') {
$.extend(true, this.settings, options);
}
if (typeof method !== 'string') {
this.events();
return this.settings.init;
} else {
return this[method].call(this, options);
}
},
events : function () {
var self = this;
$(this.scope)
.off('.fndtn.reveal')
.on('click.fndtn.reveal', '[data-reveal-id]', function (e) {
e.preventDefault();
if (!self.locked) {
var element = $(this),
ajax = element.data('reveal-ajax');
self.locked = true;
if (typeof ajax === 'undefined') {
self.open.call(self, element);
} else {
var url = ajax === true ? element.attr('href') : ajax;
self.open.call(self, element, {url: url});
}
}
})
.on('click.fndtn.reveal touchend', this.close_targets(), function (e) {
e.preventDefault();
if (!self.locked) {
var settings = $.extend({}, self.settings, self.data_options($('.reveal-modal.open'))),
bgClicked = $(e.target)[0] === $('.' + settings.bgClass)[0];
if (bgClicked && !settings.closeOnBackgroundClick) {
return;
}
self.locked = true;
self.close.call(self, bgClicked ? $('.reveal-modal.open') : $(this).closest('.reveal-modal'));
}
});
if($(this.scope).hasClass('reveal-modal')) {
$(this.scope)
.on('open.fndtn.reveal', this.settings.open)
.on('opened.fndtn.reveal', this.settings.opened)
.on('opened.fndtn.reveal', this.open_video)
.on('close.fndtn.reveal', this.settings.close)
.on('closed.fndtn.reveal', this.settings.closed)
.on('closed.fndtn.reveal', this.close_video);
} else {
$(this.scope)
.on('open.fndtn.reveal', '.reveal-modal', this.settings.open)
.on('opened.fndtn.reveal', '.reveal-modal', this.settings.opened)
.on('opened.fndtn.reveal', '.reveal-modal', this.open_video)
.on('close.fndtn.reveal', '.reveal-modal', this.settings.close)
.on('closed.fndtn.reveal', '.reveal-modal', this.settings.closed)
.on('closed.fndtn.reveal', '.reveal-modal', this.close_video);
}
$( 'body' ).bind( 'keyup.reveal', function ( event ) {
var open_modal = $('.reveal-modal.open'),
settings = $.extend({}, self.settings, self.data_options(open_modal));
if ( event.which === 27 && settings.closeOnEsc) { // 27 is the keycode for the Escape key
open_modal.foundation('reveal', 'close');
}
});
return true;
},
open : function (target, ajax_settings) {
if (target) {
if (typeof target.selector !== 'undefined') {
var modal = $('#' + target.data('reveal-id'));
} else {
var modal = $(this.scope);
ajax_settings = target;
}
} else {
var modal = $(this.scope);
}
if (!modal.hasClass('open')) {
var open_modal = $('.reveal-modal.open');
if (typeof modal.data('css-top') === 'undefined') {
modal.data('css-top', parseInt(modal.css('top'), 10))
.data('offset', this.cache_offset(modal));
}
modal.trigger('open');
if (open_modal.length < 1) {
this.toggle_bg();
}
if (typeof ajax_settings === 'undefined' || !ajax_settings.url) {
this.hide(open_modal, this.settings.css.close);
this.show(modal, this.settings.css.open);
} else {
var self = this,
old_success = typeof ajax_settings.success !== 'undefined' ? ajax_settings.success : null;
$.extend(ajax_settings, {
success: function (data, textStatus, jqXHR) {
if ( $.isFunction(old_success) ) {
old_success(data, textStatus, jqXHR);
}
modal.html(data);
$(modal).foundation('section', 'reflow');
self.hide(open_modal, self.settings.css.close);
self.show(modal, self.settings.css.open);
}
});
$.ajax(ajax_settings);
}
}
},
close : function (modal) {
var modal = modal && modal.length ? modal : $(this.scope),
open_modals = $('.reveal-modal.open');
if (open_modals.length > 0) {
this.locked = true;
modal.trigger('close');
this.toggle_bg();
this.hide(open_modals, this.settings.css.close);
}
},
close_targets : function () {
var base = '.' + this.settings.dismissModalClass;
if (this.settings.closeOnBackgroundClick) {
return base + ', .' + this.settings.bgClass;
}
return base;
},
toggle_bg : function () {
if ($('.' + this.settings.bgClass).length === 0) {
this.settings.bg = $('', {'class': this.settings.bgClass})
.appendTo('body');
}
if (this.settings.bg.filter(':visible').length > 0) {
this.hide(this.settings.bg);
} else {
this.show(this.settings.bg);
}
},
show : function (el, css) {
// is modal
if (css) {
if (el.parent('body').length === 0) {
var placeholder = el.wrap('').parent();
el.on('closed.fndtn.reveal.wrapped', function() {
el.detach().appendTo(placeholder);
el.unwrap().unbind('closed.fndtn.reveal.wrapped');
});
el.detach().appendTo('body');
}
if (/pop/i.test(this.settings.animation)) {
css.top = $(window).scrollTop() - el.data('offset') + 'px';
var end_css = {
top: $(window).scrollTop() + el.data('css-top') + 'px',
opacity: 1
};
return this.delay(function () {
return el
.css(css)
.animate(end_css, this.settings.animationSpeed, 'linear', function () {
this.locked = false;
el.trigger('opened');
}.bind(this))
.addClass('open');
}.bind(this), this.settings.animationSpeed / 2);
}
if (/fade/i.test(this.settings.animation)) {
var end_css = {opacity: 1};
return this.delay(function () {
return el
.css(css)
.animate(end_css, this.settings.animationSpeed, 'linear', function () {
this.locked = false;
el.trigger('opened');
}.bind(this))
.addClass('open');
}.bind(this), this.settings.animationSpeed / 2);
}
return el.css(css).show().css({opacity: 1}).addClass('open').trigger('opened');
}
// should we animate the background?
if (/fade/i.test(this.settings.animation)) {
return el.fadeIn(this.settings.animationSpeed / 2);
}
return el.show();
},
hide : function (el, css) {
// is modal
if (css) {
if (/pop/i.test(this.settings.animation)) {
var end_css = {
top: - $(window).scrollTop() - el.data('offset') + 'px',
opacity: 0
};
return this.delay(function () {
return el
.animate(end_css, this.settings.animationSpeed, 'linear', function () {
this.locked = false;
el.css(css).trigger('closed');
}.bind(this))
.removeClass('open');
}.bind(this), this.settings.animationSpeed / 2);
}
if (/fade/i.test(this.settings.animation)) {
var end_css = {opacity: 0};
return this.delay(function () {
return el
.animate(end_css, this.settings.animationSpeed, 'linear', function () {
this.locked = false;
el.css(css).trigger('closed');
}.bind(this))
.removeClass('open');
}.bind(this), this.settings.animationSpeed / 2);
}
return el.hide().css(css).removeClass('open').trigger('closed');
}
// should we animate the background?
if (/fade/i.test(this.settings.animation)) {
return el.fadeOut(this.settings.animationSpeed / 2);
}
return el.hide();
},
close_video : function (e) {
var video = $(this).find('.flex-video'),
iframe = video.find('iframe');
if (iframe.length > 0) {
iframe.attr('data-src', iframe[0].src);
iframe.attr('src', 'about:blank');
video.hide();
}
},
open_video : function (e) {
var video = $(this).find('.flex-video'),
iframe = video.find('iframe');
if (iframe.length > 0) {
var data_src = iframe.attr('data-src');
if (typeof data_src === 'string') {
iframe[0].src = iframe.attr('data-src');
} else {
var src = iframe[0].src;
iframe[0].src = undefined;
iframe[0].src = src;
}
video.show();
}
},
cache_offset : function (modal) {
var offset = modal.show().height() + parseInt(modal.css('top'), 10);
modal.hide();
return offset;
},
off : function () {
$(this.scope).off('.fndtn.reveal');
},
reflow : function () {}
};
}(Foundation.zj, this, this.document));
/*jslint unparam: true, browser: true, indent: 2 */
;
(function($, window, document) {
'use strict';
Foundation.libs.section = {
name : 'section',
version : '4.3.2',
settings: {
deep_linking: false,
small_breakpoint: 768,
one_up: true,
multi_expand: false,
section_selector: '[data-section]',
region_selector: 'section, .section, [data-section-region]',
title_selector: '.title, [data-section-title]',
//marker: container is resized
resized_data_attr: 'data-section-resized',
//marker: container should apply accordion style
small_style_data_attr: 'data-section-small-style',
content_selector: '.content, [data-section-content]',
nav_selector: '[data-section="vertical-nav"], [data-section="horizontal-nav"]',
active_class: 'active',
prevent_default: '[data-preventdefault]',
callback: function() {}
},
init: function(scope, method, options) {
var self = this;
Foundation.inherit(this, 'throttle data_options position_right offset_right');
if (typeof method === 'object') {
$.extend(true, self.settings, method);
}
if (typeof method !== 'string') {
this.events();
return true;
} else {
return this[method].call(this, options);
}
},
events: function() {
var self = this;
//combine titles selector from settings for click event binding
var click_title_selectors = [],
section_selector = self.settings.section_selector,
region_selectors = self.settings.region_selector.split(","),
title_selectors = self.settings.title_selector.split(",");
for (var i = 0, len = region_selectors.length; i < len; i++) {
var region_selector = region_selectors[i];
for (var j = 0, len1 = title_selectors.length; j < len1; j++) {
var title_selector = section_selector + ">" + region_selector + ">" + title_selectors[j];
click_title_selectors.push(title_selector + " a"); //or we can not do preventDefault for click event of
click_title_selectors.push(title_selector);
}
}
$(self.scope)
.on('click.fndtn.section', click_title_selectors.join(","), function(e) {
var title = $(this).closest(self.settings.title_selector);
self.close_navs(title);
if (title.siblings(self.settings.content_selector).length > 0) {
self.toggle_active.call(title[0], e);
}
});
$(window)
.on('resize.fndtn.section', self.throttle(function() { self.resize(); }, 30))
.on('hashchange.fndtn.section', self.set_active_from_hash);
$(document).on('click.fndtn.section', function (e) {
if (e.isPropagationStopped && e.isPropagationStopped()) return;
if (e.target === document) return;
self.close_navs($(e.target).closest(self.settings.title_selector));
});
$(window).triggerHandler('resize.fndtn.section');
$(window).triggerHandler('hashchange.fndtn.section');
},
//close nav !one_up on click elsewhere
close_navs: function(except_nav_with_title) {
var self = Foundation.libs.section,
navsToClose = $(self.settings.nav_selector)
.filter(function() { return !$.extend({},
self.settings, self.data_options($(this))).one_up; });
if (except_nav_with_title.length > 0) {
var section = except_nav_with_title.parent().parent();
if (self.is_horizontal_nav(section) || self.is_vertical_nav(section)) {
//exclude current nav from list
navsToClose = navsToClose.filter(function() { return this !== section[0]; });
}
}
//close navs on click on title
navsToClose.children(self.settings.region_selector).removeClass(self.settings.active_class);
},
toggle_active: function(e) {
var $this = $(this),
self = Foundation.libs.section,
region = $this.parent(),
content = $this.siblings(self.settings.content_selector),
section = region.parent(),
settings = $.extend({}, self.settings, self.data_options(section)),
prev_active_region = section.children(self.settings.region_selector).filter("." + self.settings.active_class);
//for anchors inside [data-section-title]
if (!settings.deep_linking && content.length > 0) {
var sectiontabname = $(region).find('p').data('sectiontabname');
if (sectiontabname != undefined) {
window.history.pushState("", "", '#' + sectiontabname);
e.preventDefault();
}
}
e.stopPropagation(); //do not catch same click again on parent
if (!region.hasClass(self.settings.active_class)) {
if (!self.is_accordion(section) || (self.is_accordion(section) && !self.settings.multi_expand)) {
prev_active_region.removeClass(self.settings.active_class);
prev_active_region.trigger('closed.fndtn.section');
}
region.addClass(self.settings.active_class);
//force resize for better performance (do not wait timer)
self.resize(region.find(self.settings.section_selector).not("[" + self.settings.resized_data_attr + "]"), true);
region.trigger('opened.fndtn.section');
} else if (region.hasClass(self.settings.active_class) && self.is_accordion(section) || !settings.one_up && (self.small(section) || self.is_vertical_nav(section) || self.is_horizontal_nav(section) || self.is_accordion(section))) {
region.removeClass(self.settings.active_class);
region.trigger('closed.fndtn.section');
}
settings.callback(section);
},
check_resize_timer: null,
//main function that sets title and content positions; runs for :not(.resized) and :visible once when window width is medium up
//sections:
// selected sections to resize, are defined on resize forced by visibility changes
//ensure_has_active_region:
// is true when we force resize for no resized sections that were hidden and became visible,
// these sections can have no selected region, because all regions were hidden along with section on executing set_active_from_hash
resize: function(sections, ensure_has_active_region) {
var self = Foundation.libs.section,
section_container = $(self.settings.section_selector),
is_small_window = self.small(section_container),
//filter for section resize
should_be_resized = function (section, now_is_hidden) {
return !self.is_accordion(section) &&
!section.is("[" + self.settings.resized_data_attr + "]") &&
(!is_small_window || self.is_horizontal_tabs(section)) &&
now_is_hidden === (section.css('display') === 'none' ||
!section.parent().is(':visible'));
};
sections = sections || $(self.settings.section_selector);
clearTimeout(self.check_resize_timer);
if (!is_small_window) {
sections.removeAttr(self.settings.small_style_data_attr);
}
//resize
sections.filter(function() { return should_be_resized($(this), false); })
.each(function() {
var section = $(this),
regions = section.children(self.settings.region_selector),
titles = regions.children(self.settings.title_selector),
content = regions.children(self.settings.content_selector),
titles_max_height = 0;
if (ensure_has_active_region &&
section.children(self.settings.region_selector).filter("." + self.settings.active_class).length == 0) {
var settings = $.extend({}, self.settings, self.data_options(section));
if (!settings.deep_linking && (settings.one_up || !self.is_horizontal_nav(section) &&
!self.is_vertical_nav(section) && !self.is_accordion(section))) {
regions.filter(":visible").first().addClass(self.settings.active_class);
}
}
if (self.is_horizontal_tabs(section) || self.is_auto(section)) {
// region: position relative
// title: position absolute
// content: position static
var titles_sum_width = 0;
titles.each(function() {
var title = $(this);
if (title.is(":visible")) {
title.css(!self.rtl ? 'left' : 'right', titles_sum_width);
var title_h_border_width = parseInt(title.css("border-" + (self.rtl ? 'left' : 'right') + "-width"), 10);
if (title_h_border_width.toString() === 'Nan') {
title_h_border_width = 0;
}
titles_sum_width += self.outerWidth(title) - title_h_border_width;
titles_max_height = Math.max(titles_max_height, self.outerHeight(title));
}
});
titles.css('height', titles_max_height);
regions.each(function() {
var region = $(this),
region_content = region.children(self.settings.content_selector),
content_top_border_width = parseInt(region_content.css("border-top-width"), 10);
if (content_top_border_width.toString() === 'Nan') {
content_top_border_width = 0;
}
region.css('padding-top', titles_max_height - content_top_border_width);
});
section.css("min-height", titles_max_height);
} else if (self.is_horizontal_nav(section)) {
var first = true;
// region: positon relative, float left
// title: position static
// content: position absolute
titles.each(function() {
titles_max_height = Math.max(titles_max_height, self.outerHeight($(this)));
});
regions.each(function() {
var region = $(this);
region.css("margin-left", "-" + (first ? section : region.children(self.settings.title_selector)).css("border-left-width"));
first = false;
});
regions.css("margin-top", "-" + section.css("border-top-width"));
titles.css('height', titles_max_height);
content.css('top', titles_max_height);
section.css("min-height", titles_max_height);
} else if (self.is_vertical_tabs(section)) {
var titles_sum_height = 0;
// region: position relative, for .active: fixed padding==title.width
// title: fixed width, position absolute
// content: position static
titles.each(function() {
var title = $(this);
if (title.is(":visible")) {
title.css('top', titles_sum_height);
var title_top_border_width = parseInt(title.css("border-top-width"), 10);
if (title_top_border_width.toString() === 'Nan') {
title_top_border_width = 0;
}
titles_sum_height += self.outerHeight(title) - title_top_border_width;
}
});
content.css('min-height', titles_sum_height + 1);
} else if (self.is_vertical_nav(section)) {
var titles_max_width = 0,
first1 = true;
// region: positon relative
// title: position static
// content: position absolute
titles.each(function() {
titles_max_width = Math.max(titles_max_width, self.outerWidth($(this)));
});
regions.each(function () {
var region = $(this);
region.css("margin-top", "-" + (first1 ? section : region.children(self.settings.title_selector)).css("border-top-width"));
first1 = false;
});
titles.css('width', titles_max_width);
content.css(!self.rtl ? 'left' : 'right', titles_max_width);
section.css('width', titles_max_width);
}
section.attr(self.settings.resized_data_attr, true);
});
//wait elements to become visible then resize
if ($(self.settings.section_selector).filter(function() { return should_be_resized($(this), true); }).length > 0)
self.check_resize_timer = setTimeout(function() {
self.resize(sections.filter(function() { return should_be_resized($(this), false); }), true);
}, 700);
if (is_small_window) {
sections.attr(self.settings.small_style_data_attr, true);
}
},
is_vertical_nav: function(el) {
return /vertical-nav/i.test(el.data('section'));
},
is_horizontal_nav: function(el) {
return /horizontal-nav/i.test(el.data('section'));
},
is_accordion: function(el) {
return /accordion/i.test(el.data('section'));
},
is_horizontal_tabs: function(el) {
return /^tabs$/i.test(el.data('section'));
},
is_vertical_tabs: function(el) {
return /vertical-tabs/i.test(el.data('section'));
},
is_auto: function (el) {
var data_section = el.data('section');
return data_section === '' || /auto/i.test(data_section);
},
set_active_from_hash: function() {
var self = Foundation.libs.section,
hash = window.location.hash.substring(1),
sections = $(self.settings.section_selector);
var selectedSection;
sections.each(function() {
var section = $(this),
regions = section.children(self.settings.region_selector);
regions.each(function() {
var region = $(this),
data_slug = region.children(self.settings.content_selector).data('slug');
if (new RegExp(data_slug, 'i').test(hash)) {
selectedSection=section;
return false;
}
});
if (selectedSection != null) {
return false;
}
});
if (selectedSection != null) {
sections.each(function() {
if (selectedSection == $(this)) {
var section = $(this),
settings = $.extend({}, self.settings, self.data_options(section)),
regions = section.children(self.settings.region_selector),
set_active_from_hash = settings.deep_linking && hash.length > 0,
selected = false;
regions.each(function() {
var region = $(this);
if (selected) {
region.removeClass(self.settings.active_class);
} else if (set_active_from_hash) {
var data_slug = region.children(self.settings.content_selector).data('slug');
if (data_slug && new RegExp(data_slug, 'i').test(hash)) {
if (!region.hasClass(self.settings.active_class))
region.addClass(self.settings.active_class);
selected = true;
} else {
region.removeClass(self.settings.active_class);
}
} else if (region.hasClass(self.settings.active_class)) {
selected = true;
}
});
if (!selected && (settings.one_up || !self.is_horizontal_nav(section) &&
!self.is_vertical_nav(section) && !self.is_accordion(section)))
regions.filter(":visible").first().addClass(self.settings.active_class);
}
});
}
},
reflow: function() {
var self = Foundation.libs.section;
$(self.settings.section_selector).removeAttr(self.settings.resized_data_attr);
self.throttle(function() { self.resize(); }, 30)();
},
small: function(el) {
var settings = $.extend({}, this.settings, this.data_options(el));
if (this.is_horizontal_tabs(el)) {
return false;
}
if (el && this.is_accordion(el)) {
return true;
}
if ($('html').hasClass('lt-ie9')) {
return true;
}
if ($('html').hasClass('ie8compat')) {
return true;
}
return $(this.scope).width() < settings.small_breakpoint;
},
off: function() {
$(this.scope).off('.fndtn.section');
$(window).off('.fndtn.section');
$(document).off('.fndtn.section');
}
};
//resize selected sections
$.fn.reflow_section = function(ensure_has_active_region) {
var section = this,
self = Foundation.libs.section;
section.removeAttr(self.settings.resized_data_attr);
self.throttle(function() { self.resize(section, ensure_has_active_region); }, 30)();
return this;
};
}(Foundation.zj, window, document));
/*jslint unparam: true, browser: true, indent: 2 */
;(function ($, window, document, undefined) {
'use strict';
Foundation.libs.tooltips = {
name : 'tooltips',
version : '4.3.2',
settings : {
selector : '.has-tip',
additionalInheritableClasses : [],
tooltipClass : '.tooltip',
touchCloseText: 'tap to close',
appendTo: 'body',
'disable-for-touch': false,
tipTemplate : function (selector, content) {
return '' + content + '';
}
},
cache : {},
init : function (scope, method, options) {
Foundation.inherit(this, 'data_options');
var self = this;
if (typeof method === 'object') {
$.extend(true, this.settings, method);
} else if (typeof options !== 'undefined') {
$.extend(true, this.settings, options);
}
if (typeof method !== 'string') {
if (Modernizr.touch) {
$(this.scope)
.on('click.fndtn.tooltip touchstart.fndtn.tooltip touchend.fndtn.tooltip',
'[data-tooltip]', function (e) {
var settings = $.extend({}, self.settings, self.data_options($(this)));
if (!settings['disable-for-touch']) {
e.preventDefault();
$(settings.tooltipClass).hide();
self.showOrCreateTip($(this));
}
})
.on('click.fndtn.tooltip touchstart.fndtn.tooltip touchend.fndtn.tooltip',
this.settings.tooltipClass, function (e) {
e.preventDefault();
$(this).fadeOut(150);
});
} else {
$(this.scope)
.on('mouseenter.fndtn.tooltip mouseleave.fndtn.tooltip',
'[data-tooltip]', function (e) {
var $this = $(this);
if (/enter|over/i.test(e.type)) {
self.showOrCreateTip($this);
} else if (e.type === 'mouseout' || e.type === 'mouseleave') {
self.hide($this);
}
});
}
// $(this.scope).data('fndtn-tooltips', true);
} else {
return this[method].call(this, options);
}
},
showOrCreateTip : function ($target) {
var $tip = this.getTip($target);
if ($tip && $tip.length > 0) {
return this.show($target);
}
return this.create($target);
},
getTip : function ($target) {
var selector = this.selector($target),
tip = null;
if (selector) {
tip = $('span[data-selector="' + selector + '"]' + this.settings.tooltipClass);
}
return (typeof tip === 'object') ? tip : false;
},
selector : function ($target) {
var id = $target.attr('id'),
dataSelector = $target.attr('data-tooltip') || $target.attr('data-selector');
if ((id && id.length < 1 || !id) && typeof dataSelector != 'string') {
dataSelector = 'tooltip' + Math.random().toString(36).substring(7);
$target.attr('data-selector', dataSelector);
}
return (id && id.length > 0) ? id : dataSelector;
},
create : function ($target) {
var $tip = $(this.settings.tipTemplate(this.selector($target), $('').html($target.attr('title')).html())),
classes = this.inheritable_classes($target);
$tip.addClass(classes).appendTo(this.settings.appendTo);
if (Modernizr.touch) {
$tip.append(''+this.settings.touchCloseText+'');
}
$target.removeAttr('title').attr('title','');
this.show($target);
},
reposition : function (target, tip, classes) {
var width, nub, nubHeight, nubWidth, column, objPos;
tip.css('visibility', 'hidden').show();
width = target.data('width');
nub = tip.children('.nub');
nubHeight = this.outerHeight(nub);
nubWidth = this.outerHeight(nub);
objPos = function (obj, top, right, bottom, left, width) {
return obj.css({
'top' : (top) ? top : 'auto',
'bottom' : (bottom) ? bottom : 'auto',
'left' : (left) ? left : 'auto',
'right' : (right) ? right : 'auto',
'width' : (width) ? width : 'auto'
}).end();
};
objPos(tip, (target.offset().top + this.outerHeight(target) + 10), 'auto', 'auto', target.offset().left, width);
if ($(window).width() < 767) {
objPos(tip, (target.offset().top + this.outerHeight(target) + 10), 'auto', 'auto', 12.5, $(this.scope).width());
tip.addClass('tip-override');
objPos(nub, -nubHeight, 'auto', 'auto', target.offset().left);
} else {
var left = target.offset().left;
if (Foundation.rtl) {
left = target.offset().left + target.offset().width - this.outerWidth(tip);
}
objPos(tip, (target.offset().top + this.outerHeight(target) + 10), 'auto', 'auto', left, width);
tip.removeClass('tip-override');
if (classes && classes.indexOf('tip-top') > -1) {
objPos(tip, (target.offset().top - this.outerHeight(tip)), 'auto', 'auto', left, width)
.removeClass('tip-override');
} else if (classes && classes.indexOf('tip-left') > -1) {
objPos(tip, (target.offset().top + (this.outerHeight(target) / 2) - nubHeight*2.5), 'auto', 'auto', (target.offset().left - this.outerWidth(tip) - nubHeight), width)
.removeClass('tip-override');
} else if (classes && classes.indexOf('tip-right') > -1) {
objPos(tip, (target.offset().top + (this.outerHeight(target) / 2) - nubHeight*2.5), 'auto', 'auto', (target.offset().left + this.outerWidth(target) + nubHeight), width)
.removeClass('tip-override');
}
}
tip.css('visibility', 'visible').hide();
},
inheritable_classes : function (target) {
var inheritables = ['tip-top', 'tip-left', 'tip-bottom', 'tip-right', 'noradius'].concat(this.settings.additionalInheritableClasses),
classes = target.attr('class'),
filtered = classes ? $.map(classes.split(' '), function (el, i) {
if ($.inArray(el, inheritables) !== -1) {
return el;
}
}).join(' ') : '';
return $.trim(filtered);
},
show : function ($target) {
var $tip = this.getTip($target);
this.reposition($target, $tip, $target.attr('class'));
$tip.fadeIn(150);
},
hide : function ($target) {
var $tip = this.getTip($target);
$tip.fadeOut(150);
},
// deprecate reload
reload : function () {
var $self = $(this);
return ($self.data('fndtn-tooltips')) ? $self.foundationTooltips('destroy').foundationTooltips('init') : $self.foundationTooltips('init');
},
off : function () {
$(this.scope).off('.fndtn.tooltip');
$(this.settings.tooltipClass).each(function (i) {
$('[data-tooltip]').get(i).attr('title', $(this).text());
}).remove();
},
reflow : function () {}
};
}(Foundation.zj, this, this.document));
/*jslint unparam: true, browser: true, indent: 2 */
;(function ($, window, document, undefined) {
'use strict';
Foundation.libs.topbar = {
name : 'topbar',
version: '4.3.2',
settings : {
index : 0,
stickyClass : 'sticky',
custom_back_text: true,
back_text: 'Back',
is_hover: true,
mobile_show_parent_link: false,
scrolltop : true, // jump to top when sticky nav menu toggle is clicked
init : false
},
init : function (section, method, options) {
Foundation.inherit(this, 'data_options addCustomRule');
var self = this;
if (typeof method === 'object') {
$.extend(true, this.settings, method);
} else if (typeof options !== 'undefined') {
$.extend(true, this.settings, options);
}
if (typeof method !== 'string') {
$('.top-bar, [data-topbar]').each(function () {
$.extend(true, self.settings, self.data_options($(this)));
self.settings.$w = $(window);
self.settings.$topbar = $(this);
self.settings.$section = self.settings.$topbar.find('section');
self.settings.$titlebar = self.settings.$topbar.children('ul').first();
self.settings.$topbar.data('index', 0);
var topbarContainer = self.settings.$topbar.parent();
if(topbarContainer.hasClass('fixed') || topbarContainer.hasClass(self.settings.stickyClass)) {
self.settings.$topbar.data('height', self.outerHeight(topbarContainer));
self.settings.$topbar.data('stickyoffset', topbarContainer.offset().top);
} else {
self.settings.$topbar.data('height', self.outerHeight(self.settings.$topbar));
}
var breakpoint = $("").insertAfter(self.settings.$topbar);
self.settings.breakPoint = breakpoint.width();
breakpoint.remove();
self.assemble();
if (self.settings.is_hover) {
self.settings.$topbar.find('.has-dropdown').addClass('not-click');
}
// Pad body when sticky (scrolled) or fixed.
self.addCustomRule('.f-topbar-fixed { padding-top: ' + self.settings.$topbar.data('height') + 'px }');
if (self.settings.$topbar.parent().hasClass('fixed')) {
$('body').addClass('f-topbar-fixed');
}
});
if (!self.settings.init) {
this.events();
}
return this.settings.init;
} else {
// fire method
return this[method].call(this, options);
}
},
toggle: function() {
var self = this;
var topbar = $('.top-bar, [data-topbar]'),
section = topbar.find('section, .section');
if (self.breakpoint()) {
if (!self.rtl) {
section.css({left: '0%'});
section.find('>.name').css({left: '100%'});
} else {
section.css({right: '0%'});
section.find('>.name').css({right: '100%'});
}
section.find('li.moved').removeClass('moved');
topbar.data('index', 0);
topbar
.toggleClass('expanded')
.css('height', '');
}
if(self.settings.scrolltop)
{
if (!topbar.hasClass('expanded')) {
if (topbar.hasClass('fixed')) {
topbar.parent().addClass('fixed');
topbar.removeClass('fixed');
$('body').addClass('f-topbar-fixed');
}
} else if (topbar.parent().hasClass('fixed')) {
if (self.settings.scrolltop) {
topbar.parent().removeClass('fixed');
topbar.addClass('fixed');
$('body').removeClass('f-topbar-fixed');
window.scrollTo(0,0);
} else {
topbar.parent().removeClass('expanded');
}
}
} else {
if(topbar.parent().hasClass(self.settings.stickyClass)) {
topbar.parent().addClass('fixed');
}
if(topbar.parent().hasClass('fixed')) {
if (!topbar.hasClass('expanded')) {
topbar.removeClass('fixed');
topbar.parent().removeClass('expanded');
self.updateStickyPositioning();
} else {
topbar.addClass('fixed');
topbar.parent().addClass('expanded');
}
}
}
},
timer : null,
events : function () {
var self = this;
$(this.scope)
.off('.fndtn.topbar')
.on('click.fndtn.topbar', '.top-bar .toggle-topbar, [data-topbar] .toggle-topbar', function (e) {
e.preventDefault();
self.toggle();
})
.on('click.fndtn.topbar', '.top-bar li.has-dropdown', function (e) {
var li = $(this),
target = $(e.target),
topbar = li.closest('[data-topbar], .top-bar'),
is_hover = topbar.data('topbar');
if(target.data('revealId')) {
self.toggle();
return;
}
if (self.breakpoint()) return;
if (self.settings.is_hover && !Modernizr.touch) return;
e.stopImmediatePropagation();
if (target[0].nodeName === 'A' && target.parent().hasClass('has-dropdown')) {
e.preventDefault();
}
if (li.hasClass('hover')) {
li
.removeClass('hover')
.find('li')
.removeClass('hover');
li.parents('li.hover')
.removeClass('hover');
} else {
li.addClass('hover');
}
})
.on('click.fndtn.topbar', '.top-bar .has-dropdown>a, [data-topbar] .has-dropdown>a', function (e) {
if (self.breakpoint() && $(window).width() != self.settings.breakPoint) {
e.preventDefault();
var $this = $(this),
topbar = $this.closest('.top-bar, [data-topbar]'),
section = topbar.find('section, .section'),
dropdownHeight = $this.next('.dropdown').outerHeight(),
$selectedLi = $this.closest('li');
topbar.data('index', topbar.data('index') + 1);
$selectedLi.addClass('moved');
if (!self.rtl) {
section.css({left: -(100 * topbar.data('index')) + '%'});
section.find('>.name').css({left: 100 * topbar.data('index') + '%'});
} else {
section.css({right: -(100 * topbar.data('index')) + '%'});
section.find('>.name').css({right: 100 * topbar.data('index') + '%'});
}
topbar.css('height', self.outerHeight($this.siblings('ul'), true) + self.settings.$topbar.data('height'));
}
});
$(window).on('resize.fndtn.topbar', function () {
if (typeof self.settings.$topbar === 'undefined') { return; }
var stickyContainer = self.settings.$topbar.parent('.' + this.settings.stickyClass);
var stickyOffset;
if (!self.breakpoint()) {
var doToggle = self.settings.$topbar.hasClass('expanded');
$('.top-bar, [data-topbar]')
.css('height', '')
.removeClass('expanded')
.find('li')
.removeClass('hover');
if(doToggle) {
self.toggle();
}
}
if(stickyContainer.length > 0) {
if(stickyContainer.hasClass('fixed')) {
// Remove the fixed to allow for correct calculation of the offset.
stickyContainer.removeClass('fixed');
stickyOffset = stickyContainer.offset().top;
if($(document.body).hasClass('f-topbar-fixed')) {
stickyOffset -= self.settings.$topbar.data('height');
}
self.settings.$topbar.data('stickyoffset', stickyOffset);
stickyContainer.addClass('fixed');
} else {
stickyOffset = stickyContainer.offset().top;
self.settings.$topbar.data('stickyoffset', stickyOffset);
}
}
}.bind(this));
$('body').on('click.fndtn.topbar', function (e) {
var parent = $(e.target).closest('li').closest('li.hover');
if (parent.length > 0) {
return;
}
$('.top-bar li, [data-topbar] li').removeClass('hover');
});
// Go up a level on Click
$(this.scope).on('click.fndtn', '.top-bar .has-dropdown .back, [data-topbar] .has-dropdown .back', function (e) {
e.preventDefault();
var $this = $(this),
topbar = $this.closest('.top-bar, [data-topbar]'),
section = topbar.find('section, .section'),
$movedLi = $this.closest('li.moved'),
$previousLevelUl = $movedLi.parent();
topbar.data('index', topbar.data('index') - 1);
if (!self.rtl) {
section.css({left: -(100 * topbar.data('index')) + '%'});
section.find('>.name').css({left: 100 * topbar.data('index') + '%'});
} else {
section.css({right: -(100 * topbar.data('index')) + '%'});
section.find('>.name').css({right: 100 * topbar.data('index') + '%'});
}
if (topbar.data('index') === 0) {
topbar.css('height', '');
} else {
topbar.css('height', self.outerHeight($previousLevelUl, true) + self.settings.$topbar.data('height'));
}
setTimeout(function () {
$movedLi.removeClass('moved');
}, 300);
});
},
breakpoint : function () {
return $(document).width() <= this.settings.breakPoint || $('html').hasClass('lt-ie9');
},
assemble : function () {
var self = this;
// Pull element out of the DOM for manipulation
this.settings.$section.detach();
this.settings.$section.find('.has-dropdown>a').each(function () {
var $link = $(this),
$dropdown = $link.siblings('.dropdown'),
url = $link.attr('href');
if (self.settings.mobile_show_parent_link && url && url.length > 1) {
var $titleLi = $('
- ' + $link.text() +'
'); } else { var $titleLi = $('- ").addClass("ui-autocomplete ui-front").appendTo(this._appendTo()).menu({role:null}).hide().data("ui-menu"),this._on(this.menu.element,{mousedown:function(t){t.preventDefault(),this.cancelBlur=!0,this._delay(function(){delete this.cancelBlur});var i=this.menu.element[0];e(t.target).closest(".ui-menu-item").length||this._delay(function(){var t=this;this.document.one("mousedown",function(s){s.target===t.element[0]||s.target===i||e.contains(i,s.target)||t.close()})})},menufocus:function(t,i){if(this.isNewMenu&&(this.isNewMenu=!1,t.originalEvent&&/^mouse/.test(t.originalEvent.type)))return this.menu.blur(),this.document.one("mousemove",function(){e(t.target).trigger(t.originalEvent)}),undefined;var s=i.item.data("ui-autocomplete-item");!1!==this._trigger("focus",t,{item:s})?t.originalEvent&&/^key/.test(t.originalEvent.type)&&this._value(s.value):this.liveRegion.text(s.value)},menuselect:function(e,t){var i=t.item.data("ui-autocomplete-item"),s=this.previous;this.element[0]!==this.document[0].activeElement&&(this.element.focus(),this.previous=s,this._delay(function(){this.previous=s,this.selectedItem=i})),!1!==this._trigger("select",e,{item:i})&&this._value(i.value),this.term=this._value(),this.close(e),this.selectedItem=i}}),this.liveRegion=e("",{role:"status","aria-live":"polite"}).addClass("ui-helper-hidden-accessible").insertBefore(this.element),this._on(this.window,{beforeunload:function(){this.element.removeAttr("autocomplete")}})},_destroy:function(){clearTimeout(this.searching),this.element.removeClass("ui-autocomplete-input").removeAttr("autocomplete"),this.menu.element.remove(),this.liveRegion.remove()},_setOption:function(e,t){this._super(e,t),"source"===e&&this._initSource(),"appendTo"===e&&this.menu.element.appendTo(this._appendTo()),"disabled"===e&&t&&this.xhr&&this.xhr.abort()},_appendTo:function(){var t=this.options.appendTo;return t&&(t=t.jquery||t.nodeType?e(t):this.document.find(t).eq(0)),t||(t=this.element.closest(".ui-front")),t.length||(t=this.document[0].body),t},_initSource:function(){var t,i,s=this;e.isArray(this.options.source)?(t=this.options.source,this.source=function(i,s){s(e.ui.autocomplete.filter(t,i.term))}):"string"==typeof this.options.source?(i=this.options.source,this.source=function(t,n){s.xhr&&s.xhr.abort(),s.xhr=e.ajax({url:i,data:t,dataType:"json",success:function(e){n(e)},error:function(){n([])}})}):this.source=this.options.source},_searchTimeout:function(e){clearTimeout(this.searching),this.searching=this._delay(function(){this.term!==this._value()&&(this.selectedItem=null,this.search(null,e))},this.options.delay)},search:function(e,t){return e=null!=e?e:this._value(),this.term=this._value(),e.length
- " + item.category + " "); currentCategory = item.category; } self._renderItemData(ul, item); }); } }); (function (searchresultPage, accelerator, id) { var didSelect = false; $('#searchbutton').click(function() { var searchText= $('#searchfield').val(); if (searchText.length > 0) { $(window.location).attr('href', searchresultPage+'?CMS_SearchString='+ encodeURIComponent(searchText) ); } }); $('#searchfield') .catcomplete({ delay: 250, minLength: 1, source: function (request, response) { $.ajax({ url: '/Site/CMS/Ajax/' + accelerator + '/Search.ashx', style: 'full', dataType: 'jsonp', data: { Id: id, CMS_SearchString: request.term }, success: function (data) { response($.map(data.results, function (item) { return { label: item.label, value: item.label, url: item.url, category: item.category }; })); } }); }, select: function (event, ui) { event.preventDefault(); if (!ui.item.url) return; didSelect = true; $(window.location).attr('href', ui.item.url); }, }) .keypress(function(e) { if (e.keyCode === 13) { if (!didSelect) { e.preventDefault(); $('#searchbutton').click(); } } }); }(site.settings.searchUrl, site.settings.acceleratorType, site.settings.webSiteId)); }(window.site || {}, jQuery)); ; (function (site, window, document, $) { var addArticleHandler = null, cartUpdatedNotificationTimer = null; var reloadMiniShoppingCart = function () { $.ajax({ url: '/Site/CMS/Ajax/MiniCart.aspx?PageID=' + site.settings.pageId, cache: false }).done(updateMiniShoppingCart); }; var updateMiniShoppingCart = function (html) { var cart = $('#minicart'); if (cart.length) { cart.html(html); } }; ///
- ",delay:300,options:{icons:{submenu:"ui-icon-carat-1-e"},menus:"ul",position:{my:"left top",at:"right top"},role:"menu",blur:null,focus:null,select:null},_create:function(){this.activeMenu=this.element,this.mouseHandled=!1,this.element.uniqueId().addClass("ui-menu ui-widget ui-widget-content ui-corner-all").toggleClass("ui-menu-icons",!!this.element.find(".ui-icon").length).attr({role:this.options.role,tabIndex:0}).bind("click"+this.eventNamespace,t.proxy(function(t){this.options.disabled&&t.preventDefault()},this)),this.options.disabled&&this.element.addClass("ui-state-disabled").attr("aria-disabled","true"),this._on({"mousedown .ui-menu-item > a":function(t){t.preventDefault()},"click .ui-state-disabled > a":function(t){t.preventDefault()},"click .ui-menu-item:has(a)":function(e){var i=t(e.target).closest(".ui-menu-item");!this.mouseHandled&&i.not(".ui-state-disabled").length&&(this.mouseHandled=!0,this.select(e),i.has(".ui-menu").length?this.expand(e):this.element.is(":focus")||(this.element.trigger("focus",[!0]),this.active&&1===this.active.parents(".ui-menu").length&&clearTimeout(this.timer)))},"mouseenter .ui-menu-item":function(e){var i=t(e.currentTarget);i.siblings().children(".ui-state-active").removeClass("ui-state-active"),this.focus(e,i)},mouseleave:"collapseAll","mouseleave .ui-menu":"collapseAll",focus:function(t,e){var i=this.active||this.element.children(".ui-menu-item").eq(0);e||this.focus(t,i)},blur:function(e){this._delay(function(){t.contains(this.element[0],this.document[0].activeElement)||this.collapseAll(e)})},keydown:"_keydown"}),this.refresh(),this._on(this.document,{click:function(e){t(e.target).closest(".ui-menu").length||this.collapseAll(e),this.mouseHandled=!1}})},_destroy:function(){this.element.removeAttr("aria-activedescendant").find(".ui-menu").addBack().removeClass("ui-menu ui-widget ui-widget-content ui-corner-all ui-menu-icons").removeAttr("role").removeAttr("tabIndex").removeAttr("aria-labelledby").removeAttr("aria-expanded").removeAttr("aria-hidden").removeAttr("aria-disabled").removeUniqueId().show(),this.element.find(".ui-menu-item").removeClass("ui-menu-item").removeAttr("role").removeAttr("aria-disabled").children("a").removeUniqueId().removeClass("ui-corner-all ui-state-hover").removeAttr("tabIndex").removeAttr("role").removeAttr("aria-haspopup").children().each(function(){var e=t(this);e.data("ui-menu-submenu-carat")&&e.remove()}),this.element.find(".ui-menu-divider").removeClass("ui-menu-divider ui-widget-content")},_keydown:function(e){function i(t){return t.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g,"\\$&")}var s,n,a,o,r,l=!0;switch(e.keyCode){case t.ui.keyCode.PAGE_UP:this.previousPage(e);break;case t.ui.keyCode.PAGE_DOWN:this.nextPage(e);break;case t.ui.keyCode.HOME:this._move("first","first",e);break;case t.ui.keyCode.END:this._move("last","last",e);break;case t.ui.keyCode.UP:this.previous(e);break;case t.ui.keyCode.DOWN:this.next(e);break;case t.ui.keyCode.LEFT:this.collapse(e);break;case t.ui.keyCode.RIGHT:this.active&&!this.active.is(".ui-state-disabled")&&this.expand(e);break;case t.ui.keyCode.ENTER:case t.ui.keyCode.SPACE:this._activate(e);break;case t.ui.keyCode.ESCAPE:this.collapse(e);break;default:l=!1,n=this.previousFilter||"",a=String.fromCharCode(e.keyCode),o=!1,clearTimeout(this.filterTimer),a===n?o=!0:a=n+a,r=RegExp("^"+i(a),"i"),s=this.activeMenu.children(".ui-menu-item").filter(function(){return r.test(t(this).children("a").text())}),s=o&&-1!==s.index(this.active.next())?this.active.nextAll(".ui-menu-item"):s,s.length||(a=String.fromCharCode(e.keyCode),r=RegExp("^"+i(a),"i"),s=this.activeMenu.children(".ui-menu-item").filter(function(){return r.test(t(this).children("a").text())})),s.length?(this.focus(e,s),s.length>1?(this.previousFilter=a,this.filterTimer=this._delay(function(){delete this.previousFilter},1e3)):delete this.previousFilter):delete this.previousFilter}l&&e.preventDefault()},_activate:function(t){this.active.is(".ui-state-disabled")||(this.active.children("a[aria-haspopup='true']").length?this.expand(t):this.select(t))},refresh:function(){var e,i=this.options.icons.submenu,s=this.element.find(this.options.menus);s.filter(":not(.ui-menu)").addClass("ui-menu ui-widget ui-widget-content ui-corner-all").hide().attr({role:this.options.role,"aria-hidden":"true","aria-expanded":"false"}).each(function(){var e=t(this),s=e.prev("a"),n=t("").addClass("ui-menu-icon ui-icon "+i).data("ui-menu-submenu-carat",!0);s.attr("aria-haspopup","true").prepend(n),e.attr("aria-labelledby",s.attr("id"))}),e=s.add(this.element),e.children(":not(.ui-menu-item):has(a)").addClass("ui-menu-item").attr("role","presentation").children("a").uniqueId().addClass("ui-corner-all").attr({tabIndex:-1,role:this._itemRole()}),e.children(":not(.ui-menu-item)").each(function(){var e=t(this);/[^\-\u2014\u2013\s]/.test(e.text())||e.addClass("ui-widget-content ui-menu-divider")}),e.children(".ui-state-disabled").attr("aria-disabled","true"),this.active&&!t.contains(this.element[0],this.active[0])&&this.blur()},_itemRole:function(){return{menu:"menuitem",listbox:"option"}[this.options.role]},_setOption:function(t,e){"icons"===t&&this.element.find(".ui-menu-icon").removeClass(this.options.icons.submenu).addClass(e.submenu),this._super(t,e)},focus:function(t,e){var i,s;this.blur(t,t&&"focus"===t.type),this._scrollIntoView(e),this.active=e.first(),s=this.active.children("a").addClass("ui-state-focus"),this.options.role&&this.element.attr("aria-activedescendant",s.attr("id")),this.active.parent().closest(".ui-menu-item").children("a:first").addClass("ui-state-active"),t&&"keydown"===t.type?this._close():this.timer=this._delay(function(){this._close()},this.delay),i=e.children(".ui-menu"),i.length&&/^mouse/.test(t.type)&&this._startOpening(i),this.activeMenu=e.parent(),this._trigger("focus",t,{item:e})},_scrollIntoView:function(e){var i,s,n,a,o,r;this._hasScroll()&&(i=parseFloat(t.css(this.activeMenu[0],"borderTopWidth"))||0,s=parseFloat(t.css(this.activeMenu[0],"paddingTop"))||0,n=e.offset().top-this.activeMenu.offset().top-i-s,a=this.activeMenu.scrollTop(),o=this.activeMenu.height(),r=e.height(),0>n?this.activeMenu.scrollTop(a+n):n+r>o&&this.activeMenu.scrollTop(a+n-o+r))},blur:function(t,e){e||clearTimeout(this.timer),this.active&&(this.active.children("a").removeClass("ui-state-focus"),this.active=null,this._trigger("blur",t,{item:this.active}))},_startOpening:function(t){clearTimeout(this.timer),"true"===t.attr("aria-hidden")&&(this.timer=this._delay(function(){this._close(),this._open(t)},this.delay))},_open:function(e){var i=t.extend({of:this.active},this.options.position);clearTimeout(this.timer),this.element.find(".ui-menu").not(e.parents(".ui-menu")).hide().attr("aria-hidden","true"),e.show().removeAttr("aria-hidden").attr("aria-expanded","true").position(i)},collapseAll:function(e,i){clearTimeout(this.timer),this.timer=this._delay(function(){var s=i?this.element:t(e&&e.target).closest(this.element.find(".ui-menu"));s.length||(s=this.element),this._close(s),this.blur(e),this.activeMenu=s},this.delay)},_close:function(t){t||(t=this.active?this.active.parent():this.element),t.find(".ui-menu").hide().attr("aria-hidden","true").attr("aria-expanded","false").end().find("a.ui-state-active").removeClass("ui-state-active")},collapse:function(t){var e=this.active&&this.active.parent().closest(".ui-menu-item",this.element);e&&e.length&&(this._close(),this.focus(t,e))},expand:function(t){var e=this.active&&this.active.children(".ui-menu ").children(".ui-menu-item").first();e&&e.length&&(this._open(e.parent()),this._delay(function(){this.focus(t,e)}))},next:function(t){this._move("next","first",t)},previous:function(t){this._move("prev","last",t)},isFirstItem:function(){return this.active&&!this.active.prevAll(".ui-menu-item").length},isLastItem:function(){return this.active&&!this.active.nextAll(".ui-menu-item").length},_move:function(t,e,i){var s;this.active&&(s="first"===t||"last"===t?this.active["first"===t?"prevAll":"nextAll"](".ui-menu-item").eq(-1):this.active[t+"All"](".ui-menu-item").eq(0)),s&&s.length&&this.active||(s=this.activeMenu.children(".ui-menu-item")[e]()),this.focus(i,s)},nextPage:function(e){var i,s,n;return this.active?(this.isLastItem()||(this._hasScroll()?(s=this.active.offset().top,n=this.element.height(),this.active.nextAll(".ui-menu-item").each(function(){return i=t(this),0>i.offset().top-s-n}),this.focus(e,i)):this.focus(e,this.activeMenu.children(".ui-menu-item")[this.active?"last":"first"]())),undefined):(this.next(e),undefined)},previousPage:function(e){var i,s,n;return this.active?(this.isFirstItem()||(this._hasScroll()?(s=this.active.offset().top,n=this.element.height(),this.active.prevAll(".ui-menu-item").each(function(){return i=t(this),i.offset().top-s+n>0}),this.focus(e,i)):this.focus(e,this.activeMenu.children(".ui-menu-item").first())),undefined):(this.next(e),undefined)},_hasScroll:function(){return this.element.outerHeight()
/* LITIUM EDIT: Please note that iPad calculates scrolling wrong, more info: https://github.com/jquerytools/jquerytools/issues/464 User agent hack removed according to poul-kg in thread. */ /*! * jQuery Tools v1.2.7 - The missing UI library for the Web * * tabs/tabs.js * tooltip/tooltip.js * tooltip/tooltip.dynamic.js * tooltip/tooltip.slide.js * * NO COPYRIGHTS OR LICENSES. DO WHAT YOU LIKE. * * http://flowplayer.org/tools/ * */ /*Browser detection patch - Due to $.browser has been deprecated*/ jQuery.browser = {}; jQuery.browser.mozilla = /mozilla/.test(navigator.userAgent.toLowerCase()) && !/webkit/.test(navigator.userAgent.toLowerCase()); jQuery.browser.webkit = /webkit/.test(navigator.userAgent.toLowerCase()); jQuery.browser.opera = /opera/.test(navigator.userAgent.toLowerCase()); jQuery.browser.msie = /msie/.test(navigator.userAgent.toLowerCase()); (function(a){a.tools=a.tools||{version:"v1.2.7"},a.tools.tabs={conf:{tabs:"a",current:"current",onBeforeClick:null,onClick:null,effect:"default",initialEffect:!1,initialIndex:0,event:"click",rotate:!1,slideUpSpeed:400,slideDownSpeed:400,history:!1},addEffect:function(a,c){b[a]=c}};var b={"default":function(a,b){this.getPanes().hide().eq(a).show(),b.call()},fade:function(a,b){var c=this.getConf(),d=c.fadeOutSpeed,e=this.getPanes();d?e.fadeOut(d):e.hide(),e.eq(a).fadeIn(c.fadeInSpeed,b)},slide:function(a,b){var c=this.getConf();this.getPanes().slideUp(c.slideUpSpeed),this.getPanes().eq(a).slideDown(c.slideDownSpeed,b)},ajax:function(a,b){this.getPanes().eq(0).load(this.getTabs().eq(a).attr("href"),b)}},c,d;a.tools.tabs.addEffect("horizontal",function(b,e){if(!c){var f=this.getPanes().eq(b),g=this.getCurrentPane();d||(d=this.getPanes().eq(0).width()),c=!0,f.show(),g.animate({width:0},{step:function(a){f.css("width",d-a)},complete:function(){a(this).hide(),e.call(),c=!1}}),g.length||(e.call(),c=!1)}});function e(c,d,e){var f=this,g=c.add(this),h=c.find(e.tabs),i=d.jquery?d:c.children(d),j;h.length||(h=c.children()),i.length||(i=c.parent().find(d)),i.length||(i=a(d)),a.extend(this,{click:function(d,i){var k=h.eq(d),l=!c.data("tabs");typeof d=="string"&&d.replace("#","")&&(k=h.filter("[href*=\""+d.replace("#","")+"\"]"),d=Math.max(h.index(k),0));if(e.rotate){var m=h.length-1;if(d<0)return f.click(m,i);if(d>m)return f.click(0,i)}if(!k.length){if(j>=0)return f;d=e.initialIndex,k=h.eq(d)}if(d===j)return f;i=i||a.Event(),i.type="onBeforeClick",g.trigger(i,[d]);if(!i.isDefaultPrevented()){var n=l?e.initialEffect&&e.effect||"default":e.effect;b[n].call(f,d,function(){j=d,i.type="onClick",g.trigger(i,[d])}),h.removeClass(e.current),k.addClass(e.current);return f}},getConf:function(){return e},getTabs:function(){return h},getPanes:function(){return i},getCurrentPane:function(){return i.eq(j)},getCurrentTab:function(){return h.eq(j)},getIndex:function(){return j},next:function(){return f.click(j+1)},prev:function(){return f.click(j-1)},destroy:function(){h.off(e.event).removeClass(e.current),i.find("a[href^=\"#\"]").off("click.T");return f}}),a.each("onBeforeClick,onClick".split(","),function(b,c){a.isFunction(e[c])&&a(f).on(c,e[c]),f[c]=function(b){b&&a(f).on(c,b);return f}}),e.history&&a.fn.history&&(a.tools.history.init(h),e.event="history"),h.each(function(b){a(this).on(e.event,function(a){f.click(b,a);return a.preventDefault()})}),i.find("a[href^=\"#\"]").on("click.T",function(b){f.click(a(this).attr("href"),b)}),location.hash&&e.tabs=="a"&&c.find("[href=\""+location.hash+"\"]").length?f.click(location.hash):(e.initialIndex===0||e.initialIndex>0)&&f.click(e.initialIndex)}a.fn.tabs=function(b,c){var d=this.data("tabs");d&&(d.destroy(),this.removeData("tabs")),a.isFunction(c)&&(c={onBeforeClick:c}),c=a.extend({},a.tools.tabs.conf,c),this.each(function(){d=new e(a(this),b,c),a(this).data("tabs",d)});return c.api?d:this}})(jQuery); (function(a){a.tools=a.tools||{version:"v1.2.7"},a.tools.tooltip={conf:{effect:"toggle",fadeOutSpeed:"fast",predelay:0,delay:30,opacity:1,tip:0,fadeIE:!1,position:["top","center"],offset:[0,0],relative:!1,cancelDefault:!0,events:{def:"mouseenter,mouseleave",input:"focus,blur",widget:"focus mouseenter,blur mouseleave",tooltip:"mouseenter,mouseleave"},layout:"",tipClass:"tooltip"},addEffect:function(a,c,d){b[a]=[c,d]}};var b={toggle:[function(a){var b=this.getConf(),c=this.getTip(),d=b.opacity;d<1&&c.css({opacity:d}),c.show(),a.call()},function(a){this.getTip().hide(),a.call()}],fade:[function(b){var c=this.getConf();!a.browser.msie||c.fadeIE?this.getTip().fadeTo(c.fadeInSpeed,c.opacity,b):(this.getTip().show(),b())},function(b){var c=this.getConf();!a.browser.msie||c.fadeIE?this.getTip().fadeOut(c.fadeOutSpeed,b):(this.getTip().hide(),b())}]};function c(b,c,d){var e=d.relative?b.position().top:b.offset().top,f=d.relative?b.position().left:b.offset().left,g=d.position[0];e-=c.outerHeight()-d.offset[0],f+=b.outerWidth()+d.offset[1];var h=c.outerHeight()+b.outerHeight();g=="center"&&(e+=h/2),g=="bottom"&&(e+=h),g=d.position[1];var i=c.outerWidth()+b.outerWidth();g=="center"&&(f-=i/2),g=="left"&&(f-=i);return{top:e,left:f}}function d(d,e){var f=this,g=d.add(f),h,i=0,j=0,k=d.attr("title"),l=d.attr("data-tooltip"),m=b[e.effect],n,o=d.is(":input"),p=o&&d.is(":checkbox, :radio, select, :button, :submit"),q=d.attr("type"),r=e.events[q]||e.events[o?p?"widget":"input":"def"];if(!m)throw"Nonexistent effect \""+e.effect+"\"";r=r.split(/,\s*/);if(r.length!=2)throw"Tooltip: bad events configuration for "+q;d.on(r[0],function(a){clearTimeout(i),e.predelay?j=setTimeout(function(){f.show(a)},e.predelay):f.show(a)}).on(r[1],function(a){clearTimeout(j),e.delay?i=setTimeout(function(){f.hide(a)},e.delay):f.hide(a)}),k&&e.cancelDefault&&(d.removeAttr("title"),d.data("title",k)),a.extend(f,{show:function(b){if(!h){l?h=a(l):e.tip?h=a(e.tip).eq(0):k?h=a(e.layout).addClass(e.tipClass).appendTo(document.body).hide().append(k):(h=d.next(),h.length||(h=d.parent().next()));if(!h.length)throw"Cannot find tooltip for "+d}if(f.isShown())return f;h.stop(!0,!0);var o=c(d,h,e);e.tip&&h.html(d.data("title")),b=a.Event(),b.type="onBeforeShow",g.trigger(b,[o]);if(b.isDefaultPrevented())return f;o=c(d,h,e),h.css({position:"absolute",top:o.top,left:o.left}),n=!0,m[0].call(f,function(){b.type="onShow",n="full",g.trigger(b)});var p=e.events.tooltip.split(/,\s*/);h.data("__set")||(h.off(p[0]).on(p[0],function(){clearTimeout(i),clearTimeout(j)}),p[1]&&!d.is("input:not(:checkbox, :radio), textarea")&&h.off(p[1]).on(p[1],function(a){a.relatedTarget!=d[0]&&d.trigger(r[1].split(" ")[0])}),e.tip||h.data("__set",!0));return f},hide:function(c){if(!h||!f.isShown())return f;c=a.Event(),c.type="onBeforeHide",g.trigger(c);if(!c.isDefaultPrevented()){n=!1,b[e.effect][1].call(f,function(){c.type="onHide",g.trigger(c)});return f}},isShown:function(a){return a?n=="full":n},getConf:function(){return e},getTip:function(){return h},getTrigger:function(){return d}}),a.each("onHide,onBeforeShow,onShow,onBeforeHide".split(","),function(b,c){a.isFunction(e[c])&&a(f).on(c,e[c]),f[c]=function(b){b&&a(f).on(c,b);return f}})}a.fn.tooltip=function(b){var c=this.data("tooltip");if(c)return c;b=a.extend(!0,{},a.tools.tooltip.conf,b),typeof b.position=="string"&&(b.position=b.position.split(/,?\s/)),this.each(function(){c=new d(a(this),b),a(this).data("tooltip",c)});return b.api?c:this}})(jQuery); (function(a){var b=a.tools.tooltip;b.dynamic={conf:{classNames:"top right bottom left"}};function c(b){var c=a(window),d=c.width()+c.scrollLeft(),e=c.height()+c.scrollTop();return[b.offset().top<=c.scrollTop(),d<=b.offset().left+b.width(),e<=b.offset().top+b.height(),c.scrollLeft()>=b.offset().left]}function d(a){var b=a.length;while(b--)if(a[b])return!1;return!0}a.fn.dynamic=function(e){typeof e=="number"&&(e={speed:e}),e=a.extend({},b.dynamic.conf,e);var f=a.extend(!0,{},e),g=e.classNames.split(/\s/),h;this.each(function(){var b=a(this).tooltip().onBeforeShow(function(b,e){var i=this.getTip(),j=this.getConf();h||(h=[j.position[0],j.position[1],j.offset[0],j.offset[1],a.extend({},j)]),a.extend(j,h[4]),j.position=[h[0],h[1]],j.offset=[h[2],h[3]],i.css({visibility:"hidden",position:"absolute",top:e.top,left:e.left}).show();var k=a.extend(!0,{},f),l=c(i);if(!d(l)){l[2]&&(a.extend(j,k.top),j.position[0]="top",i.addClass(g[0])),l[3]&&(a.extend(j,k.right),j.position[1]="right",i.addClass(g[1])),l[0]&&(a.extend(j,k.bottom),j.position[0]="bottom",i.addClass(g[2])),l[1]&&(a.extend(j,k.left),j.position[1]="left",i.addClass(g[3]));if(l[0]||l[2])j.offset[0]*=-1;if(l[1]||l[3])j.offset[1]*=-1}i.css({visibility:"visible"}).hide()});b.onBeforeShow(function(){var a=this.getConf(),b=this.getTip();setTimeout(function(){a.position=[h[0],h[1]],a.offset=[h[2],h[3]]},0)}),b.onHide(function(){var a=this.getTip();a.removeClass(e.classNames)}),ret=b});return e.api?ret:this}})(jQuery); (function(a){var b=a.tools.tooltip;a.extend(b.conf,{direction:"up",bounce:!1,slideOffset:10,slideInSpeed:200,slideOutSpeed:200,slideFade:!a.browser.msie});var c={up:["-","top"],down:["+","top"],left:["-","left"],right:["+","left"]};b.addEffect("slide",function(a){var b=this.getConf(),d=this.getTip(),e=b.slideFade?{opacity:b.opacity}:{},f=c[b.direction]||c.up;e[f[1]]=f[0]+"="+b.slideOffset,b.slideFade&&d.css({opacity:0}),d.show().animate(e,b.slideInSpeed,a)},function(b){var d=this.getConf(),e=d.slideOffset,f=d.slideFade?{opacity:0}:{},g=c[d.direction]||c.up,h=""+g[0];d.bounce&&(h=h=="+"?"-":"+"),f[g[1]]=h+"="+e,this.getTip().animate(f,d.slideOutSpeed,function(){a(this).hide(),b.call()})})})(jQuery); // jquery.event.move // // 1.3.1 // // Stephen Band // // Triggers 'movestart', 'move' and 'moveend' events after // mousemoves following a mousedown cross a distance threshold, // similar to the native 'dragstart', 'drag' and 'dragend' events. // Move events are throttled to animation frames. Move event objects // have the properties: // // pageX: // pageY: Page coordinates of pointer. // startX: // startY: Page coordinates of pointer at movestart. // distX: // distY: Distance the pointer has moved since movestart. // deltaX: // deltaY: Distance the finger has moved since last event. // velocityX: // velocityY: Average velocity over last few events. (function (module) { if (typeof define === 'function' && define.amd) { // AMD. Register as an anonymous module. define(['jquery'], module); } else { // Browser globals module(jQuery); } })(function(jQuery, undefined){ var // Number of pixels a pressed pointer travels before movestart // event is fired. threshold = 6, add = jQuery.event.add, remove = jQuery.event.remove, // Just sugar, so we can have arguments in the same order as // add and remove. trigger = function(node, type, data) { jQuery.event.trigger(type, data, node); }, // Shim for requestAnimationFrame, falling back to timer. See: // see http://paulirish.com/2011/requestanimationframe-for-smart-animating/ requestFrame = (function(){ return ( window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(fn, element){ return window.setTimeout(function(){ fn(); }, 25); } ); })(), ignoreTags = { textarea: true, input: true, select: true, button: true }, mouseevents = { move: 'mousemove', cancel: 'mouseup dragstart', end: 'mouseup' }, touchevents = { move: 'touchmove', cancel: 'touchend', end: 'touchend' }; // Constructors function Timer(fn){ var callback = fn, active = false, running = false; function trigger(time) { if (active){ callback(); requestFrame(trigger); running = true; active = false; } else { running = false; } } this.kick = function(fn) { active = true; if (!running) { trigger(); } }; this.end = function(fn) { var cb = callback; if (!fn) { return; } // If the timer is not running, simply call the end callback. if (!running) { fn(); } // If the timer is running, and has been kicked lately, then // queue up the current callback and the end callback, otherwise // just the end callback. else { callback = active ? function(){ cb(); fn(); } : fn ; active = true; } }; } // Functions function returnTrue() { return true; } function returnFalse() { return false; } function preventDefault(e) { e.preventDefault(); } function preventIgnoreTags(e) { // Don't prevent interaction with form elements. if (ignoreTags[ e.target.tagName.toLowerCase() ]) { return; } e.preventDefault(); } function isLeftButton(e) { // Ignore mousedowns on any button other than the left (or primary) // mouse button, or when a modifier key is pressed. return (e.which === 1 && !e.ctrlKey && !e.altKey); } function identifiedTouch(touchList, id) { var i, l; if (touchList.identifiedTouch) { return touchList.identifiedTouch(id); } // touchList.identifiedTouch() does not exist in // webkit yet… we must do the search ourselves... i = -1; l = touchList.length; while (++i < l) { if (touchList[i].identifier === id) { return touchList[i]; } } } function changedTouch(e, event) { var touch = identifiedTouch(e.changedTouches, event.identifier); // This isn't the touch you're looking for. if (!touch) { return; } // Chrome Android (at least) includes touches that have not // changed in e.changedTouches. That's a bit annoying. Check // that this touch has changed. if (touch.pageX === event.pageX && touch.pageY === event.pageY) { return; } return touch; } // Handlers that decide when the first movestart is triggered function mousedown(e){ var data; if (!isLeftButton(e)) { return; } data = { target: e.target, startX: e.pageX, startY: e.pageY, timeStamp: e.timeStamp }; add(document, mouseevents.move, mousemove, data); add(document, mouseevents.cancel, mouseend, data); } function mousemove(e){ var data = e.data; checkThreshold(e, data, e, removeMouse); } function mouseend(e) { removeMouse(); } function removeMouse() { remove(document, mouseevents.move, mousemove); remove(document, mouseevents.cancel, removeMouse); } function touchstart(e) { var touch, template; // Don't get in the way of interaction with form elements. if (ignoreTags[ e.target.tagName.toLowerCase() ]) { return; } touch = e.changedTouches[0]; // iOS live updates the touch objects whereas Android gives us copies. // That means we can't trust the touchstart object to stay the same, // so we must copy the data. This object acts as a template for // movestart, move and moveend event objects. template = { target: touch.target, startX: touch.pageX, startY: touch.pageY, timeStamp: e.timeStamp, identifier: touch.identifier }; // Use the touch identifier as a namespace, so that we can later // remove handlers pertaining only to this touch. add(document, touchevents.move + '.' + touch.identifier, touchmove, template); add(document, touchevents.cancel + '.' + touch.identifier, touchend, template); } function touchmove(e){ var data = e.data, touch = changedTouch(e, data); if (!touch) { return; } checkThreshold(e, data, touch, removeTouch); } function touchend(e) { var template = e.data, touch = identifiedTouch(e.changedTouches, template.identifier); if (!touch) { return; } removeTouch(template.identifier); } function removeTouch(identifier) { remove(document, '.' + identifier, touchmove); remove(document, '.' + identifier, touchend); } // Logic for deciding when to trigger a movestart. function checkThreshold(e, template, touch, fn) { var distX = touch.pageX - template.startX, distY = touch.pageY - template.startY; // Do nothing if the threshold has not been crossed. if ((distX * distX) + (distY * distY) < (threshold * threshold)) { return; } triggerStart(e, template, touch, distX, distY, fn); } function handled() { // this._handled should return false once, and after return true. this._handled = returnTrue; return false; } function flagAsHandled(e) { e._handled(); } function triggerStart(e, template, touch, distX, distY, fn) { var node = template.target, touches, time; touches = e.targetTouches; time = e.timeStamp - template.timeStamp; // Create a movestart object with some special properties that // are passed only to the movestart handlers. template.type = 'movestart'; template.distX = distX; template.distY = distY; template.deltaX = distX; template.deltaY = distY; template.pageX = touch.pageX; template.pageY = touch.pageY; template.velocityX = distX / time; template.velocityY = distY / time; template.targetTouches = touches; template.finger = touches ? touches.length : 1 ; // The _handled method is fired to tell the default movestart // handler that one of the move events is bound. template._handled = handled; // Pass the touchmove event so it can be prevented if or when // movestart is handled. template._preventTouchmoveDefault = function() { e.preventDefault(); }; // Trigger the movestart event. trigger(template.target, template); // Unbind handlers that tracked the touch or mouse up till now. fn(template.identifier); } // Handlers that control what happens following a movestart function activeMousemove(e) { var event = e.data.event, timer = e.data.timer; updateEvent(event, e, e.timeStamp, timer); } function activeMouseend(e) { var event = e.data.event, timer = e.data.timer; removeActiveMouse(); endEvent(event, timer, function() { // Unbind the click suppressor, waiting until after mouseup // has been handled. setTimeout(function(){ remove(event.target, 'click', returnFalse); }, 0); }); } function removeActiveMouse(event) { remove(document, mouseevents.move, activeMousemove); remove(document, mouseevents.end, activeMouseend); } function activeTouchmove(e) { var event = e.data.event, timer = e.data.timer, touch = changedTouch(e, event); if (!touch) { return; } // Stop the interface from gesturing e.preventDefault(); event.targetTouches = e.targetTouches; updateEvent(event, touch, e.timeStamp, timer); } function activeTouchend(e) { var event = e.data.event, timer = e.data.timer, touch = identifiedTouch(e.changedTouches, event.identifier); // This isn't the touch you're looking for. if (!touch) { return; } removeActiveTouch(event); endEvent(event, timer); } function removeActiveTouch(event) { remove(document, '.' + event.identifier, activeTouchmove); remove(document, '.' + event.identifier, activeTouchend); } // Logic for triggering move and moveend events function updateEvent(event, touch, timeStamp, timer) { var time = timeStamp - event.timeStamp; event.type = 'move'; event.distX = touch.pageX - event.startX; event.distY = touch.pageY - event.startY; event.deltaX = touch.pageX - event.pageX; event.deltaY = touch.pageY - event.pageY; // Average the velocity of the last few events using a decay // curve to even out spurious jumps in values. event.velocityX = 0.3 * event.velocityX + 0.7 * event.deltaX / time; event.velocityY = 0.3 * event.velocityY + 0.7 * event.deltaY / time; event.pageX = touch.pageX; event.pageY = touch.pageY; timer.kick(); } function endEvent(event, timer, fn) { timer.end(function(){ event.type = 'moveend'; trigger(event.target, event); return fn && fn(); }); } // jQuery special event definition function setup(data, namespaces, eventHandle) { // Stop the node from being dragged //add(this, 'dragstart.move drag.move', preventDefault); // Prevent text selection and touch interface scrolling //add(this, 'mousedown.move', preventIgnoreTags); // Tell movestart default handler that we've handled this add(this, 'movestart.move', flagAsHandled); // Don't bind to the DOM. For speed. return true; } function teardown(namespaces) { remove(this, 'dragstart drag', preventDefault); remove(this, 'mousedown touchstart', preventIgnoreTags); remove(this, 'movestart', flagAsHandled); // Don't bind to the DOM. For speed. return true; } function addMethod(handleObj) { // We're not interested in preventing defaults for handlers that // come from internal move or moveend bindings if (handleObj.namespace === "move" || handleObj.namespace === "moveend") { return; } // Stop the node from being dragged add(this, 'dragstart.' + handleObj.guid + ' drag.' + handleObj.guid, preventDefault, undefined, handleObj.selector); // Prevent text selection and touch interface scrolling add(this, 'mousedown.' + handleObj.guid, preventIgnoreTags, undefined, handleObj.selector); } function removeMethod(handleObj) { if (handleObj.namespace === "move" || handleObj.namespace === "moveend") { return; } remove(this, 'dragstart.' + handleObj.guid + ' drag.' + handleObj.guid); remove(this, 'mousedown.' + handleObj.guid); } jQuery.event.special.movestart = { setup: setup, teardown: teardown, add: addMethod, remove: removeMethod, _default: function(e) { var template, data; // If no move events were bound to any ancestors of this // target, high tail it out of here. if (!e._handled()) { return; } template = { target: e.target, startX: e.startX, startY: e.startY, pageX: e.pageX, pageY: e.pageY, distX: e.distX, distY: e.distY, deltaX: e.deltaX, deltaY: e.deltaY, velocityX: e.velocityX, velocityY: e.velocityY, timeStamp: e.timeStamp, identifier: e.identifier, targetTouches: e.targetTouches, finger: e.finger }; data = { event: template, timer: new Timer(function(time){ trigger(e.target, template); }) }; if (e.identifier === undefined) { // We're dealing with a mouse // Stop clicks from propagating during a move add(e.target, 'click', returnFalse); add(document, mouseevents.move, activeMousemove, data); add(document, mouseevents.end, activeMouseend, data); } else { // We're dealing with a touch. Stop touchmove doing // anything defaulty. e._preventTouchmoveDefault(); add(document, touchevents.move + '.' + e.identifier, activeTouchmove, data); add(document, touchevents.end + '.' + e.identifier, activeTouchend, data); } } }; jQuery.event.special.move = { setup: function() { // Bind a noop to movestart. Why? It's the movestart // setup that decides whether other move events are fired. add(this, 'movestart.move', jQuery.noop); }, teardown: function() { remove(this, 'movestart.move', jQuery.noop); } }; jQuery.event.special.moveend = { setup: function() { // Bind a noop to movestart. Why? It's the movestart // setup that decides whether other move events are fired. add(this, 'movestart.moveend', jQuery.noop); }, teardown: function() { remove(this, 'movestart.moveend', jQuery.noop); } }; add(document, 'mousedown.move', mousedown); add(document, 'touchstart.move', touchstart); // Make jQuery copy touch event properties over to the jQuery event // object, if they are not already listed. But only do the ones we // really need. IE7/8 do not have Array#indexOf(), but nor do they // have touch events, so let's assume we can ignore them. if (typeof Array.prototype.indexOf === 'function') { (function(jQuery, undefined){ var props = ["changedTouches", "targetTouches"], l = props.length; while (l--) { if (jQuery.event.props.indexOf(props[l]) === -1) { jQuery.event.props.push(props[l]); } } })(jQuery); }; }); // jQuery.event.swipe // 0.5 // Stephen Band // Dependencies // jQuery.event.move 1.2 // One of swipeleft, swiperight, swipeup or swipedown is triggered on // moveend, when the move has covered a threshold ratio of the dimension // of the target node, or has gone really fast. Threshold and velocity // sensitivity changed with: // // jQuery.event.special.swipe.settings.threshold // jQuery.event.special.swipe.settings.sensitivity (function (module) { if (typeof define === 'function' && define.amd) { // AMD. Register as an anonymous module. define(['jquery'], module); } else { // Browser globals module(jQuery); } })(function(jQuery, undefined){ var add = jQuery.event.add, remove = jQuery.event.remove, // Just sugar, so we can have arguments in the same order as // add and remove. trigger = function(node, type, data) { jQuery.event.trigger(type, data, node); }, settings = { // Ratio of distance over target finger must travel to be // considered a swipe. threshold: 0.4, // Faster fingers can travel shorter distances to be considered // swipes. 'sensitivity' controls how much. Bigger is shorter. sensitivity: 6 }; function moveend(e) { var w, h, event; w = e.target.offsetWidth; h = e.target.offsetHeight; // Copy over some useful properties from the move event event = { distX: e.distX, distY: e.distY, velocityX: e.velocityX, velocityY: e.velocityY, finger: e.finger }; // Find out which of the four directions was swiped if (e.distX > e.distY) { if (e.distX > -e.distY) { if (e.distX/w > settings.threshold || e.velocityX * e.distX/w * settings.sensitivity > 1) { event.type = 'swiperight'; trigger(e.currentTarget, event); } } else { if (-e.distY/h > settings.threshold || e.velocityY * e.distY/w * settings.sensitivity > 1) { event.type = 'swipeup'; trigger(e.currentTarget, event); } } } else { if (e.distX > -e.distY) { if (e.distY/h > settings.threshold || e.velocityY * e.distY/w * settings.sensitivity > 1) { event.type = 'swipedown'; trigger(e.currentTarget, event); } } else { if (-e.distX/w > settings.threshold || e.velocityX * e.distX/w * settings.sensitivity > 1) { event.type = 'swipeleft'; trigger(e.currentTarget, event); } } } } function getData(node) { var data = jQuery.data(node, 'event_swipe'); if (!data) { data = { count: 0 }; jQuery.data(node, 'event_swipe', data); } return data; } jQuery.event.special.swipe = jQuery.event.special.swipeleft = jQuery.event.special.swiperight = jQuery.event.special.swipeup = jQuery.event.special.swipedown = { setup: function( data, namespaces, eventHandle ) { var data = getData(this); // If another swipe event is already setup, don't setup again. if (data.count++ > 0) { return; } add(this, 'moveend', moveend); return true; }, teardown: function() { var data = getData(this); // If another swipe event is still setup, don't teardown. if (--data.count > 0) { return; } remove(this, 'moveend', moveend); return true; }, settings: settings }; }); //https://github.com/furf/jquery-ui-touch-punch /*! * jQuery UI Touch Punch 0.2.2 * * Copyright 2011, Dave Furfero * Dual licensed under the MIT or GPL Version 2 licenses. * * Depends: * jquery.ui.widget.js * jquery.ui.mouse.js */ (function ($) { // Detect touch support $.support.touch = 'ontouchend' in document; // Ignore browsers without touch support if (!$.support.touch) { return; } var mouseProto = $.ui.mouse.prototype, _mouseInit = mouseProto._mouseInit, touchHandled; /** * Simulate a mouse event based on a corresponding touch event * @param {Object} event A touch event * @param {String} simulatedType The corresponding mouse event */ function simulateMouseEvent(event, simulatedType) { // Ignore multi-touch events if (event.originalEvent.touches.length > 1) { return; } event.preventDefault(); var touch = event.originalEvent.changedTouches[0], simulatedEvent = document.createEvent('MouseEvents'); // Initialize the simulated mouse event using the touch event's coordinates simulatedEvent.initMouseEvent( simulatedType, // type true, // bubbles true, // cancelable window, // view 1, // detail touch.screenX, // screenX touch.screenY, // screenY touch.clientX, // clientX touch.clientY, // clientY false, // ctrlKey false, // altKey false, // shiftKey false, // metaKey 0, // button null // relatedTarget ); // Dispatch the simulated event to the target element event.target.dispatchEvent(simulatedEvent); } /** * Handle the jQuery UI widget's touchstart events * @param {Object} event The widget element's touchstart event */ mouseProto._touchStart = function (event) { var self = this; // Ignore the event if another widget is already being handled if (touchHandled || !self._mouseCapture(event.originalEvent.changedTouches[0])) { return; } // Set the flag to prevent other widgets from inheriting the touch event touchHandled = true; // Track movement to determine if interaction was a click self._touchMoved = false; // Simulate the mouseover event simulateMouseEvent(event, 'mouseover'); // Simulate the mousemove event simulateMouseEvent(event, 'mousemove'); // Simulate the mousedown event simulateMouseEvent(event, 'mousedown'); }; /** * Handle the jQuery UI widget's touchmove events * @param {Object} event The document's touchmove event */ mouseProto._touchMove = function (event) { // Ignore event if not handled if (!touchHandled) { return; } // Interaction was not a click this._touchMoved = true; // Simulate the mousemove event simulateMouseEvent(event, 'mousemove'); }; /** * Handle the jQuery UI widget's touchend events * @param {Object} event The document's touchend event */ mouseProto._touchEnd = function (event) { // Ignore event if not handled if (!touchHandled) { return; } // Simulate the mouseup event simulateMouseEvent(event, 'mouseup'); // Simulate the mouseout event simulateMouseEvent(event, 'mouseout'); // If the touch interaction did not move, it should trigger a click if (!this._touchMoved) { // Simulate the click event simulateMouseEvent(event, 'click'); } // Unset the flag to allow other widgets to inherit the touch event touchHandled = false; }; /** * A duck punch of the $.ui.mouse _mouseInit method to support touch events. * This method extends the widget with bound touch event handlers that * translate touch events to mouse events and pass them to the widget's * original mouse event handling methods. */ mouseProto._mouseInit = function () { var self = this; // Delegate the touch handlers to the widget's element self.element .bind('touchstart', $.proxy(self, '_touchStart')) .bind('touchmove', $.proxy(self, '_touchMove')) .bind('touchend', $.proxy(self, '_touchEnd')); // Call the original $.ui.mouse init method _mouseInit.call(self); }; })(jQuery); /* this is history.js with jQuery-adapter, not the same as jquery.history.js https://github.com/browserstate/history.js/tree/master/scripts/bundled-uncompressed/html4%2Bhtml5 */ /* json2.js 2012-10-08 Public Domain. NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK. See http://www.JSON.org/js.html This code should be minified before deployment. See http://javascript.crockford.com/jsmin.html USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD CODE FROM SERVERS YOU DO NOT CONTROL. This file creates a global JSON object containing two methods: stringify and parse. JSON.stringify(value, replacer, space) value any JavaScript value, usually an object or array. replacer an optional parameter that determines how object values are stringified for objects. It can be a function or an array of strings. space an optional parameter that specifies the indentation of nested structures. If it is omitted, the text will be packed without extra whitespace. If it is a number, it will specify the number of spaces to indent at each level. If it is a string (such as '\t' or ' '), it contains the characters used to indent at each level. This method produces a JSON text from a JavaScript value. When an object value is found, if the object contains a toJSON method, its toJSON method will be called and the result will be stringified. A toJSON method does not serialize: it returns the value represented by the name/value pair that should be serialized, or undefined if nothing should be serialized. The toJSON method will be passed the key associated with the value, and this will be bound to the value For example, this would serialize Dates as ISO strings. Date.prototype.toJSON = function (key) { function f(n) { // Format integers to have at least two digits. return n < 10 ? '0' + n : n; } return this.getUTCFullYear() + '-' + f(this.getUTCMonth() + 1) + '-' + f(this.getUTCDate()) + 'T' + f(this.getUTCHours()) + ':' + f(this.getUTCMinutes()) + ':' + f(this.getUTCSeconds()) + 'Z'; }; You can provide an optional replacer method. It will be passed the key and value of each member, with this bound to the containing object. The value that is returned from your method will be serialized. If your method returns undefined, then the member will be excluded from the serialization. If the replacer parameter is an array of strings, then it will be used to select the members to be serialized. It filters the results such that only members with keys listed in the replacer array are stringified. Values that do not have JSON representations, such as undefined or functions, will not be serialized. Such values in objects will be dropped; in arrays they will be replaced with null. You can use a replacer function to replace those with JSON values. JSON.stringify(undefined) returns undefined. The optional space parameter produces a stringification of the value that is filled with line breaks and indentation to make it easier to read. If the space parameter is a non-empty string, then that string will be used for indentation. If the space parameter is a number, then the indentation will be that many spaces. Example: text = JSON.stringify(['e', {pluribus: 'unum'}]); // text is '["e",{"pluribus":"unum"}]' text = JSON.stringify(['e', {pluribus: 'unum'}], null, '\t'); // text is '[\n\t"e",\n\t{\n\t\t"pluribus": "unum"\n\t}\n]' text = JSON.stringify([new Date()], function (key, value) { return this[key] instanceof Date ? 'Date(' + this[key] + ')' : value; }); // text is '["Date(---current time---)"]' JSON.parse(text, reviver) This method parses a JSON text to produce an object or array. It can throw a SyntaxError exception. The optional reviver parameter is a function that can filter and transform the results. It receives each of the keys and values, and its return value is used instead of the original value. If it returns what it received, then the structure is not modified. If it returns undefined then the member is deleted. Example: // Parse the text. Values that look like ISO date strings will // be converted to Date objects. myData = JSON.parse(text, function (key, value) { var a; if (typeof value === 'string') { a = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value); if (a) { return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4], +a[5], +a[6])); } } return value; }); myData = JSON.parse('["Date(09/09/2001)"]', function (key, value) { var d; if (typeof value === 'string' && value.slice(0, 5) === 'Date(' && value.slice(-1) === ')') { d = new Date(value.slice(5, -1)); if (d) { return d; } } return value; }); This is a reference implementation. You are free to copy, modify, or redistribute. */ /*jslint evil: true, regexp: true */ /*members "", "\b", "\t", "\n", "\f", "\r", "\"", JSON, "\\", apply, call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours, getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join, lastIndex, length, parse, prototype, push, replace, slice, stringify, test, toJSON, toString, valueOf */ // Create a JSON object only if one does not already exist. We create the // methods in a closure to avoid creating global variables. if (typeof JSON !== 'object') { JSON = {}; } (function () { 'use strict'; function f(n) { // Format integers to have at least two digits. return n < 10 ? '0' + n : n; } if (typeof Date.prototype.toJSON !== 'function') { Date.prototype.toJSON = function (key) { return isFinite(this.valueOf()) ? this.getUTCFullYear() + '-' + f(this.getUTCMonth() + 1) + '-' + f(this.getUTCDate()) + 'T' + f(this.getUTCHours()) + ':' + f(this.getUTCMinutes()) + ':' + f(this.getUTCSeconds()) + 'Z' : null; }; String.prototype.toJSON = Number.prototype.toJSON = Boolean.prototype.toJSON = function (key) { return this.valueOf(); }; } var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g, escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g, gap, indent, meta = { // table of character substitutions '\b': '\\b', '\t': '\\t', '\n': '\\n', '\f': '\\f', '\r': '\\r', '"': '\\"', '\\': '\\\\' }, rep; function quote(string) { // If the string contains no control characters, no quote characters, and no // backslash characters, then we can safely slap some quotes around it. // Otherwise we must also replace the offending characters with safe escape // sequences. escapable.lastIndex = 0; return escapable.test(string) ? '"' + string.replace(escapable, function (a) { var c = meta[a]; return typeof c === 'string' ? c : '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4); }) + '"' : '"' + string + '"'; } function str(key, holder) { // Produce a string from holder[key]. var i, // The loop counter. k, // The member key. v, // The member value. length, mind = gap, partial, value = holder[key]; // If the value has a toJSON method, call it to obtain a replacement value. if (value && typeof value === 'object' && typeof value.toJSON === 'function') { value = value.toJSON(key); } // If we were called with a replacer function, then call the replacer to // obtain a replacement value. if (typeof rep === 'function') { value = rep.call(holder, key, value); } // What happens next depends on the value's type. switch (typeof value) { case 'string': return quote(value); case 'number': // JSON numbers must be finite. Encode non-finite numbers as null. return isFinite(value) ? String(value) : 'null'; case 'boolean': case 'null': // If the value is a boolean or null, convert it to a string. Note: // typeof null does not produce 'null'. The case is included here in // the remote chance that this gets fixed someday. return String(value); // If the type is 'object', we might be dealing with an object or an array or // null. case 'object': // Due to a specification blunder in ECMAScript, typeof null is 'object', // so watch out for that case. if (!value) { return 'null'; } // Make an array to hold the partial results of stringifying this object value. gap += indent; partial = []; // Is the value an array? if (Object.prototype.toString.apply(value) === '[object Array]') { // The value is an array. Stringify every element. Use null as a placeholder // for non-JSON values. length = value.length; for (i = 0; i < length; i += 1) { partial[i] = str(i, value) || 'null'; } // Join all of the elements together, separated with commas, and wrap them in // brackets. v = partial.length === 0 ? '[]' : gap ? '[\n' + gap + partial.join(',\n' + gap) + '\n' + mind + ']' : '[' + partial.join(',') + ']'; gap = mind; return v; } // If the replacer is an array, use it to select the members to be stringified. if (rep && typeof rep === 'object') { length = rep.length; for (i = 0; i < length; i += 1) { if (typeof rep[i] === 'string') { k = rep[i]; v = str(k, value); if (v) { partial.push(quote(k) + (gap ? ': ' : ':') + v); } } } } else { // Otherwise, iterate through all of the keys in the object. for (k in value) { if (Object.prototype.hasOwnProperty.call(value, k)) { v = str(k, value); if (v) { partial.push(quote(k) + (gap ? ': ' : ':') + v); } } } } // Join all of the member texts together, separated with commas, // and wrap them in braces. v = partial.length === 0 ? '{}' : gap ? '{\n' + gap + partial.join(',\n' + gap) + '\n' + mind + '}' : '{' + partial.join(',') + '}'; gap = mind; return v; } } // If the JSON object does not yet have a stringify method, give it one. if (typeof JSON.stringify !== 'function') { JSON.stringify = function (value, replacer, space) { // The stringify method takes a value and an optional replacer, and an optional // space parameter, and returns a JSON text. The replacer can be a function // that can replace values, or an array of strings that will select the keys. // A default replacer method can be provided. Use of the space parameter can // produce text that is more easily readable. var i; gap = ''; indent = ''; // If the space parameter is a number, make an indent string containing that // many spaces. if (typeof space === 'number') { for (i = 0; i < space; i += 1) { indent += ' '; } // If the space parameter is a string, it will be used as the indent string. } else if (typeof space === 'string') { indent = space; } // If there is a replacer, it must be a function or an array. // Otherwise, throw an error. rep = replacer; if (replacer && typeof replacer !== 'function' && (typeof replacer !== 'object' || typeof replacer.length !== 'number')) { throw new Error('JSON.stringify'); } // Make a fake root object containing our value under the key of ''. // Return the result of stringifying the value. return str('', { '': value }); }; } // If the JSON object does not yet have a parse method, give it one. if (typeof JSON.parse !== 'function') { JSON.parse = function (text, reviver) { // The parse method takes a text and an optional reviver function, and returns // a JavaScript value if the text is a valid JSON text. var j; function walk(holder, key) { // The walk method is used to recursively walk the resulting structure so // that modifications can be made. var k, v, value = holder[key]; if (value && typeof value === 'object') { for (k in value) { if (Object.prototype.hasOwnProperty.call(value, k)) { v = walk(value, k); if (v !== undefined) { value[k] = v; } else { delete value[k]; } } } } return reviver.call(holder, key, value); } // Parsing happens in four stages. In the first stage, we replace certain // Unicode characters with escape sequences. JavaScript handles many characters // incorrectly, either silently deleting them, or treating them as line endings. text = String(text); cx.lastIndex = 0; if (cx.test(text)) { text = text.replace(cx, function (a) { return '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4); }); } // In the second stage, we run the text against regular expressions that look // for non-JSON patterns. We are especially concerned with '()' and 'new' // because they can cause invocation, and '=' because it can cause mutation. // But just to be safe, we want to reject all unexpected forms. // We split the second stage into 4 regexp operations in order to work around // crippling inefficiencies in IE's and Safari's regexp engines. First we // replace the JSON backslash pairs with '@' (a non-JSON character). Second, we // replace all simple value tokens with ']' characters. Third, we delete all // open brackets that follow a colon or comma or that begin the text. Finally, // we look to see that the remaining characters are only whitespace or ']' or // ',' or ':' or '{' or '}'. If that is so, then the text is safe for eval. if (/^[\],:{}\s]*$/ .test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@') .replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']') .replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) { // In the third stage we use the eval function to compile the text into a // JavaScript structure. The '{' operator is subject to a syntactic ambiguity // in JavaScript: it can begin a block or an object literal. We wrap the text // in parens to eliminate the ambiguity. j = eval('(' + text + ')'); // In the optional fourth stage, we recursively walk the new structure, passing // each name/value pair to a reviver function for possible transformation. return typeof reviver === 'function' ? walk({ '': j }, '') : j; } // If the text is not JSON parseable, then a SyntaxError is thrown. throw new SyntaxError('JSON.parse'); }; } }());/** * History.js jQuery Adapter * @author Benjamin Arthur Lupton ` element if it exists * @return {String} baseHref */ History.getBaseHref = function () { // Create var baseElements = document.getElementsByTagName('base'), baseElement = null, baseHref = ''; // Test for Base Element if (baseElements.length === 1) { // Prepare for Base Element baseElement = baseElements[0]; baseHref = baseElement.href.replace(/[^\/]+$/, ''); } // Adjust trailing slash baseHref = baseHref.replace(/\/+$/, ''); if (baseHref) baseHref += '/'; // Return return baseHref; }; /** * History.getBaseUrl() * Fetches the baseHref or basePageUrl or rootUrl (whichever one exists first) * @return {String} baseUrl */ History.getBaseUrl = function () { // Create var baseUrl = History.getBaseHref() || History.getBasePageUrl() || History.getRootUrl(); // Return return baseUrl; }; /** * History.getPageUrl() * Fetches the URL of the current page * @return {String} pageUrl */ History.getPageUrl = function () { // Fetch var State = History.getState(false, false), stateUrl = (State || {}).url || History.getLocationHref(), pageUrl; // Create pageUrl = stateUrl.replace(/\/+$/, '').replace(/[^\/]+$/, function (part, index, string) { return (/\./).test(part) ? part : part + '/'; }); // Return return pageUrl; }; /** * History.getBasePageUrl() * Fetches the Url of the directory of the current page * @return {String} basePageUrl */ History.getBasePageUrl = function () { // Create var basePageUrl = (History.getLocationHref()).replace(/[#\?].*/, '').replace(/[^\/]+$/, function (part, index, string) { return (/[^\/]$/).test(part) ? '' : part; }).replace(/\/+$/, '') + '/'; // Return return basePageUrl; }; /** * History.getFullUrl(url) * Ensures that we have an absolute URL and not a relative URL * @param {string} url * @param {Boolean} allowBaseHref * @return {string} fullUrl */ History.getFullUrl = function (url, allowBaseHref) { // Prepare var fullUrl = url, firstChar = url.substring(0, 1); allowBaseHref = (typeof allowBaseHref === 'undefined') ? true : allowBaseHref; // Check if (/[a-z]+\:\/\//.test(url)) { // Full URL } else if (firstChar === '/') { // Root URL fullUrl = History.getRootUrl() + url.replace(/^\/+/, ''); } else if (firstChar === '#') { // Anchor URL fullUrl = History.getPageUrl().replace(/#.*/, '') + url; } else if (firstChar === '?') { // Query URL fullUrl = History.getPageUrl().replace(/[\?#].*/, '') + url; } else { // Relative URL if (allowBaseHref) { fullUrl = History.getBaseUrl() + url.replace(/^(\.\/)+/, ''); } else { fullUrl = History.getBasePageUrl() + url.replace(/^(\.\/)+/, ''); } // We have an if condition above as we do not want hashes // which are relative to the baseHref in our URLs // as if the baseHref changes, then all our bookmarks // would now point to different locations // whereas the basePageUrl will always stay the same } // Return return fullUrl.replace(/\#$/, ''); }; /** * History.getShortUrl(url) * Ensures that we have a relative URL and not a absolute URL * @param {string} url * @return {string} url */ History.getShortUrl = function (url) { // Prepare var shortUrl = url, baseUrl = History.getBaseUrl(), rootUrl = History.getRootUrl(); // Trim baseUrl if (History.emulated.pushState) { // We are in a if statement as when pushState is not emulated // The actual url these short urls are relative to can change // So within the same session, we the url may end up somewhere different shortUrl = shortUrl.replace(baseUrl, ''); } // Trim rootUrl shortUrl = shortUrl.replace(rootUrl, '/'); // Ensure we can still detect it as a state if (History.isTraditionalAnchor(shortUrl)) { shortUrl = './' + shortUrl; } // Clean It shortUrl = shortUrl.replace(/^(\.\/)+/g, './').replace(/\#$/, ''); // Return return shortUrl; }; /** * History.getLocationHref(document) * Returns a normalized version of document.location.href * accounting for browser inconsistencies, etc. * * This URL will be URI-encoded and will include the hash * * @param {object} document * @return {string} url */ History.getLocationHref = function (doc) { doc = doc || document; // most of the time, this will be true if (doc.URL === doc.location.href) return doc.location.href; // some versions of webkit URI-decode document.location.href // but they leave document.URL in an encoded state if (doc.location.href === decodeURIComponent(doc.URL)) return doc.URL; // FF 3.6 only updates document.URL when a page is reloaded // document.location.href is updated correctly if (doc.location.hash && decodeURIComponent(doc.location.href.replace(/^[^#]+/, "")) === doc.location.hash) return doc.location.href; if (doc.URL.indexOf('#') == -1 && doc.location.href.indexOf('#') != -1) return doc.location.href; return doc.URL || doc.location.href; }; // ==================================================================== // State Storage /** * History.store * The store for all session specific data */ History.store = {}; /** * History.idToState * 1-1: State ID to State Object */ History.idToState = History.idToState || {}; /** * History.stateToId * 1-1: State String to State ID */ History.stateToId = History.stateToId || {}; /** * History.urlToId * 1-1: State URL to State ID */ History.urlToId = History.urlToId || {}; /** * History.storedStates * Store the states in an array */ History.storedStates = History.storedStates || []; /** * History.savedStates * Saved the states in an array */ History.savedStates = History.savedStates || []; /** * History.noramlizeStore() * Noramlize the store by adding necessary values */ History.normalizeStore = function () { History.store.idToState = History.store.idToState || {}; History.store.urlToId = History.store.urlToId || {}; History.store.stateToId = History.store.stateToId || {}; }; /** * History.getState() * Get an object containing the data, title and url of the current state * @param {Boolean} friendly * @param {Boolean} create * @return {Object} State */ History.getState = function (friendly, create) { // Prepare if (typeof friendly === 'undefined') { friendly = true; } if (typeof create === 'undefined') { create = true; } // Fetch var State = History.getLastSavedState(); // Create if (!State && create) { State = History.createStateObject(); } // Adjust if (friendly) { State = History.cloneObject(State); State.url = State.cleanUrl || State.url; } // Return return State; }; /** * History.getIdByState(State) * Gets a ID for a State * @param {State} newState * @return {String} id */ History.getIdByState = function (newState) { // Fetch ID var id = History.extractId(newState.url), str; if (!id) { // Find ID via State String str = History.getStateString(newState); if (typeof History.stateToId[str] !== 'undefined') { id = History.stateToId[str]; } else if (typeof History.store.stateToId[str] !== 'undefined') { id = History.store.stateToId[str]; } else { // Generate a new ID while (true) { id = (new Date()).getTime() + String(Math.random()).replace(/\D/g, ''); if (typeof History.idToState[id] === 'undefined' && typeof History.store.idToState[id] === 'undefined') { break; } } // Apply the new State to the ID History.stateToId[str] = id; History.idToState[id] = newState; } } // Return ID return id; }; /** * History.normalizeState(State) * Expands a State Object * @param {object} State * @return {object} */ History.normalizeState = function (oldState) { // Variables var newState, dataNotEmpty; // Prepare if (!oldState || (typeof oldState !== 'object')) { oldState = {}; } // Check if (typeof oldState.normalized !== 'undefined') { return oldState; } // Adjust if (!oldState.data || (typeof oldState.data !== 'object')) { oldState.data = {}; } // ---------------------------------------------------------------- // Create newState = {}; newState.normalized = true; newState.title = oldState.title || ''; newState.url = History.getFullUrl(oldState.url ? oldState.url : (History.getLocationHref())); newState.hash = History.getShortUrl(newState.url); newState.data = History.cloneObject(oldState.data); // Fetch ID newState.id = History.getIdByState(newState); // ---------------------------------------------------------------- // Clean the URL newState.cleanUrl = newState.url.replace(/\??\&_suid.*/, ''); newState.url = newState.cleanUrl; // Check to see if we have more than just a url dataNotEmpty = !History.isEmptyObject(newState.data); // Apply if ((newState.title || dataNotEmpty) && History.options.disableSuid !== true) { // Add ID to Hash newState.hash = History.getShortUrl(newState.url).replace(/\??\&_suid.*/, ''); if (!/\?/.test(newState.hash)) { newState.hash += '?'; } newState.hash += '&_suid=' + newState.id; } // Create the Hashed URL newState.hashedUrl = History.getFullUrl(newState.hash); // ---------------------------------------------------------------- // Update the URL if we have a duplicate if ((History.emulated.pushState || History.bugs.safariPoll) && History.hasUrlDuplicate(newState)) { newState.url = newState.hashedUrl; } // ---------------------------------------------------------------- // Return return newState; }; /** * History.createStateObject(data,title,url) * Creates a object based on the data, title and url state params * @param {object} data * @param {string} title * @param {string} url * @return {object} */ History.createStateObject = function (data, title, url) { // Hashify var State = { 'data': data, 'title': title, 'url': url }; // Expand the State State = History.normalizeState(State); // Return object return State; }; /** * History.getStateById(id) * Get a state by it's UID * @param {String} id */ History.getStateById = function (id) { // Prepare id = String(id); // Retrieve var State = History.idToState[id] || History.store.idToState[id] || undefined; // Return State return State; }; /** * Get a State's String * @param {State} passedState */ History.getStateString = function (passedState) { // Prepare var State, cleanedState, str; // Fetch State = History.normalizeState(passedState); // Clean cleanedState = { data: State.data, title: passedState.title, url: passedState.url }; // Fetch str = JSON.stringify(cleanedState); // Return return str; }; /** * Get a State's ID * @param {State} passedState * @return {String} id */ History.getStateId = function (passedState) { // Prepare var State, id; // Fetch State = History.normalizeState(passedState); // Fetch id = State.id; // Return return id; }; /** * History.getHashByState(State) * Creates a Hash for the State Object * @param {State} passedState * @return {String} hash */ History.getHashByState = function (passedState) { // Prepare var State, hash; // Fetch State = History.normalizeState(passedState); // Hash hash = State.hash; // Return return hash; }; /** * History.extractId(url_or_hash) * Get a State ID by it's URL or Hash * @param {string} url_or_hash * @return {string} id */ History.extractId = function (url_or_hash) { // Prepare var id, parts, url, tmp; // Extract // If the URL has a #, use the id from before the # if (url_or_hash.indexOf('#') != -1) { tmp = url_or_hash.split("#")[0]; } else { tmp = url_or_hash; } parts = /(.*)\&_suid=([0-9]+)$/.exec(tmp); url = parts ? (parts[1] || url_or_hash) : url_or_hash; id = parts ? String(parts[2] || '') : ''; // Return return id || false; }; /** * History.isTraditionalAnchor * Checks to see if the url is a traditional anchor or not * @param {String} url_or_hash * @return {Boolean} */ History.isTraditionalAnchor = function (url_or_hash) { // Check var isTraditional = !(/[\/\?\.]/.test(url_or_hash)); // Return return isTraditional; }; /** * History.extractState * Get a State by it's URL or Hash * @param {String} url_or_hash * @return {State|null} */ History.extractState = function (url_or_hash, create) { // Prepare var State = null, id, url; create = create || false; // Fetch SUID id = History.extractId(url_or_hash); if (id) { State = History.getStateById(id); } // Fetch SUID returned no State if (!State) { // Fetch URL url = History.getFullUrl(url_or_hash); // Check URL id = History.getIdByUrl(url) || false; if (id) { State = History.getStateById(id); } // Create State if (!State && create && !History.isTraditionalAnchor(url_or_hash)) { State = History.createStateObject(null, null, url); } } // Return return State; }; /** * History.getIdByUrl() * Get a State ID by a State URL */ History.getIdByUrl = function (url) { // Fetch var id = History.urlToId[url] || History.store.urlToId[url] || undefined; // Return return id; }; /** * History.getLastSavedState() * Get an object containing the data, title and url of the current state * @return {Object} State */ History.getLastSavedState = function () { return History.savedStates[History.savedStates.length - 1] || undefined; }; /** * History.getLastStoredState() * Get an object containing the data, title and url of the current state * @return {Object} State */ History.getLastStoredState = function () { return History.storedStates[History.storedStates.length - 1] || undefined; }; /** * History.hasUrlDuplicate * Checks if a Url will have a url conflict * @param {Object} newState * @return {Boolean} hasDuplicate */ History.hasUrlDuplicate = function (newState) { // Prepare var hasDuplicate = false, oldState; // Fetch oldState = History.extractState(newState.url); // Check hasDuplicate = oldState && oldState.id !== newState.id; // Return return hasDuplicate; }; /** * History.storeState * Store a State * @param {Object} newState * @return {Object} newState */ History.storeState = function (newState) { // Store the State History.urlToId[newState.url] = newState.id; // Push the State History.storedStates.push(History.cloneObject(newState)); // Return newState return newState; }; /** * History.isLastSavedState(newState) * Tests to see if the state is the last state * @param {Object} newState * @return {boolean} isLast */ History.isLastSavedState = function (newState) { // Prepare var isLast = false, newId, oldState, oldId; // Check if (History.savedStates.length) { newId = newState.id; oldState = History.getLastSavedState(); oldId = oldState.id; // Check isLast = (newId === oldId); } // Return return isLast; }; /** * History.saveState * Push a State * @param {Object} newState * @return {boolean} changed */ History.saveState = function (newState) { // Check Hash if (History.isLastSavedState(newState)) { return false; } // Push the State History.savedStates.push(History.cloneObject(newState)); // Return true return true; }; /** * History.getStateByIndex() * Gets a state by the index * @param {integer} index * @return {Object} */ History.getStateByIndex = function (index) { // Prepare var State = null; // Handle if (typeof index === 'undefined') { // Get the last inserted State = History.savedStates[History.savedStates.length - 1]; } else if (index < 0) { // Get from the end State = History.savedStates[History.savedStates.length + index]; } else { // Get from the beginning State = History.savedStates[index]; } // Return State return State; }; /** * History.getCurrentIndex() * Gets the current index * @return (integer) */ History.getCurrentIndex = function () { // Prepare var index = null; // No states saved if (History.savedStates.length < 1) { index = 0; } else { index = History.savedStates.length - 1; } return index; }; // ==================================================================== // Hash Helpers /** * History.getHash() * @param {Location=} location * Gets the current document hash * Note: unlike location.hash, this is guaranteed to return the escaped hash in all browsers * @return {string} */ History.getHash = function (doc) { var url = History.getLocationHref(doc), hash; hash = History.getHashByUrl(url); return hash; }; /** * History.unescapeHash() * normalize and Unescape a Hash * @param {String} hash * @return {string} */ History.unescapeHash = function (hash) { // Prepare var result = History.normalizeHash(hash); // Unescape hash result = decodeURIComponent(result); // Return result return result; }; /** * History.normalizeHash() * normalize a hash across browsers * @return {string} */ History.normalizeHash = function (hash) { // Prepare var result = hash.replace(/[^#]*#/, '').replace(/#.*/, ''); // Return result return result; }; /** * History.setHash(hash) * Sets the document hash * @param {string} hash * @return {History} */ History.setHash = function (hash, queue) { // Prepare var State, pageUrl; // Handle Queueing if (queue !== false && History.busy()) { // Wait + Push to Queue //History.debug('History.setHash: we must wait', arguments); History.pushQueue({ scope: History, callback: History.setHash, args: arguments, queue: queue }); return false; } // Log //History.debug('History.setHash: called',hash); // Make Busy + Continue History.busy(true); // Check if hash is a state State = History.extractState(hash, true); if (State && !History.emulated.pushState) { // Hash is a state so skip the setHash //History.debug('History.setHash: Hash is a state so skipping the hash set with a direct pushState call',arguments); // PushState History.pushState(State.data, State.title, State.url, false); } else if (History.getHash() !== hash) { // Hash is a proper hash, so apply it // Handle browser bugs if (History.bugs.setHash) { // Fix Safari Bug https://bugs.webkit.org/show_bug.cgi?id=56249 // Fetch the base page pageUrl = History.getPageUrl(); // Safari hash apply History.pushState(null, null, pageUrl + '#' + hash, false); } else { // Normal hash apply document.location.hash = hash; } } // Chain return History; }; /** * History.escape() * normalize and Escape a Hash * @return {string} */ History.escapeHash = function (hash) { // Prepare var result = History.normalizeHash(hash); // Escape hash result = window.encodeURIComponent(result); // IE6 Escape Bug if (!History.bugs.hashEscape) { // Restore common parts result = result .replace(/\%21/g, '!') .replace(/\%26/g, '&') .replace(/\%3D/g, '=') .replace(/\%3F/g, '?'); } // Return result return result; }; /** * History.getHashByUrl(url) * Extracts the Hash from a URL * @param {string} url * @return {string} url */ History.getHashByUrl = function (url) { // Extract the hash var hash = String(url) .replace(/([^#]*)#?([^#]*)#?(.*)/, '$2') ; // Unescape hash hash = History.unescapeHash(hash); // Return hash return hash; }; /** * History.setTitle(title) * Applies the title to the document * @param {State} newState * @return {Boolean} */ History.setTitle = function (newState) { // Prepare var title = newState.title, firstState; // Initial if (!title) { firstState = History.getStateByIndex(0); if (firstState && firstState.url === newState.url) { title = firstState.title || History.options.initialTitle; } } // Apply try { document.getElementsByTagName('title')[0].innerHTML = title.replace('<', '<').replace('>', '>').replace(' & ', ' & '); } catch (Exception) { } document.title = title; // Chain return History; }; // ==================================================================== // Queueing /** * History.queues * The list of queues to use * First In, First Out */ History.queues = []; /** * History.busy(value) * @param {boolean} value [optional] * @return {boolean} busy */ History.busy = function (value) { // Apply if (typeof value !== 'undefined') { //History.debug('History.busy: changing ['+(History.busy.flag||false)+'] to ['+(value||false)+']', History.queues.length); History.busy.flag = value; } // Default else if (typeof History.busy.flag === 'undefined') { History.busy.flag = false; } // Queue if (!History.busy.flag) { // Execute the next item in the queue clearTimeout(History.busy.timeout); var fireNext = function () { var i, queue, item; if (History.busy.flag) return; for (i = History.queues.length - 1; i >= 0; --i) { queue = History.queues[i]; if (queue.length === 0) continue; item = queue.shift(); History.fireQueueItem(item); History.busy.timeout = setTimeout(fireNext, History.options.busyDelay); } }; History.busy.timeout = setTimeout(fireNext, History.options.busyDelay); } // Return return History.busy.flag; }; /** * History.busy.flag */ History.busy.flag = false; /** * History.fireQueueItem(item) * Fire a Queue Item * @param {Object} item * @return {Mixed} result */ History.fireQueueItem = function (item) { return item.callback.apply(item.scope || History, item.args || []); }; /** * History.pushQueue(callback,args) * Add an item to the queue * @param {Object} item [scope,callback,args,queue] */ History.pushQueue = function (item) { // Prepare the queue History.queues[item.queue || 0] = History.queues[item.queue || 0] || []; // Add to the queue History.queues[item.queue || 0].push(item); // Chain return History; }; /** * History.queue (item,queue), (func,queue), (func), (item) * Either firs the item now if not busy, or adds it to the queue */ History.queue = function (item, queue) { // Prepare if (typeof item === 'function') { item = { callback: item }; } if (typeof queue !== 'undefined') { item.queue = queue; } // Handle if (History.busy()) { History.pushQueue(item); } else { History.fireQueueItem(item); } // Chain return History; }; /** * History.clearQueue() * Clears the Queue */ History.clearQueue = function () { History.busy.flag = false; History.queues = []; return History; }; // ==================================================================== // IE Bug Fix /** * History.stateChanged * States whether or not the state has changed since the last double check was initialised */ History.stateChanged = false; /** * History.doubleChecker * Contains the timeout used for the double checks */ History.doubleChecker = false; /** * History.doubleCheckComplete() * Complete a double check * @return {History} */ History.doubleCheckComplete = function () { // Update History.stateChanged = true; // Clear History.doubleCheckClear(); // Chain return History; }; /** * History.doubleCheckClear() * Clear a double check * @return {History} */ History.doubleCheckClear = function () { // Clear if (History.doubleChecker) { clearTimeout(History.doubleChecker); History.doubleChecker = false; } // Chain return History; }; /** * History.doubleCheck() * Create a double check * @return {History} */ History.doubleCheck = function (tryAgain) { // Reset History.stateChanged = false; History.doubleCheckClear(); // Fix IE6,IE7 bug where calling history.back or history.forward does not actually change the hash (whereas doing it manually does) // Fix Safari 5 bug where sometimes the state does not change: https://bugs.webkit.org/show_bug.cgi?id=42940 if (History.bugs.ieDoubleCheck) { // Apply Check History.doubleChecker = setTimeout( function () { History.doubleCheckClear(); if (!History.stateChanged) { //History.debug('History.doubleCheck: State has not yet changed, trying again', arguments); // Re-Attempt tryAgain(); } return true; }, History.options.doubleCheckInterval ); } // Chain return History; }; // ==================================================================== // Safari Bug Fix /** * History.safariStatePoll() * Poll the current state * @return {History} */ History.safariStatePoll = function () { // Poll the URL // Get the Last State which has the new URL var urlState = History.extractState(History.getLocationHref()), newState; // Check for a difference if (!History.isLastSavedState(urlState)) { newState = urlState; } else { return; } // Check if we have a state with that url // If not create it if (!newState) { //History.debug('History.safariStatePoll: new'); newState = History.createStateObject(); } // Apply the New State //History.debug('History.safariStatePoll: trigger'); History.Adapter.trigger(window, 'popstate'); // Chain return History; }; // ==================================================================== // State Aliases /** * History.back(queue) * Send the browser history back one item * @param {Integer} queue [optional] */ History.back = function (queue) { //History.debug('History.back: called', arguments); // Handle Queueing if (queue !== false && History.busy()) { // Wait + Push to Queue //History.debug('History.back: we must wait', arguments); History.pushQueue({ scope: History, callback: History.back, args: arguments, queue: queue }); return false; } // Make Busy + Continue History.busy(true); // Fix certain browser bugs that prevent the state from changing History.doubleCheck(function () { History.back(false); }); // Go back history.go(-1); // End back closure return true; }; /** * History.forward(queue) * Send the browser history forward one item * @param {Integer} queue [optional] */ History.forward = function (queue) { //History.debug('History.forward: called', arguments); // Handle Queueing if (queue !== false && History.busy()) { // Wait + Push to Queue //History.debug('History.forward: we must wait', arguments); History.pushQueue({ scope: History, callback: History.forward, args: arguments, queue: queue }); return false; } // Make Busy + Continue History.busy(true); // Fix certain browser bugs that prevent the state from changing History.doubleCheck(function () { History.forward(false); }); // Go forward history.go(1); // End forward closure return true; }; /** * History.go(index,queue) * Send the browser history back or forward index times * @param {Integer} queue [optional] */ History.go = function (index, queue) { //History.debug('History.go: called', arguments); // Prepare var i; // Handle if (index > 0) { // Forward for (i = 1; i <= index; ++i) { History.forward(queue); } } else if (index < 0) { // Backward for (i = -1; i >= index; --i) { History.back(queue); } } else { throw new Error('History.go: History.go requires a positive or negative integer passed.'); } // Chain return History; }; // ==================================================================== // HTML5 State Support // Non-Native pushState Implementation if (History.emulated.pushState) { /* * Provide Skeleton for HTML4 Browsers */ // Prepare var emptyFunction = function () { }; History.pushState = History.pushState || emptyFunction; History.replaceState = History.replaceState || emptyFunction; } // History.emulated.pushState // Native pushState Implementation else { /* * Use native HTML5 History API Implementation */ /** * History.onPopState(event,extra) * Refresh the Current State */ History.onPopState = function (event, extra) { // Prepare var stateId = false, newState = false, currentHash, currentState; // Reset the double check History.doubleCheckComplete(); // Check for a Hash, and handle apporiatly currentHash = History.getHash(); if (currentHash) { // Expand Hash currentState = History.extractState(currentHash || History.getLocationHref(), true); if (currentState) { // We were able to parse it, it must be a State! // Let's forward to replaceState //History.debug('History.onPopState: state anchor', currentHash, currentState); History.replaceState(currentState.data, currentState.title, currentState.url, false); } else { // Traditional Anchor //History.debug('History.onPopState: traditional anchor', currentHash); History.Adapter.trigger(window, 'anchorchange'); History.busy(false); } // We don't care for hashes History.expectedStateId = false; return false; } // Ensure stateId = History.Adapter.extractEventData('state', event, extra) || false; // Fetch State if (stateId) { // Vanilla: Back/forward button was used newState = History.getStateById(stateId); } else if (History.expectedStateId) { // Vanilla: A new state was pushed, and popstate was called manually newState = History.getStateById(History.expectedStateId); } else { // Initial State newState = History.extractState(History.getLocationHref()); } // The State did not exist in our store if (!newState) { // Regenerate the State newState = History.createStateObject(null, null, History.getLocationHref()); } // Clean History.expectedStateId = false; // Check if we are the same state if (History.isLastSavedState(newState)) { // There has been no change (just the page's hash has finally propagated) //History.debug('History.onPopState: no change', newState, History.savedStates); History.busy(false); return false; } // Store the State History.storeState(newState); History.saveState(newState); // Force update of the title History.setTitle(newState); // Fire Our Event History.Adapter.trigger(window, 'statechange'); History.busy(false); // Return true return true; }; History.Adapter.bind(window, 'popstate', History.onPopState); /** * History.pushState(data,title,url) * Add a new State to the history object, become it, and trigger onpopstate * We have to trigger for HTML4 compatibility * @param {object} data * @param {string} title * @param {string} url * @return {true} */ History.pushState = function (data, title, url, queue) { //History.debug('History.pushState: called', arguments); // Check the State if (History.getHashByUrl(url) && History.emulated.pushState) { throw new Error('History.js does not support states with fragement-identifiers (hashes/anchors).'); } // Handle Queueing if (queue !== false && History.busy()) { // Wait + Push to Queue //History.debug('History.pushState: we must wait', arguments); History.pushQueue({ scope: History, callback: History.pushState, args: arguments, queue: queue }); return false; } // Make Busy + Continue History.busy(true); // Create the newState var newState = History.createStateObject(data, title, url); // Check it if (History.isLastSavedState(newState)) { // Won't be a change History.busy(false); } else { // Store the newState History.storeState(newState); History.expectedStateId = newState.id; // Push the newState history.pushState(newState.id, newState.title, newState.url); // Fire HTML5 Event History.Adapter.trigger(window, 'popstate'); } // End pushState closure return true; }; /** * History.replaceState(data,title,url) * Replace the State and trigger onpopstate * We have to trigger for HTML4 compatibility * @param {object} data * @param {string} title * @param {string} url * @return {true} */ History.replaceState = function (data, title, url, queue) { //History.debug('History.replaceState: called', arguments); // Check the State if (History.getHashByUrl(url) && History.emulated.pushState) { throw new Error('History.js does not support states with fragement-identifiers (hashes/anchors).'); } // Handle Queueing if (queue !== false && History.busy()) { // Wait + Push to Queue //History.debug('History.replaceState: we must wait', arguments); History.pushQueue({ scope: History, callback: History.replaceState, args: arguments, queue: queue }); return false; } // Make Busy + Continue History.busy(true); // Create the newState var newState = History.createStateObject(data, title, url); // Check it if (History.isLastSavedState(newState)) { // Won't be a change History.busy(false); } else { // Store the newState History.storeState(newState); History.expectedStateId = newState.id; // Push the newState history.replaceState(newState.id, newState.title, newState.url); // Fire HTML5 Event History.Adapter.trigger(window, 'popstate'); } // End replaceState closure return true; }; } // !History.emulated.pushState // ==================================================================== // Initialise /** * Load the Store */ if (sessionStorage) { // Fetch try { History.store = JSON.parse(sessionStorage.getItem('History.store')) || {}; } catch (err) { History.store = {}; } // Normalize History.normalizeStore(); } else { // Default Load History.store = {}; History.normalizeStore(); } /** * Clear Intervals on exit to prevent memory leaks */ History.Adapter.bind(window, "unload", History.clearAllIntervals); /** * Create the initial State */ History.saveState(History.storeState(History.extractState(History.getLocationHref(), true))); /** * Bind for Saving Store */ if (sessionStorage) { // When the page is closed History.onUnload = function () { // Prepare var currentStore, item, currentStoreString; // Fetch try { currentStore = JSON.parse(sessionStorage.getItem('History.store')) || {}; } catch (err) { currentStore = {}; } // Ensure currentStore.idToState = currentStore.idToState || {}; currentStore.urlToId = currentStore.urlToId || {}; currentStore.stateToId = currentStore.stateToId || {}; // Sync for (item in History.idToState) { if (!History.idToState.hasOwnProperty(item)) { continue; } currentStore.idToState[item] = History.idToState[item]; } for (item in History.urlToId) { if (!History.urlToId.hasOwnProperty(item)) { continue; } currentStore.urlToId[item] = History.urlToId[item]; } for (item in History.stateToId) { if (!History.stateToId.hasOwnProperty(item)) { continue; } currentStore.stateToId[item] = History.stateToId[item]; } // Update History.store = currentStore; History.normalizeStore(); // In Safari, going into Private Browsing mode causes the // Session Storage object to still exist but if you try and use // or set any property/function of it it throws the exception // "QUOTA_EXCEEDED_ERR: DOM Exception 22: An attempt was made to // add something to storage that exceeded the quota." infinitely // every second. currentStoreString = JSON.stringify(currentStore); try { // Store sessionStorage.setItem('History.store', currentStoreString); } catch (e) { if (e.code === DOMException.QUOTA_EXCEEDED_ERR) { if (sessionStorage.length) { // Workaround for a bug seen on iPads. Sometimes the quota exceeded error comes up and simply // removing/resetting the storage can work. sessionStorage.removeItem('History.store'); sessionStorage.setItem('History.store', currentStoreString); } else { // Otherwise, we're probably private browsing in Safari, so we'll ignore the exception. } } else { throw e; } } }; // For Internet Explorer History.intervalList.push(setInterval(History.onUnload, History.options.storeInterval)); // For Other Browsers History.Adapter.bind(window, 'beforeunload', History.onUnload); History.Adapter.bind(window, 'unload', History.onUnload); // Both are enabled for consistency } // Non-Native pushState Implementation if (!History.emulated.pushState) { // Be aware, the following is only for native pushState implementations // If you are wanting to include something for all browsers // Then include it above this if block /** * Setup Safari Fix */ if (History.bugs.safariPoll) { History.intervalList.push(setInterval(History.safariStatePoll, History.options.safariPollInterval)); } /** * Ensure Cross Browser Compatibility */ if (navigator.vendor === 'Apple Computer, Inc.' || (navigator.appCodeName || '') === 'Mozilla') { /** * Fix Safari HashChange Issue */ // Setup Alias History.Adapter.bind(window, 'hashchange', function () { History.Adapter.trigger(window, 'popstate'); }); // Initialise Alias if (History.getHash()) { History.Adapter.onDomLoad(function () { History.Adapter.trigger(window, 'hashchange'); }); } } } // !History.emulated.pushState }; // History.initCore // Try to Initialise History if (!History.options || !History.options.delayInit) { History.init(); } })(window); /* A fix for the iOS orientationchange zoom bug. Script by @scottjehl, rebound by @wilto. MIT / GPLv2 License. https://github.com/scottjehl/iOS-Orientationchange-Fix */ (function (w) { // This fix addresses an iOS bug, so return early if the UA claims it's something else. var ua = navigator.userAgent; if (!(/iPhone|iPad|iPod/.test(navigator.platform) && /OS [1-5]_[0-9_]* like Mac OS X/i.test(ua) && ua.indexOf("AppleWebKit") > -1)) { return; } var doc = w.document; if (!doc.querySelector) { return; } var meta = doc.querySelector("meta[name=viewport]"), initialContent = meta && meta.getAttribute("content"), disabledZoom = initialContent + ",maximum-scale=1", enabledZoom = initialContent + ",maximum-scale=10", enabled = true, x, y, z, aig; if (!meta) { return; } function restoreZoom() { meta.setAttribute("content", enabledZoom); enabled = true; } function disableZoom() { meta.setAttribute("content", disabledZoom); enabled = false; } function checkTilt(e) { aig = e.accelerationIncludingGravity; x = Math.abs(aig.x); y = Math.abs(aig.y); z = Math.abs(aig.z); // If portrait orientation and in one of the danger zones if ((!w.orientation || w.orientation === 180) && (x > 7 || ((z > 6 && y < 8 || z < 8 && y > 6) && x > 5))) { if (enabled) { disableZoom(); } } else if (!enabled) { restoreZoom(); } } w.addEventListener("orientationchange", restoreZoom, false); w.addEventListener("devicemotion", checkTilt, false); })(this); /*! matchMedia() polyfill addListener/removeListener extension. Author & copyright (c) 2012: Scott Jehl. Dual MIT/BSD license */ (function(){ // Bail out for browsers that have addListener support if (window.matchMedia && window.matchMedia('all').addListener) { return false; } var localMatchMedia = window.matchMedia, hasMediaQueries = localMatchMedia('only all').matches, isListening = false, timeoutID = 0, // setTimeout for debouncing 'handleChange' queries = [], // Contains each 'mql' and associated 'listeners' if 'addListener' is used handleChange = function(evt) { // Debounce clearTimeout(timeoutID); timeoutID = setTimeout(function() { for (var i = 0, il = queries.length; i < il; i++) { var mql = queries[i].mql, listeners = queries[i].listeners || [], matches = localMatchMedia(mql.media).matches; // Update mql.matches value and call listeners // Fire listeners only if transitioning to or from matched state if (matches !== mql.matches) { mql.matches = matches; for (var j = 0, jl = listeners.length; j < jl; j++) { listeners[j].call(window, mql); } } } }, 30); }; window.matchMedia = function(media) { var mql = localMatchMedia(media), listeners = [], index = 0; mql.addListener = function(listener) { // Changes would not occur to css media type so return now (Affects IE <= 8) if (!hasMediaQueries) { return; } // Set up 'resize' listener for browsers that support CSS3 media queries (Not for IE <= 8) // There should only ever be 1 resize listener running for performance if (!isListening) { isListening = true; window.addEventListener('resize', handleChange, true); } // Push object only if it has not been pushed already if (index === 0) { index = queries.push({ mql : mql, listeners : listeners }); } listeners.push(listener); }; mql.removeListener = function(listener) { for (var i = 0, il = listeners.length; i < il; i++){ if (listeners[i] === listener){ listeners.splice(i, 1); } } }; return mql; }; }()); /*jslint browser: true, plusplus: true, vars: true */ /*global jQuery: false */ /* * equalHeight equalizes the heights of elements in a jQuery collection. * By Hans Mogren ').appendTo($LiEls); } }); $mobileMenu.children('div').attr('class', 'arrow_down'); } // Sub-Nav if (subNavBind === false) { $($mobileMenu).delegate('.sub_nav', 'click', function() { var $ulEl = $(this); var $divChildren = $ulEl.children('div'); $ulEl.siblings('ul').slideToggle(slideSpeed); if ($divChildren.hasClass('arrow_down')) { $divChildren.attr('class', 'arrow_up'); } else { $divChildren.attr('class', 'arrow_down'); } }); subNavBind = true; } // Toggle search event if (searchIcon !== '') { var el = $('#search'); $('.search-icon', $mobileHandleEl).on('click', function () { el.slideToggle(slideSpeed, function () { if (!el.is(':visible')) { el.css('display', ''); } }); }); } // Toggle menu function var toggleMenu = function(isGlobal) { var isVisible = $mobileMenu.is(':visible'); var goToWidth = windowsWidth; if (isGlobal && !isVisible){ return; } var wrapperWidth = isVisible ? windowsWidth : '0'; setMenuText(!isVisible); var menuButtonWidth = $('.mobile_handle .menu-text').width() + $('.mobile_handle .menu-icon').width() + 130; if (isVisible) { goToWidth = 0; } else { goToWidth -= menuButtonWidth; } // Transition slide in from Left if (slideInFrom === 'left') { var slideSpeedLeft = slideSpeed; if (!isVisible) { // Lock viewport if (hasQuerySelector) { meta.setAttribute("content", disabledZoom); } $mobileMenu.css({ 'position': 'absolute', 'left': '0px', 'top': '0px', 'z-index': '999999', 'display': 'block', 'width': (wrapperWidth - (menuButtonWidth + 40)) + 'px' }); }else { // Unlock viewport if (hasQuerySelector) { meta.setAttribute("content", enabledZoom); } } $('>li', $mobileMenu).css('white-space', 'nowrap'); $mobileMenu.animate({ width: goToWidth + 'px' }, slideSpeedLeft, function() { if (isVisible) { $mobileMenu.attr('style', 'display:none;'); } }); if (!isVisible) { $mobileMenu.slideDown(slideSpeed * 2); } else { $mobileMenu.slideUp(slideSpeed * 2); } $pageWrapper.css('width', windowsWidth + 'px').animate({ 'margin-left': goToWidth + 'px' }, slideSpeedLeft, function() { if (isVisible) { $pageWrapper.css({ 'margin-left': '0', 'width': '100%' }); } }); } else { $mobileMenu.slideToggle(slideSpeed, function() { }); } }; // Clicking outside of menu results in it closing $('body').on('click', function(e) { var $target = $(e.target); if ($target.closest('#mainMobileMenu').length < 1 && $target.closest('#renavigationPlaceholder').length < 1) { toggleMenu(true); } }); // Mobile - Handle page/menu toggle event $('.menu-icon, .menu-text', $mobileHandleEl).on('click', function() { toggleMenu(); var $menuIconel = $(this); var $divChildren = $menuIconel.children('div'); if ($divChildren.hasClass('arrow_down')) { $divChildren.attr('class', 'arrow_up'); } else { $divChildren.attr('class', 'arrow_down'); } if (rnOpened === 0 || rnOpened === undefined) { rnOpened = 1; $('#selected', $wrapper).slideDown(slideSpeed).parentsUntil($wrapper, 'ul').each(function() { var $selectedEl = $(this); var $childrensChildrenDiv = $selectedEl.children().children().children('div'); $selectedEl.slideDown(slideSpeed); if ($childrensChildrenDiv.hasClass('arrow_down')) { $childrensChildrenDiv.attr('class', 'arrow_up'); } }); } }); this.initResize(); }, stripQueryString: function (str) { if (!str) return str; str = str.toLowerCase(); var indexQuestionMark = str.indexOf("?"); if (indexQuestionMark !== -1) { return str.substring(0, indexQuestionMark); } return str; }, checkLinks: function ($liElements) { var func = this; var $newLiElement = null; var firstLink = $('a:first', $liElements); if (firstLink.length>0) { var firstLinkHref = func.stripQueryString(firstLink.attr('href')); $('li', $mobileMenu).each(function () { var $li = $(this); var tempLinkElement = $('a:first', $li); if (tempLinkElement.length>0) { var tempLinkhref = func.stripQueryString(tempLinkElement.attr('href')) + "/"; if (firstLinkHref.indexOf(tempLinkhref) !== -1) { $newLiElement = $li; } } }); } if ($newLiElement!==null){ return $newLiElement; } return $mobileMenu; }, importLists: function() { // Import lists into main menu in contracted mode // For lists to be imported their wrapper has to // have the class ".mobile-in-main-menu" // One can place the lists in mobile menu by adding classes "above" or "below" var func = this; if ($importToMenuEls.length > 0) { // Iterate through all lists to import $importToMenuEls.each(function() { var $importWrapperEl = $(this); var $isLower = $importWrapperEl.hasClass('lower'); var $importedWrapperUl = $('ul:first', $importWrapperEl).clone(); var $importWrapperLiFirstNode = $('>li', $importedWrapperUl); if ($importWrapperLiFirstNode.length>0){ // Add class importent, so that we can style these nodes separately var $targetNode = func.checkLinks($importWrapperLiFirstNode); // Check if imported menu is to append or prepend to main menu if ($targetNode === $mobileMenu) { $('li', $importedWrapperUl).removeClass().addClass("imported"); if ($isLower) { $('li:first', $importedWrapperUl).addClass('imported-first-node'); $importWrapperLiFirstNode.appendTo($mobileMenu); } else { $('>li:last', $importedWrapperUl).addClass('imported-last-node'); $importWrapperLiFirstNode.prependTo($mobileMenu); } } else { $('li', $importedWrapperUl).removeClass(); // Error in .wrap() // Fixed by below code var $newUl = $("/// Returns true if the currently loaded page is of the specified pagetype, otherwise false. /// /// The name of the pagetype. var isPagetype = (function () { var bodyClassName = (' ' + document.body.className + ' ').replace(/[\n\t\r]/g, ' '); return function (pagetype) { return (bodyClassName.indexOf(' p-' + pagetype + ' ') > -1); }; }()); ////// Returns true if the currently loaded page is of the specified accelerator, otherwise false. /// /// The name of the accelerator. var isAccelerator = (function () { var bodyClassName = (' ' + document.body.className + ' ').replace(/[\n\t\r]/g, ' '); return function (type) { return (bodyClassName.indexOf(' a-' + type + ' ') > -1); }; }()); var loadingMessage = function (context) { context.append(''); }; ////// Creates an event handler for update panels. /// The function passed as the /// The function to execute on postback. var initAsyncPostBack = function (callback) { var updatePanels = function (panels) { var i, panel; for (i = 0; panel = panels[i]; i++) { callback($(panel)); } }; var pageLoaded = function (sender, args) { if (prm.get_isInAsyncPostBack()) { updatePanels(args.get_panelsUpdated()); } }; var prm = Sys.WebForms.PageRequestManager.getInstance(); if (prm) { prm.add_pageLoaded(pageLoaded); } }; ///parameter will be /// executed after an update panel is updated as part of an asynchronous postback. /// /// Creates an event handler for each async postback. /// var initAsyncPostBackForEachCall = function () { var pageLoaded = function () { if (prm.get_isInAsyncPostBack()) { //Reapply zurb foundation site.foundation.reapplyFoundationForms(); } }; var prm = Sys.WebForms.PageRequestManager.getInstance(); if (prm) { prm.add_pageLoaded(pageLoaded); } }; ////// Initializes the page. /// /// The name of the pagetype. /// The function to execute when the DOM is accessible. /// The function to execute when the window.load event is fired. /// The function to execute when an update panel is updated asyncronously. A reference to the updated panels will be passed to the function. var initPage = function (pagetype, onDomReady, onWindowLoad, onAsyncPostBack) { if (!pagetype || isPagetype(pagetype)) { if (onDomReady) { $(document).ready(function () { onDomReady(); }); } if (onAsyncPostBack) { initAsyncPostBack(onAsyncPostBack); } if (onWindowLoad) { $(window).load(function () { onWindowLoad(); }); } } }; ////// Loads the content of a URL or a link into an element. /// /// /// target (jQuery object): the element to load the content into. /// url (string): the url to fetch content from, if undefined the href attribute of the link will be used. /// link (jQuery object): the a element whose href attribute will be used as the url to fetch content from. /// callBack : if exists then call that method /// forceReload (boolean): if true, fetch content and update the target element each time the link is clicked; if false only update the first time. /// cache (boolean): if set to false, it will force requested pages not to be cached by the browser. /// var linkLoader = function (options) { var link = options.link, url = options.url || link.attr('href'), target = options.target, forceReload = options.forceReload, cache = !!options.cache, callBack = options.callBack, requestCallback = function (content) { target.html(content).data('loaded', true); if (callBack) { callBack(); } }; if (forceReload || !target.data('loaded')) { $.ajax({ url: url, cache: cache }).done(requestCallback); } }; var modalEvents = (function () { var toggle = function (on) { $('html').toggleClass('openmodal', on); }; return { //open : function(e) { // var elem = $(e.currentTarget); // elem.addClass('hide'); //}, opened: function (e) { var elem = $(e.currentTarget); var wrapClass = elem.data('reveal-wrap'); var closeButton = null; var wrapper = null; if (elem.data('reveal-create-close-button')) { closeButton = $('×'); } if (wrapClass) { wrapper = $(''); if (closeButton) { elem.wrapInner(wrapper); closeButton.appendTo(elem.children(wrapper)); } } else if (closeButton) { closeButton.appendTo(elem); } toggle(true); elem.addClass('reveal-modal-with-wrapper-open'); }, closed: function (e) { toggle(false); var elem = $(e.currentTarget); elem.removeClass('reveal-modal-with-wrapper-open'); } }; }()); var showModal = function (source, selector, event) { event.preventDefault(); var $div = $('.reveal-modal' + (selector.length ? '.' + selector : '')); if ($div.length === 0) { $div = $('').addClass('reveal-modal ' + selector).appendTo('body'); }; var $this = source; $.ajax({ url: $this.attr('href'), cache: false }).done(function (data) { var ret = $div.empty().html(data).append('×').foundation('reveal', 'open'); Foundation.libs.forms.init(); return ret; }); }; var showModalWithText = function (source, event) { event.preventDefault(); var $div = $('').addClass('reveal-modal').addClass("medium").appendTo('body'); var ret = $div.empty().html(source.html()).append('×').foundation('reveal', 'open'); Foundation.libs.forms.init(); return ret; }; var showEditModal = function (element, selector, event, callBack) { event.preventDefault(); var form = element.closest('form'); var str = form.serialize(); $.ajax({ url: element.attr('href'), cache: false, data: str, type: "POST" }).done(function (html, textStatus, jqXhr) { if (jqXhr.getResponseHeader('x-savesuccess')) { if (callBack) { callBack(jqXhr); } } else { $(selector).replaceWith(html); } Foundation.libs.forms.init(); } ); }; var showModalVideo = function (youTubeId) { var embedUrl = settings.youTubeEmbedUrl; var watchUrl = settings.youTubeWatchUrl; var urlParams = settings.youTubeParams; var url = embedUrl + youTubeId + '?' + urlParams; //if (/Android|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { // location.href = watchUrl + '?v=' + youTubeId; // console.log(watchUrl + '?v=' + youTubeId); // return; //} var container = $('') .css({ 'display': 'block', 'position': 'relative', 'overflow': 'hidden' }); var iframe = $('') .attr('src', url) .css({ 'display': 'block', 'position': 'absolute', 'width': '100%', 'height': '100%' }); $('').appendTo('head').first(); container.append(iframe); var elem = $('') .addClass('reveal-modal') .addClass("large") .appendTo('body') .append(container) .append('×') .foundation('reveal', 'open'); Foundation.libs.forms.init(); return elem; }; var closeModal = function () { $('.reveal-modal').foundation('reveal', 'close'); }; function setCursorFocus(source) { if (source.data("actiontype", "quickorder")) { var timeoutId = window.setTimeout(setCursorFocusDo, 1000); } } var setCursorFocusDo = function () { $("#searchfield").focus(); }; var clickBuyOnEnter = function () { if ($(".buyquantitytextboxcontainer").length) { $('.buyquantitytextboxcontainer input').keypress(function (e) { if (e.keyCode == 13) { // If enter is pressed in quantity field, find connected buy button and append actiontype and simulate click on it. $(this).closest("#buyarea").find("a[data-role='buybutton']").first().data("actiontype", "quickorder").click(); } }); } }; var mobileNavigationAnchorListener = function () { // When user is in mobile, append anchor to level 3 category links to scroll the page to products. if (matchMedia) { var mq = window.matchMedia("(max-width: 767px)"); mq.addListener(mobileWidthChange); mobileWidthChange(mq); } }; // Media query change var mobileWidthChange = function (mq) { var thirdLevelLinks = $("#subnav-product-groups li li > a"), anchorName = "#main-content-area"; if (mq.matches) { thirdLevelLinks.each(function () { $(this).not("[href*=" + anchorName + "]").attr("href", $(this).attr("href") + anchorName); }); $("#subnav-product-groups").addClass("is-mobile"); } else { thirdLevelLinks.each(function () { var filtered = $(this).filter("[href*='#main-content-area']"); if (filtered.length) { $(this).attr("href", filtered.attr("href").replace("#main-content-area", "")); } }); $("#subnav-product-groups").removeClass("is-mobile"); } }; // Public API. site.framework = { initPage: initPage, linkLoader: linkLoader, loadingMessage: loadingMessage, isAccelerator: isAccelerator, showModal: showModal, showModalWithText: showModalWithText, showEditModal: showEditModal, showModalVideo: showModalVideo, closeModal: closeModal, setCursorFocus: setCursorFocus, clickBuyOnEnter: clickBuyOnEnter, mobileNavigationAnchorListener: mobileNavigationAnchorListener, mobileWidthChange: mobileWidthChange }; $(document).foundation(); $(document).foundation('reveal', modalEvents); if (typeof (WebForm_RestoreScrollPosition) == "function" && $("#__SCROLLPOSITIONX").length > 0) WebForm_RestoreScrollPosition(); var ua = navigator.userAgent; // Init Renavigation $("#navprimary").renavigation({ desktopdropdown: 0, mobileshowselected: 1, sliteInType: "left", toggleSearch: (!(/iPad/.test(navigator.platform) && /OS [1-5]_[0-9_]* like Mac OS X/i.test(ua) && ua.indexOf("AppleWebKit") > -1)) }); initAsyncPostBackForEachCall(); }(window.site || {}, window.document, jQuery, window.Sys)); $(function () { site.framework.clickBuyOnEnter(); site.framework.mobileNavigationAnchorListener(); }); ;(function (site, $) { $.widget("custom.catcomplete", $.ui.autocomplete, { _renderMenu: function (ul, items) { var self = this, currentCategory = ""; $.each(items, function (index, item) { if (item.category && item.category != currentCategory) { ul.append("/// Shows and hides the "Your product has been added to cart" tooltip. /// /// The element that triggered the update to the cart (e.g. the button the user clicked on to add an item to the cart). var cartUpdatedNotification = function (source) { var tooltipApi, tooltipElement, tooltipSelector = '#addedtocartmessage'; var hide = function () { if (cartUpdatedNotificationTimer) { // Cancel the hiding of an existing tooltip. window.clearTimeout(cartUpdatedNotificationTimer); } if (tooltipApi) { // The current source has an existing tooltip, we hide it. tooltipApi.hide(); } else if (tooltipElement) { // The current source has no existing tooltip, we simply hide the tooltip element. tooltipElement.hide(); } }; tooltipApi = source.data('tooltip'); hide(); if (!tooltipApi) { source .tooltip({ effect: 'slide', tip: tooltipSelector, events: { def: 'change,change' // Set impossible event to prevent the tooltip to show on mouseenter (show/hide set in site.cart.js) } }) .dynamic({ bottom: { direction: 'down', bounce: true } }); tooltipApi = source.data('tooltip'); } tooltipApi.show(); if (!tooltipElement) { tooltipElement = $(tooltipSelector); } cartUpdatedNotificationTimer = window.setTimeout(function () { hide(); }, 2000); }; ////// Adds an article to the cart, specified by the cartParams parameter. /// /// /// The ID of the article to add to the cart. /// The ID of the product to add to the cart. /// The ID of the language of the article to add to the cart. /// The quantity to add to the cart. /// /// The jQuery object that triggered the update to the cart (e.g. the button the user clicked on to add an item to the cart). var addArticleToCart = function (cartParams, source) { var handleServerResponse = function () { if (site.cart.addArticleHandler) { if (!site.cart.addArticleHandler(function () { cartUpdatedNotification(source); })) { // Skip normal processing if the handler returns falsy value. return; } } reloadMiniShoppingCart(); if (source) { cartUpdatedNotification(source); if (source.data("actiontype") == "quickorder") { site.framework.setCursorFocus(source); source.removeData("actiontype"); } } }; var parseCartParams = function () { if (cartParams) { if (isNaN(cartParams.quantity)) { cartParams.quantity = 1; } if (isNaN(cartParams.unitQuantifier)) { cartParams.unitQuantifier = 1; } cartParams.quantity = (cartParams.quantity * cartParams.unitQuantifier); return cartParams.articleId && cartParams.productId && cartParams.languageId && cartParams.quantity && cartParams.unitQuantifier > 0; } return false; }; if (parseCartParams()) { $.ajax({ type: 'POST', url: '/Site/CMS/Ajax/ShoppingCartService.asmx/AddArticleToCart', data: cartParams }).done(handleServerResponse); } }; var buyButtonClick = function (e) { var button = $(this), cartParams = button.data('cart'), quantity, unitQuantifier; e.preventDefault(); if (cartParams.quantityElementId) { // The params specify an id of an input element to read the quantity from. quantity = $('#' + cartParams.quantityElementId); if (quantity.length) { cartParams.quantity = quantity.val(); if (!cartParams.quantity || isNaN(cartParams.quantity)) { return false; } } } if (cartParams.unitQuantifierElementId) { // The params specify an id of an input element to read the quantity from. unitQuantifier = $('#' + cartParams.unitQuantifierElementId); if (unitQuantifier.length) { cartParams.unitQuantifier = unitQuantifier.val(); if (!cartParams.unitQuantifier || isNaN(cartParams.unitQuantifier)) { return false; } } } if (!cartParams.unitQuantifier) { cartParams.unitQuantifier = 1; } //Check for uneven /* The below text is the message sent in as a Valt antal stämmer inte överens med artikelns förpackningsstorlek ([minOrderQuantity] [stockKeepingUnit]). Lägg till [DiffUppÃ¥t] eller ta bort [DiffNerÃ¥t] för att lägga den i varukorgen. */ var currentQuantity = $('#' + cartParams.quantityElementId).val() * cartParams.unitQuantifier; var minQuantity = cartParams.minQuantity; var restValue = currentQuantity % minQuantity; if (restValue !== 0) { var message = $(".UnevenAmountOfArticleMessage").text(); var addValue = minQuantity - restValue; var showString = message.replace("[minOrderQuantity]", minQuantity); var stockKeepingUnit = cartParams.stockKeepingUnit; if (minQuantity > currentQuantity) { showString = showString. replace("[stockKeepingUnit]",stockKeepingUnit). replace("[diffUp]", addValue). replace("eller ta bort [diffDown]", ""); } if (minQuantity < currentQuantity) { showString = showString. replace("[stockKeepingUnit]", stockKeepingUnit). replace("[diffUp]", addValue). replace("[diffDown]", restValue); } $(".UnevenAmountOfArticleMessage").text(showString); $(".modalUnevenAmountOfArticleContainerContainer").show(); $('#btnCancelUnevenCancel').click(function () { e.preventDefault(); $(".UnevenAmountOfArticleMessage").text(message); $('.modalUnevenAmountOfArticleContainerContainer').hide(); }); return false; } //To check if the article is out of stock if (cartParams.articleStatus) { if (cartParams.articleStatus === '4') { var test = $('.StockStatusMessage').text().replace("{ARTICLENO}", cartParams.articleNo); $('.StockStatusMessage').text(test); $('.modalStockStatusContainer').show(); $('#btnCancelStockStatus').click(function () { e.preventDefault(); $('.modalStockStatusContainer').hide(); return false; }); $('#btnApproveStockStatus').unbind('click').click(function () { e.preventDefault(); addArticleToCart(cartParams, button); $('.modalStockStatusContainer').hide(); return false; }); return false; } } addArticleToCart(cartParams, button); return false; }; var initBuyButton = function () { $(document).on('click', 'a[data-role="buybutton"]:not(.disabled)', buyButtonClick); }; site.framework.initPage(false, initBuyButton); // Public API. site.cart = { ////// Return falsy value if normal processing should continue, /// addArticleHandler: addArticleHandler, reloadMiniShoppingCart: reloadMiniShoppingCart }; }(window.site || {}, window, window.document, jQuery)); /* Modal dialog functionality, uses jQuery ColorBox plugin. */ ;(function (site, document, $) { var windowsWidth = $(window).width(), windowsHeight = $(window).height() - 10; var defaults = { width: '50%', height: '50%', top: '0', right: '0', bottom: '0', left: '0', transition: 'none' }, modalClassElement, modalClass = 'modal2', // "modal" onComplete = function () { modalClassElement.addClass(modalClass); }, onCleanup = function () { // Hide the ColorBox elements immediately when closing so we don't have to wait for the built in fade-out transitions. $('#colorbox,#cboxOverlay').hide(); }, onClose = function () { modalClassElement.removeClass(modalClass); }, isInit = false; var init = function () { if (isInit) { return; } modalClassElement = $('html'); // Add/remove class to html element when a modal dialog is opened/closed enabling specific css to be applied for printing. $(document).bind({ 'cbox_complete': onComplete, 'cbox_cleanup': onCleanup, 'cbox_closed': onClose }); // var delay = (function () { // var timer = 0; // return function (callback, ms) { // clearTimeout(timer); // timer = setTimeout(callback, ms); // }; // })(); // var resizeInitiated = false; // $(window).resize(function () { // delay(function () { // windowsWidth = $(window).width(); // windowsHeight = $(window).height(); // // var $cboxContent = $('#cboxLoadedContent'); // var cBoxWidth = $cboxContent.width(), cBoxHeight = $cboxContent.height(); // var sizeDif = false; // // if (windowsWidth < cBoxWidth){ // cBoxWidth = windowsWidth; // sizeDif = true; // } // if (windowsHeight < cBoxHeight){ // cBoxHeight = windowsHeight; // sizeDif = true; // } // // if (sizeDif) { // $.colorbox.resize({ width: cBoxWidth + "px", height: cBoxHeight + "px" }); // resizeInitiated = true; // } else { // if (resizeInitiated) { // $.colorbox.resize({ width: windowsWidth + "px", height: windowsHeight + "px" }); // } // } // }, 500); // }); isInit = true; }; var main = function (element, options, selector) { var settings = $.extend({}, defaults, options); if (!selector) { element.colorbox(settings); } else { element.on('click.modal', selector, function (e) { e.preventDefault(); //prevent cache requests var url = $(this).attr("href"); var dateParameter = url.indexOf('?') != -1 ? "&_=" : "?_="; dateParameter+=$.now(); $(this).attr("href", url+dateParameter); $(this).colorbox(settings); }); } }; ////// ColorBoxify the element or the elements specified by the selector parameter. /// Elements will load a modal dialog when clicked. /// /// A jQuery selector, specifies which elements that should load a modal dialog when clicked. /// Options that will extend the default settings and be passed on to the ColorBox plugin. /// A jQuery object that specifies the element which the elements specified with themust be descendants of. If not specified, document.body will be used. $.fn.modal = function (options, selector) { init(); if (arguments.length === 1 && typeof options === 'string') { // Only selector provided. selector = options; options = {}; } main(this, options, selector); return this; }; $.fn.editpopup = function (options, selector,callBack) { init(); editpopup(this,options,selector,callBack); return this; }; var editpopup = function (element, options, selector, callBack) { var settings = $.extend({}, defaults, options); element.on('click.editpopup', selector, function (e) { e.preventDefault(); var form = $(this).closest('form'); var str = form.serialize(); $.post(this.href,str, function (data, textStatus, jqXHR) { if (jqXHR.status === 204) { if(callBack) { callBack(); } } else { settings= $.extend({}, settings, {html: data}); $.colorbox(settings); } }, 'html' ); }); }; }(window.site, window.document, jQuery)); ; (function (window, document, $, Modernizr) { 'use strict'; var fadeSpeed = 100, navGroupSelector = '.navgroup', activeClass = 'active', popupClass = 'popup', overEvent = 'mouseenter.nav', outEvent = 'mouseleave.nav', clickEvent = Modernizr.touch; var init = function (nav) { var rootNodes = nav.find('>ul>li').has('a[role=button]'), navHeight = 43,//nav.outerHeight()-5, // 5 is equal to border width links = rootNodes.children('a'); var initRootNode = function () { var navGroup, rootNode = $(this), link = rootNode.children('a'); var initNavGroup = function () { if (navGroup && navGroup.length) { navGroup.css('top', navHeight); } }; var close = function () { link.removeClass(activeClass); rootNode.removeClass(activeClass); navGroup.fadeOut(fadeSpeed, function () { navGroup.removeClass(activeClass); }); return false; }; var activate = function () { navGroup .addClass(activeClass) .find('.column').equalHeight(); }; var show = function () { var navGroups = nav.find(navGroupSelector).not(navGroup); if (navGroup.hasClass(activeClass)) { navGroups.removeClass(activeClass); // hide all navgroups. close(); } else { navGroup.fadeIn(fadeSpeed, function () { navGroups.removeClass(activeClass); activate(); navGroups.hide(); // hide other navgroups. }); links.not(link).removeClass(activeClass); link.addClass(activeClass); rootNode.addClass(activeClass + ' ' + popupClass); rootNodes.not(rootNode).removeClass(activeClass + ' ' + popupClass); } }; var create = function (data, textStatus, jqXhr) { if (data && jqXhr && jqXhr.status === 200) { navGroup = $($.trim(data)); rootNode.append(navGroup); initNavGroup(); show(); } }; /// /// Loads content via xhr. /// var load = function () { var pageId = link.data('page'); var productGroupId = link.data('productgroup'); var currentPageId = link.data('currentpage'); var menuPageId = link.data('menupageid'); var tagMenu = link.data('tagmenu'); var url, data, cache = true; if (currentPageId) { if (tagMenu) { url = location.protocol + '//' + location.host + '/Site/CMS/Ajax/ProductByFieldMenu.aspx'; data = 'PageID=' + pageId; } else if (productGroupId) { url = location.protocol + '//' + location.host + '/Site/CMS/Ajax/ProductGroupMenu.aspx'; data = 'id=' + productGroupId + '&PageID=' + currentPageId; } else { url = location.protocol + '//' + location.host + '/Site/CMS/Ajax/PageMenu.aspx'; data = 'id=' + pageId + '&PageID=' + currentPageId + "&MenuPageId=" + menuPageId; } $.ajax({ url: url, data: data, success: create, dataType: 'html', cache: cache }); return true; } return false; }; var open = function () { if (navGroup) { // Content already exists, show it. show(); } else { // Load content, then show it. return !load(); } return false; }; if (link.length) { if (clickEvent) { // Add click event to the link in the root node. link.click(open); } else { // Add hover events to the link in the root node. var openTimer = null, closeTimer = null; rootNode.bind(overEvent, function (event) { event.stopPropagation(); event.preventDefault(); if (!rootNode.hasClass(activeClass)) { rootNode.bind(outEvent, function () { window.clearTimeout(openTimer); closeTimer = window.setTimeout(function () { window.clearTimeout(openTimer); window.clearTimeout(closeTimer); if (rootNode.hasClass(activeClass)) { close(); } }, 300); }); openTimer = window.setTimeout(function () { window.clearTimeout(closeTimer); link.unbind(outEvent); open(); window.clearTimeout(openTimer); }, 50); } }); } } }; rootNodes.each(initRootNode); }; var submenu = function () { $(".toggle-sub-menu").click(function () { $(this).next().toggleClass("hide-for-small"); }); } $(document).ready(function () { init($('#navprimary')); submenu(); }); $(document).ready(function() { if (!$("body").hasClass("p-checkout")) { $(window).scroll(function () { /* eller document */ if ($(this).scrollTop() > 190) { $('body').addClass("sg-sticky-header"); } else { $('body').removeClass("sg-sticky-header"); } }); } $('#sticky-desktop-button').click(toggleMenu); function toggleMenu() { $('#navprimarylist').toggleClass('show'); } }); }(window, window.document, jQuery, Modernizr)); (function (site, $) { var $subnavProductGroups = $("#subnav-product-groups"); if ($subnavProductGroups.length) { $subnavProductGroups.find($("ul:not(:has(li))")).remove(); } }(window.site || {}, jQuery)); ; (function (site, window, $) { var tabs = function () { var onBeforeClick = function () { var url = $(this).children().eq(0).attr('href'); if (url.substr(0, 1) !== '#') { var divTarget = $(this).parent().find('.content').children('div'); // The href of the link is a URL to another page, // not just to a fragment on the same page, // so we load the content of that URL into the pane. site.framework.linkLoader({ url: url, target: divTarget, callBack: site.foundation.reapplyFoundationForms }); } }; $('p.title').on('click', onBeforeClick); }; var sortTable = function () { var $tbody = $('.favoriteTable tbody'); $tbody.find('tr').sort(function (a, b) { var tda = $('td.fav-list-name .displayName', a).text(); var tdb = $('td.fav-list-name .displayName', b).text(); return tda > tdb ? 1 // else if a > b return -1 : tda < tdb ? -1 // else they are equal - return 0 : 0; }).appendTo($tbody); var $tbodyCustomerUniqueTable = $('.customerUniqueTable tbody'); $tbodyCustomerUniqueTable.find('tr').sort(function (a, b) { var tda = $('td.fav-list-name .displayName', a).text(); var tdb = $('td.fav-list-name .displayName', b).text(); return tda > tdb ? 1 // else if a > b return -1 : tda < tdb ? -1 // else they are equal - return 0 : 0; }).appendTo($tbodyCustomerUniqueTable); } var initNotifications = function (context) { var $notifications = context.find('.notice'); if ($notifications.length) { window.setTimeout(function () { $notifications.slideUp(); }, 2000); } }; var initAddressFields = function (person, delivery) { var $defaultAddress1 = $(person.address), $defaultZip = $(person.zipCode), $defaultCity = $(person.city), $defaultCountry = $(person.country); var setAddress = function (set, $address1, $zip, $city, $country) { if (set) { $address1.val($defaultAddress1.val()); $zip.val($defaultZip.val()); $city.val($defaultCity.val()); $country.val($defaultCountry.val()); } else { $address1.val(''); $zip.val(''); $city.val(''); $country.val(0); } }; $(document.body).on('change', '.deliveryaddresstoggle', function () { var $address1 = $(delivery.address), $zip = $(delivery.zipCode), $city = $(delivery.city), $country = $(delivery.country); setAddress($(this).is(':checked'), $address1, $zip, $city, $country); }); }; var favouriteLists = function () { $(".rename-favourit-list-trigger").on("click", function () { var $trigger = $(this), $container = $trigger.closest("th").find(".rename-favourit-list-container"), $name = $trigger.closest("th").find(".list-name"); $container.toggle(); $name.toggle(); return false; }); $(".abort-rename").on("click", function () { var $trigger = $(this), $container = $trigger.closest("th").find(".rename-favourit-list-container"), $name = $trigger.closest("th").find(".list-name"); $container.find("input[type=text]").val($name.find("span").text()); $container.toggle(); $name.toggle(); return false; }); // $(document).on("change", "select", sortTable); }; var initMessageToCustomer = function () { var MessageToUserSaved = function (item) { switch ($.trim(item)) { case 'true': alert($('#MessageToUserSaved').val()); break; default: alert($('#MessageToUserNotSaved').val()); break; } }; var saveMessageToUser = function (e) { e.preventDefault(); var title = encodeURIComponent($('#txtMessageToUserTitle').val()); var message = encodeURIComponent($('#txtMessageToUserText').val()); //.replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, ' Environment.NewLine '); var dateTime = $('#txtMessageToUserDateTime').val(); $.ajax({ url: '/Site/CMS/Ajax/AjaxHelper.aspx?Action=savemessagetouser&title=' + title + "&message=" + message + "&date=" + dateTime + "&webSiteId=" + site.settings.webSiteId, cache: false }).done(MessageToUserSaved); } $('#btnSaveMessageToUser').on('click', saveMessageToUser); } var initCreatePriceListExcel = function() { var SendFile = function (item) { if ($.trim(item).indexOf('Prislista_') > -1) { $(".myOrderSpinner").hide(); window.location = window.location.origin + "/Pricelistexcel/" + $.trim(item); } else { $(".myOrderSpinner").hide(); alert($('#ExcelFileNotCreated').val()); } }; var CreateExcel = function (e) { e.preventDefault(); $(".myOrderSpinner").show(); $.ajax({ url: '/Site/CMS/Ajax/AjaxHelper.aspx?Action=createpricelistexcel&webSiteId=' + site.settings.webSiteId, cache: false }).done(SendFile); }; $('#btnCreatePriceListExcel').on('click', CreateExcel); }; var init = function () { tabs(); initNotifications($('#content')); initCreatePriceListExcel(); site.orderhistory.init('#orderhistory'); site.persons.init('#persons'); site.addresses.init('#addresses'); initMessageToCustomer(); favouriteLists(); $(".myOrderSpinner").hide(); $(function () { $('#txtMessageToUserDateTime').datepicker(); }); $('.lblHeaderForProccessingOrderLoadingList').show(); $('.lblproccessingOrderLoadingList').show(); $('.lblHeaderForProccessingOrderAddingListToCart').hide(); $('.lblProccessingOrderAddingListToCart').hide(); //show last active tab var url = window.location.href; var index = url.indexOf('#'); if (index > 0) { var activeTab = window.location.href.substring(url.indexOf('#') + 1); if (activeTab !== "") { $('section').each(function (i) { $(this).removeClass("active"); }); $('.' + activeTab).addClass("active"); } } //show last active tab //SORT TABLE sortTable(); }; var updateMiniShoppingCart = function (html) { var cart = $('#minicart'); if (cart.length) { cart.html(html); } }; $(function () { Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler); }); function EndRequestHandler(sender, args) { $(document).ready(function () { $.ajax({ url: '/Site/CMS/Ajax/MiniCart.aspx?PageID=' + site.settings.pageId, cache: false }).done(updateMiniShoppingCart); sortTable(); $('.lblHeaderForProccessingOrderLoadingList').show(); $('.lblproccessingOrderLoadingList').show(); $('.lblHeaderForProccessingOrderAddingListToCart').hide(); $('.lblProccessingOrderAddingListToCart').hide(); favouriteLists(); }); } site.mypage = { initAddressFields: initAddressFields }; site.framework.initPage('mypage', init, false, initNotifications); }(window.site || {}, window, jQuery)); ;(function (site, window, document, $) { var initOrder = function (parentselector,selector) { $(document.body).on('click.cancelbutton', selector +' .cancelbutton', refreshCancelPageHandler); $(document.body).on('click.approvebutton', selector +' .approvebutton', refreshApprovePageHandler); function refreshCancelPageHandler(e) { e.preventDefault(); var button = $(this); var message = button.data('message'); var answer = confirm(message); if (answer) { refreshPageHandler(button); } } function refreshApprovePageHandler(e) { e.preventDefault(); var button = $(this); refreshPageHandler(button); } function refreshPageHandler(button) { site.framework.linkLoader({ link: button, target: $(selector), forceReload: true, callBack: function() { if ($('.paging a.active').length > 0) { $('.paging a.active').click(); } else { site.framework.linkLoader({ link: $('div[data-section] .active p[data-section-title] a'), target: $(parentselector), forceReload: true }); } } }); } $(document.body).on('click.reorderbutton', selector +' .reorderbutton', function(e) { e.preventDefault(); var message = $(this).attr('message'); var answer = confirm(message); if(answer) { var button = $(this); $.post( this.href, function () { site.cart.reloadMiniShoppingCart(); site.orderhistory.orderUpdatedNotification(button, '#reordermessage'); }, 'html' ); } }); }; var printButton = function () { $(document.body).on('click', '.printbutton', function () { window.print(); }); }; var init = function (parentselector) { initOrder(parentselector, '#orderdetails'); printButton(); }; // Public API. site.order = { init: init }; site.framework.initPage('order', init); }(window.site || {}, window, window.document, jQuery)); ;(function (site, $) { var orderUpdatedNotificationTimer = null; var orderUpdatedNotification = function (source, tooltipTextSelector) { var tooltipApi; var tooltipText = $(tooltipTextSelector).text(); var originalTitle = source.attr('title'); var hide = function () { if (orderUpdatedNotificationTimer) { // Cancel the hiding of an existing tooltip. window.clearTimeout(orderUpdatedNotificationTimer); } if (tooltipApi) { // The current source has an existing tooltip, we hide it. tooltipApi.hide(); } }; tooltipApi = source.data('tooltip'); hide(); // Change the title attribute of the link so the tooltip plugin can use it. source.attr('title', tooltipText); if (!tooltipApi) { source .tooltip({ tipClass: 'reordermessage', effect: 'slide', events: { def: 'change,change' } }) .dynamic({ bottom: { direction: 'down', bounce: true } }); tooltipApi = source.data('tooltip'); } tooltipApi.show(); // Reapply the real title attribute source.attr('title', originalTitle); orderUpdatedNotificationTimer = window.setTimeout(function () { hide(); }, 2000); }; var initOrderlist = function (selector) { $(selector) .each(function() { var orderlist = $(this); orderlist.on('click', '.paging a', function(e) { e.preventDefault(); site.framework.linkLoader({ link: $(this), target: orderlist, forceReload: true, callBack: function () { //site.foundation.reapplyFoundationForms(); if ($(document).scrollTop() > orderlist.offset().top) { $(window).scrollTop(orderlist.offset().top); } } }); }); orderlist.on('change.myorders', '.myorders', function(e) { site.framework.linkLoader({ link: $(this), target: orderlist, forceReload: true, callBack: site.foundation.reapplyFoundationForms }); }); orderlist.on('click.approvebutton', '.approvebutton', function(e) { e.preventDefault(); var button = $(this); var orderParams = button.data('order'); var message = button.data('message'); var answer = confirm(message); if (answer) { $.post( this.href, orderParams, function(data) { orderUpdatedNotification(button, '#orderapprovedmessage'); orderlist.html(data); //site.foundation.reapplyFoundationForms(); }, 'html' ); } }); orderlist.on('click.reorderbutton', '.reorderbutton', function(e) { e.preventDefault(); var button = $(this); var orderParams = button.data('order'); var message = button.data('message'); var answer = confirm(message); if (answer) { $.post( this.href, orderParams, function() { site.cart.reloadMiniShoppingCart(); orderUpdatedNotification(button, '#reordermessage'); }, 'html' ); } }); orderlist.on('click.cancelbutton', '.cancelbutton', function(e) { e.preventDefault(); var button = $(this); var orderParams = button.data('order'); var message = button.data('message'); var answer = confirm(message); if (answer) { $.post( this.href, orderParams, function(data) { orderlist.html(data); //site.foundation.reapplyFoundationForms(); }, 'html' ); } }); orderlist.on('click.order-link', '.order-link', function(e) { site.framework.showModal($(this),'orderpopup', e); }); }); }; var init = function (orderlistSelector) { initOrderlist(orderlistSelector); site.order.init(orderlistSelector); }; // Public API. site.orderhistory = { init: init, orderUpdatedNotification:orderUpdatedNotification }; site.framework.initPage('orderhistory', init); }(window.site || {}, jQuery)); (function (site, $) { /* Product page: Makes equal height for products.*/ var setProductHeight = function () { var products = $('#mostsoldarticles,#populararticles,#similarproducts,.productlist,.accessoryitemswrapper,.structureitemwrapper,.cross-sale-products'); products.find('.header-container').equalHeight(); //products.find('.variantselectioncontainer').equalHeight(); products.find('.buyquantitytextboxcontainer').equalHeight(); products.find('.pricecontainer').equalHeight(); }, addToFavourites = function () { //$("").slideToggle(); $(function () { // setTimeout() function will be fired after page is loaded // it will wait for 5 sec. and then will fire // $("#successMessage").hide() function setTimeout(function () { $(".added-success").slideUp("fast"); $(".show-favourites").removeClass("active"); }, 2000); }); $(".show-favourites").on("click", function () { $(this).toggleClass("active"); $(".add-new").slideUp("fast"); $(".alert-box").slideUp("fast"); $(".add-to-favourites").slideToggle("fast", function () { }); return false; }); $(".show-add-new").on("click", function () { $(".add-to-favourites").slideUp("fast"); $(".add-new").slideToggle("fast", function () { }); return false; }); $(".add-new-save").on("click", function () { if ($(".add-new-name").val() != "") { console.log("Reload and save list and items"); return true; } else { alert($(".add-new-name").data("validation-error")); return false; } }); $(".cancel-add").on("click", function () { $(".add-to-favourites").slideUp("fast"); $(".add-new").slideUp("fast"); $(".show-favourites").removeClass("active"); $(".add-new-name").val(""); return false; }); }, initQuickOrderFocus = function () { var queryStrings = location.search; if ($(".buyquantitytextboxcontainer input").length && queryStrings.indexOf("quickorder") != -1) { var $firstItem = $(".buyquantitytextboxcontainer input").first(); $firstItem.focus(); $firstItem.get(0).setSelectionRange(0, $firstItem.val().length); } }, init = function () { setProductHeight(); initQuickOrderFocus(); addToFavourites(); Foundation.libs.section.settings.callback = setProductHeight; }; site.product = { setProductHeight: setProductHeight }; var reInit = function () { setProductHeight(); addToFavourites(); }; site.framework.initPage('productgroup', null, init, reInit); site.framework.initPage('productcatalog', null, init, reInit); site.framework.initPage('productsetpage', null, init, reInit); site.framework.initPage('productbyfieldlist', null, init, reInit); $('.modalVideo').on('click',function (e) { e.preventDefault(); site.framework.showModalVideo($(this).data('youtubeid'));}); }(window.site || {}, jQuery)); (function (site, $) { // Makes the products and its children have equal height. var setProductHeight = function () { var products = $('article.productitem'); products.find('.header-container').equalHeight(); products.find('h3').equalHeight(); products.find('.buyquantitytextboxcontainer').equalHeight(); products.find('.pricecontainer').equalHeight(); products.equalHeight(); }; $('.closeMessageBox').on("click", function(e) { e.preventDefault(); $('.ContainerForMessageToUser').hide(); }); var init = function () { setProductHeight(); }; site.framework.initPage('startpage', null, init, init); }(window.site || {}, jQuery)); ;(function (site, window, $) { var history = window.History; var initPaging = function () { $('.productlist').each(function () { $(this).on('click', '.paging a', function (e) { e.preventDefault(); loadLink($(this).attr('href')); }); }); }; var initFilter = function () { $('.ajax').each(function () { $(this).on('click', 'a', function (e) { e.preventDefault(); var url = $(this).attr('href'); if (url!="#") { loadLink($(this).attr('href')); } }); $(this).on('change', 'select', function (e) { e.preventDefault(); loadLink(this.value); }); }); }; var populateSlider = function(minPrice, maxPrice) { if (typeof fromPrice === 'undefined' || fromPrice < minPrice) { fromPrice = minPrice; } if (typeof toPrice === 'undefined' || toPrice > maxPrice) { toPrice = maxPrice; } $("#slider-range").slider({ range: true, min: minPrice, max: maxPrice, values: [fromPrice, toPrice], slide: function(event, ui) { $(".fromPrice").text(ui.values[0] + " " + currencySymbol); $(".toPrice").text(ui.values[1] + " " + currencySymbol); }, change: function(event, ui) { var sliderurl = $("#slider-range").attr('data-sliderurl'); var delimiter = sliderurl.indexOf("?") != -1 ? "&" : "?"; if(ui.values[0] !== minPrice) { sliderurl = sliderurl + delimiter + 'FromPrice=' + ui.values[0]; delimiter = "&"; } if(ui.values[1] !== maxPrice) { sliderurl = sliderurl + delimiter + 'ToPrice=' + ui.values[1]; delimiter = "&"; } if(ui.values[0] == minPrice && ui.values[1] == maxPrice) { sliderurl = sliderurl + delimiter + 'FromPrice=' + ui.values[0] + '&ToPrice=' + ui.values[1]; } loadLink(sliderurl); } }); $(".fromPrice").text(fromPrice + " " + currencySymbol); $(".toPrice").text(toPrice + " " + currencySymbol); }; var initSlider = function () { if (!$("#slider-range").length) return; var currentpageurl = $("#slider-range").attr('data-pageurl'); if ((typeof minPrice === 'undefined') || (typeof maxPrice === 'undefined')) { $.ajax({url : currentpageurl,cache :false}).done(function(data) { if(data.MinPrice !=null || data.MaxPrice != null) { populateSlider(data.MinPrice, data.MaxPrice); }else { $('.slider-container').hide(); } }); }else { populateSlider(minPrice, maxPrice); } }; var loadLink = function (url) { if (history.enabled) { history.pushState(url, null, url); } else { makePostbackRequest(url); } }; var makePostbackRequest = function (url) { $('form:first').attr('action', url); site.framework.loadingMessage($('.productlist')); $('.productsearchbutton').click(); }; var initSearchResult = function () { initPaging(); initFilter(); initSlider(); normalizeProductHeight($('.productlist .productitem')); }; var normalizeProductHeight = function (products) { products.find('.header-container').equalHeight(); //products.find('.variantselectioncontainer').equalHeight(); products.find('.buyquantitytextboxcontainer').equalHeight(); products.equalHeight(); }; var reInitSearchResult = function (panel) { var products = panel.find('.productitem'), images = products.find('.imagewrapper img'), numberOfImages = images.length, numberOfLoadedImages = 0; var onImageLoad = function () { numberOfLoadedImages++; if (numberOfLoadedImages === numberOfImages) { normalizeProductHeight(products); } }; initPaging(); initFilter(); initSlider(); if (numberOfImages) { images.load(onImageLoad); } else { // No images, still need to normalize the height. normalizeProductHeight(products); } $('form:first').attr('action', window.location.href); }; //Workaround for IE, because in IE statechange event is called twice when you press backbutton after postback. var isStateChangeCalled = true; $(window).bind('statechange', function () { statechangeaction(); }); function statechangeaction() { if (isStateChangeCalled === true) { var state = history.getState(), url = state.url; makePostbackRequest(url); isStateChangeCalled = false; setTimeout(function() { isStateChangeCalled = true; }, 300); } } site.searchResult = { init: initSearchResult }; site.framework.initPage('searchresult', false, initSearchResult, reInitSearchResult); site.framework.initPage('productgroup', false, initSearchResult, reInitSearchResult); site.framework.initPage('productcatalog', false, initSearchResult, reInitSearchResult); site.framework.initPage('productsetpage', false, initSearchResult, reInitSearchResult); site.framework.initPage('productbyfieldlist', false, initSearchResult, reInitSearchResult); }(window.site || {}, window, jQuery)); ; (function (site, $) { //Temporary stores delivery id var deliveryOpenPopupLink; var altAddressVisibilitySwitcher = function () { var altAddressContainer = $('.altAddressContainer'); var initializeValidators = function () { var checkBox = $('.altAddressVisibilitySwitcher input'); if (checkBox.is(':checked')) { altAddressContainer.find('.error').each(function () { this.enabled = true; }); } else { altAddressContainer.find('.error').each(function () { ValidatorEnable(this, false); }); } }; initializeValidators(); $('.altAddressVisibilitySwitcher input').on('change', function () { initializeValidators(); altAddressContainer.toggle($(this).is(':checked')); }); }; var initAcceptConditions = function (checkBoxId, submitButtonId) { var initializeButtonVisibility = function () { var checkBox = $('#' + checkBoxId), submitButton = $('#' + submitButtonId); if (checkBox.is(':checked')) { submitButton.removeAttr('disabled'); submitButton.removeClass('disabled'); } else { submitButton.attr('disabled', 'disabled'); submitButton.addClass('disabled'); } }; initializeButtonVisibility(); $('#' + checkBoxId).on('change', function () { initializeButtonVisibility(); }); }; var initTermsAndConditions = function () { $('#termsandconditionslink').click(function (event) { site.framework.showModalWithText($('#textandagreementcontainer'), event); }); }; var initAddressPopups = function () { $(document.body).on('click', '.billingaddressaddeditlinkpopup', function (e) { site.framework.showModal($(this), 'billingaddressaddeditpopup', e); }); $(document.body).on('click', '.billingaddressaddeditpopup .saveaddress', function (e) { site.framework.showEditModal($(this), '.addresspopup', e, function (jqXHR) { var addressid = jqXHR.getResponseHeader('x-addressid'); var oldAddressid = $('.dropDownListBillingAddresses').val(); site.framework.closeModal(); if (addressid == oldAddressid) { setInterval(function () { __doPostBack("AddressChanged", ''); }, 300); } else { __doPostBack($('#updatePanelContainer > div').attr('id'), addressid); } }); }); $(document.body).on('click', '.billingaddressaddeditpopup .closepopup', function () { site.framework.closeModal(); }); $(document.body).on('click', '.deliveryaddressaddeditlinkpopup', function (e) { deliveryOpenPopupLink = $(this); site.framework.showModal($(this), 'deliveryaddressaddeditpopup', e); }); $(document.body).on('click', '.deliveryaddressaddeditpopup .saveaddress', function (e) { site.framework.showEditModal($(this), '.addresspopup', e, function (jqXHR) { var addressid = jqXHR.getResponseHeader('x-addressid'); var deliveryId = deliveryOpenPopupLink.closest('.deliverymethod').find('input[type=\'hidden\']').val(); var argument = addressid + "#" + deliveryId; site.framework.closeModal(); setInterval(function () { __doPostBack("AddressChanged", argument); }, 300); }); }); $(document.body).on('click', '.deliveryaddressaddeditpopup .closepopup', function () { site.framework.closeModal(); }); $(document.body).on('click', '.deliveryaddressaddlinlpopup', function (e) { deliveryOpenPopupLink = $(this); site.framework.showModal($(this), 'deliveryaddressaddpopup', e); }); $(document.body).on('click', '.deliveryaddressaddpopup .saveaddress', function (e) { site.framework.showEditModal($(this), '.addresspopup', e, function (jqXHR) { var addressid = jqXHR.getResponseHeader('x-addressid'); var deliveryId = deliveryOpenPopupLink.closest('.deliverymethod').find('input[type=\'hidden\']').val(); var argument = addressid + "#" + deliveryId; site.framework.closeModal(); setInterval(function () { __doPostBack("AddressChanged", argument); }, 300); }); }); $(document.body).on('click', '.deliveryaddressaddpopup .closepopup', function () { site.framework.closeModal(); }); }; var initConfirmButtonActions = function (confirmButtonId, confirmButtonUniqueId) { $('#' + confirmButtonId).click(function () { $(this).attr("disabled", "disabled"); __doPostBack(confirmButtonUniqueId, ''); }); }; var initPaymentMethods = function () { $('.paymentmethodspopupcontainer').on('click', '.paymentmethod', function (e) { $('.paymentmethod').removeClass('selected'); $(this).addClass('selected'); var el = $('input[type="radio"]', $(this)); $('span', el.parent()).addClass('checked'); if (el.data('a') != '1') { el.data('a', '1'); el.click(); el.data('a', ''); } }); $(document.body).on('click', '.paymentmethodspopuplink', function (event) { event.preventDefault(); $('.paymentmethodspopupcontainer').foundation('reveal', 'open'); }); }; var initDeliveryMethods = function () { $('.deliverymethodspopupcontainer').on('click', '.deliverymethod', function (e) { $('.deliverymethod').removeClass('selected'); $(this).addClass('selected'); var el = $('input[type="radio"]', $(this)); $('span', el.parent()).addClass('checked'); if (el.data('a') != '1') { el.data('a', '1'); el.click(); el.data('a', ''); } }); $(document.body).on('click', '.deliverymethodspopuplink', function (event) { event.preventDefault(); $('.deliverymethodspopupcontainer ').foundation('reveal', 'open'); }); $('.checkedDelivery').parents('.deliverymethod').addClass('checked'); }; var hideshowdeliveryrows = function () { if ($(".showdeliveryrow").val() == 'true') { $(".hidedeliveryrows").show(); $(".deliveryrowscontainer").show(); $(".showdeliveryrows").hide(); } else { $(".showdeliveryrows").show(); $(".hidedeliveryrows").hide(); $(".deliveryrowscontainer").hide(); } $(".hidedeliveryrows").click(function (e) { e.preventDefault(); $(".showdeliveryrows").toggle(); $(".hidedeliveryrows").toggle(); $(".deliveryrowscontainer").toggle(); $(".showdeliveryrow").val('false'); }); $(".showdeliveryrows").click(function (e) { e.preventDefault(); $(".showdeliveryrows").toggle(); $(".hidedeliveryrows").toggle(); $(".deliveryrowscontainer").toggle(); $(".showdeliveryrow").val('true'); }); }; var reduceQuantityToZeroConfirm = function (sender, confirmMessage) { var button = $(sender); var quantity = button.siblings('input.quantity'), q; if (quantity.length) { q = parseInt(quantity.val(), 10); if (q < 1) { var answer = confirm(confirmMessage); if (!answer) { var oldquantity = quantity.data('quantity'); quantity.val(oldquantity); return false; } } } return true; }; var init = function () { altAddressVisibilitySwitcher(); initAddressPopups(); initTermsAndConditions(); site.foundation.fixCustomMarkup(); initPaymentMethods(); initDeliveryMethods(); site.cart.addArticleHandler = function (cartUpdatedNotification) { window.setTimeout(function () { __doPostBack('addproduct', ''); }, 500); cartUpdatedNotification(); return false; }; $('.maxlengthvalidate').each(function() { var $this = $(this); var maxLength = $this.data('maxlength'); var warningMessage = $this.next('.maxlengthexceededwarning'); warningMessage.hide(); $this.keyup(function() { if ($this.val().length > (maxLength - 2)) { $this.val($this.val().substr(0, maxLength)); } if ($this.val().length === maxLength) { warningMessage.show(); } else { warningMessage.hide(); } }); }); hideshowdeliveryrows(); $(".orderrowquantity").change(function () { var newvalue = $(this).val(); if (newvalue != 0) { $(this).data('quantity', newvalue); } }); }; site.checkout = { altAddressVisibilitySwitcher: altAddressVisibilitySwitcher, initAcceptConditions: initAcceptConditions, initConfirmButtonActions: initConfirmButtonActions, reduceQuantityToZeroConfirm: reduceQuantityToZeroConfirm }; site.framework.initPage('checkout', init); site.framework.initPage('addeditaddress', init); }(window.site || {}, jQuery)); ;(function (site, $) { var initPersonlist = function (selector) { $(selector) .each(function () { var personlist = $(this); personlist.on('click', '.paging a', function (e) { e.preventDefault(); site.framework.linkLoader({ link: $(this), target: personlist, forceReload: true, callBack: function () { if ($(document).scrollTop() > personlist.offset().top) { $(window).scrollTop(personlist.offset().top); } } }); }); personlist.on('click.deleteperson', '.deleteperson', function (e) { e.preventDefault(); var message = $(this).attr('message'); var answer = confirm(message); if(answer) { site.framework.linkLoader({ link: $(this), target: personlist, forceReload: true });} }); }); $(selector).on('click.addeditperson', '.addeditperson', function(e) { site.framework.showModal($(this),"personrevealpopup", e); }); }; var init = function (personlistSelector) { var personSelector = personlistSelector || '.personlist'; initPersonlist(personSelector); site.person.init(personSelector); }; // Public API. site.persons = { init: init }; site.framework.initPage('persons', init); }(window.site || {}, jQuery)); ; (function (site, window, document, $) { var initPerson = function (parentselector, selector) { $(document.body).on('click', selector + ' .saveperson', function(e) { site.framework.showEditModal($(this),selector,e, function () { var link; if ($(parentselector+' .paging a.active').length > 0){ link=$(parentselector+' .paging a.active'); } else { link = $('div[data-section] .active p[data-section-title] a'); } site.framework.linkLoader({ link: link, target: $(parentselector), forceReload: true, callBack: function () { site.framework.closeModal(); } }); }); }); $(document.body).on('click', selector + ' .closepopup', function (e) { e.preventDefault(); site.framework.closeModal(); }); }; var init = function (parentselector) { initPerson(parentselector, '#personpopup'); }; // Public API. site.person = { init: init }; site.framework.initPage('person', init); } (window.site || {}, window, window.document, jQuery)); ; (function (site, $) { var addressesSelector; var initAddresslist = function (parentselector,selector) { $(parentselector) .each(function () { var addresslist = $(this); addresslist.on('click', '.paging a', function (e) { e.preventDefault(); site.framework.linkLoader({ link: $(this), target: addresslist, forceReload: true, callBack: function () { if ($(document).scrollTop() > addresslist.offset().top) { $(window).scrollTop(addresslist.offset().top); } } }); }); addresslist.on('click.deleteaddress', '.deleteaddress', function (e) { e.preventDefault(); var message = $(this).attr('message'); var answer = confirm(message); if (answer) { site.framework.linkLoader({ link: $(this), target: addresslist, forceReload: true }); } }); addresslist.on('click', '.addeditaddress', function(e) { site.framework.showModal($(this),"addressrevealpopup", e); }); }); $(document.body).on('click', selector + ' .saveaddress', function(e) { site.framework.showEditModal($(this),selector,e, function () { var link; if ($(parentselector+' .paging a.active').length > 0){ link=$(parentselector+' .paging a.active'); } else { link = $('div[data-section] .active p[data-section-title] a'); } site.framework.linkLoader({ link: link, target: $(parentselector), forceReload: true, callBack: function () { site.framework.closeModal(); } }); }); }); $(document.body).on('click', selector + ' .closepopup', function(e) { site.framework.closeModal(); }); }; var init = function (parentselector) { addressesSelector = parentselector || '.addresslist'; initAddresslist(parentselector, '.addresspopup'); }; // Public API. site.addresses = { init: init }; site.framework.initPage('addresses', init); } (window.site || {}, jQuery)); (function (site, $) { /* Product page: Makes equal height for products.*/ var setNewsItemHeight = function () { var item = $('.newslist'); item.find('.inner').equalHeight(); }; var reInit = function () { setNewsItemHeight(); }, init = function () { setNewsItemHeight(); Foundation.libs.section.settings.callback = setNewsItemHeight; }; site.framework.initPage('newslist', null, init, reInit); }(window.site || {}, jQuery)); (function (site, $) { var initFixForCustomForms = function () { $('form.custom input[type="radio"]').not('[data-customforms="disabled"]') .each(appendCustomMarkup); $('form.custom input[type="checkbox"]').not('[data-customforms="disabled"]') .each(appendCustomMarkup); }; var appendCustomMarkup = function (idx, sel) { var $this = $(sel); // Set the element's display property to block, // but ensure it's visibility is hidden. $this.css({ 'display': 'none' }); if ($this.attr('type') === 'radio') { $this.on('change', function (e) { e.preventDefault(); toggleRadio($(this)); }); } }; var toggleRadio = function ($element) { var $input = $element, $form = $input.closest('form.custom'); if (false === $input.is(':disabled')) { var listName = $element.parent().attr('data-customformname'); if (typeof (listName) !== "undefined") { listName = this.escape($element.parent().attr('data-customformname')); var $span = $element.next(); $form.find('span[data-customformname="' + listName + '"]').children('span.custom').not($span).removeClass('checked'); } $input.click(); } }; var fixCustomMarkup = function () { initFixForCustomForms(); }; var reapplyFoundationForms = function () { $(document).foundation('forms'); initFixForCustomForms(); }; // Public API. site.foundation = { fixCustomMarkup : fixCustomMarkup, reapplyFoundationForms : reapplyFoundationForms }; } (window.site || {}, jQuery)); var relatedSize = 3; (function (site, $) { $('#showMoreRelatedProducts').click(function () { var $this = $(this); var $span = $this.children(':visible').eq(0); if ($span.hasClass("showMore")) { relatedProductsShowMore(true); } else { relatedProductsShowLess(true); } }); $('.related-tab').mouseup(function () { relatedProductsShowLess(true); }); function relatedProductsShowMore(changeShowHide) { var list = $('.section-container section.active div.related-article.row'); if (list.length) { list.show(); } if (changeShowHide) { $('.showLess').show(); $('.showMore').hide(); $('#showMoreRelatedProducts').removeClass('expand'); $('#showMoreRelatedProducts').addClass('collapse'); } } function relatedProductsShowLess(changeShowHide) { var list = $('.section-container section.active div.related-article.row'); list.hide(); $('.section-container section.active div.related-article.row:lt(' + relatedSize + ')').show(); if (changeShowHide) { $('.showLess').hide(); $('.showMore').show(); $('#showMoreRelatedProducts').addClass('expand'); $('#showMoreRelatedProducts').removeClass('collapse'); } } $(document).ready(function () { relatedProductsShowLess(true); var childArticleNumber = $('span#childArticleNumber'); var parentArticleNumber = $('#parentArticleNumber').text().trim(); $.each(childArticleNumber, function (i, v) { if ($(v).text().trim() === parentArticleNumber) { $(v).closest('div').find('.productitem').addClass('currentvariant'); }; }); }); $(document).ready(function () { var liSize = $("#show-more-list li").size(); var x = parseInt($("#show-more-list").attr('data-show-count')); if (liSize > x) { $('#show-more-list li').hide(); $('#show-more-list li:lt(' + x + ')').show(); $('#loadLess').hide(); $('#loadMore').show(); $('#loadMore').click(function () { $('#show-more-list li').show(); $('#loadLess').show(); $('#loadMore').hide(); }); $('#loadLess').click(function () { $('#show-more-list li').hide(); $('#loadMore').show(); $('#loadLess').hide(); $('#show-more-list li:lt(' + x + ')').show(); $(document).scrollTop($('#show-more-list li:nth-child(1)').position().top); }); } else { $('#show-more-list li').show(); $('#loadMore').parent().parent().hide(); $('#loadLess').hide(); $('#loadMore').hide(); } }); }(window.site || {}, jQuery)); (function(cc) { // stop from running again, if accidently included more than once. if (cc.hasInitialised) return; var util = { // http://stackoverflow.com/questions/3446170/escape-string-for-use-in-javascript-regex escapeRegExp: function(str) { return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&'); }, hasClass: function(element, selector) { var s = ' '; return element.nodeType === 1 && (s + element.className + s).replace(/[\n\t]/g, s).indexOf(s + selector + s) >= 0; }, addClass: function(element, className) { element.className += ' ' + className; }, removeClass: function(element, className) { var regex = new RegExp('\\b' + this.escapeRegExp(className) + '\\b'); element.className = element.className.replace(regex, ''); }, interpolateString: function(str, callback) { var marker = /{{([a-z][a-z0-9\-_]*)}}/ig; return str.replace(marker, function(matches) { return callback(arguments[1]) || ''; }) }, getCookie: function(name) { var value = '; ' + document.cookie; var parts = value.split('; ' + name + '='); return parts.length != 2 ? undefined : parts.pop().split(';').shift(); }, setCookie: function(name, value, expiryDays, domain, path) { var exdate = new Date(); exdate.setDate(exdate.getDate() + (expiryDays || 365)); var cookie = [ name + '=' + value, 'expires=' + exdate.toUTCString(), 'path=' + (path || '/') ]; if (domain) { cookie.push('domain=' + domain); } document.cookie = cookie.join(';'); }, // only used for extending the initial options deepExtend: function(target, source) { for (var prop in source) { if (source.hasOwnProperty(prop)) { if (prop in target && this.isPlainObject(target[prop]) && this.isPlainObject(source[prop])) { this.deepExtend(target[prop], source[prop]); } else { target[prop] = source[prop]; } } } return target; }, // only used for throttling the 'mousemove' event (used for animating the revoke button when `animateRevokable` is true) throttle: function(callback, limit) { var wait = false; return function() { if (!wait) { callback.apply(this, arguments); wait = true; setTimeout(function() { wait = false; }, limit); } } }, // only used for hashing json objects (used for hash mapping palette objects, used when custom colours are passed through JavaScript) hash: function(str) { var hash = 0, i, chr, len; if (str.length === 0) return hash; for (i = 0, len = str.length; i < len; ++i) { chr = str.charCodeAt(i); hash = ((hash << 5) - hash) + chr; hash |= 0; } return hash; }, normaliseHex: function(hex) { if (hex[0] == '#') { hex = hex.substr(1); } if (hex.length == 3) { hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2]; } return hex; }, // used to get text colors if not set getContrast: function(hex) { hex = this.normaliseHex(hex); var r = parseInt(hex.substr(0, 2), 16); var g = parseInt(hex.substr(2, 2), 16); var b = parseInt(hex.substr(4, 2), 16); var yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000; return (yiq >= 128) ? '#000' : '#fff'; }, // used to change color on highlight getLuminance: function(hex) { var num = parseInt(this.normaliseHex(hex), 16), amt = 38, R = (num >> 16) + amt, B = (num >> 8 & 0x00FF) + amt, G = (num & 0x0000FF) + amt; var newColour = (0x1000000 + (R<255?R<1?0:R:255)*0x10000 + (B<255?B<1?0:B:255)*0x100 + (G<255?G<1?0:G:255)).toString(16).slice(1); return '#'+newColour; }, isMobile: function() { return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); }, isPlainObject: function(obj) { // The code "typeof obj === 'object' && obj !== null" allows Array objects return typeof obj === 'object' && obj !== null && obj.constructor == Object; }, }; // valid cookie values cc.status = { deny: 'deny', allow: 'allow', dismiss: 'dismiss' }; // detects the `transitionend` event name cc.transitionEnd = (function() { var el = document.createElement('div'); var trans = { t: "transitionend", OT: "oTransitionEnd", msT: "MSTransitionEnd", MozT: "transitionend", WebkitT: "webkitTransitionEnd", }; for (var prefix in trans) { if (trans.hasOwnProperty(prefix) && typeof el.style[prefix + 'ransition'] != 'undefined') { return trans[prefix]; } } return ''; }()); cc.hasTransition = !!cc.transitionEnd; // array of valid regexp escaped statuses var __allowedStatuses = Object.keys(cc.status).map(util.escapeRegExp); // contains references to the custom