").append(m.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,e||[a.responseText,b,a])}),this},m.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){m.fn[b]=function(a){return this.on(b,a)}}),m.expr.filters.animated=function(a){return m.grep(m.timers,function(b){return a===b.elem}).length};var cc=a.document.documentElement;function dc(a){return m.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}m.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=m.css(a,"position"),l=m(a),n={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=m.css(a,"top"),i=m.css(a,"left"),j=("absolute"===k||"fixed"===k)&&m.inArray("auto",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),m.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(n.top=b.top-h.top+g),null!=b.left&&(n.left=b.left-h.left+e),"using"in b?b.using.call(a,n):l.css(n)}},m.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){m.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,m.contains(b,e)?(typeof e.getBoundingClientRect!==K&&(d=e.getBoundingClientRect()),c=dc(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===m.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),m.nodeName(a[0],"html")||(c=a.offset()),c.top+=m.css(a[0],"borderTopWidth",!0),c.left+=m.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-m.css(d,"marginTop",!0),left:b.left-c.left-m.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||cc;while(a&&!m.nodeName(a,"html")&&"static"===m.css(a,"position"))a=a.offsetParent;return a||cc})}}),m.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);m.fn[a]=function(d){return V(this,function(a,d,e){var f=dc(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?m(f).scrollLeft():e,c?e:m(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),m.each(["top","left"],function(a,b){m.cssHooks[b]=La(k.pixelPosition,function(a,c){return c?(c=Ja(a,b),Ha.test(c)?m(a).position()[b]+"px":c):void 0})}),m.each({Height:"height",Width:"width"},function(a,b){m.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){m.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return V(this,function(b,c,d){var e;return m.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?m.css(b,c,g):m.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),m.fn.size=function(){return this.length},m.fn.andSelf=m.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return m});var ec=a.jQuery,fc=a.$;return m.noConflict=function(b){return a.$===m&&(a.$=fc),b&&a.jQuery===m&&(a.jQuery=ec),m},typeof b===K&&(a.jQuery=a.$=m),m});
;
/* NUGET: BEGIN LICENSE TEXT
*
* Microsoft grants you the right to use these script files for the sole
* purpose of either: (i) interacting through your browser with the Microsoft
* website or online service, subject to the applicable licensing or use
* terms; or (ii) using the files as included with a Microsoft product subject
* to that product's license terms. Microsoft reserves all other rights to the
* files not expressly granted by Microsoft, whether by implication, estoppel
* or otherwise. Insofar as a script file is dual licensed under GPL,
* Microsoft neither took the code under GPL nor distributes it thereunder but
* under the terms set out in this paragraph. All notices and licenses
* below are for informational purposes only.
*
* NUGET: END LICENSE TEXT */
/*
** Unobtrusive Ajax support library for jQuery
** Copyright (C) Microsoft Corporation. All rights reserved.
*/
(function(a){var b="unobtrusiveAjaxClick",g="unobtrusiveValidation";function c(d,b){var a=window,c=(d||"").split(".");while(a&&c.length)a=a[c.shift()];if(typeof a==="function")return a;b.push(d);return Function.constructor.apply(null,b)}function d(a){return a==="GET"||a==="POST"}function f(b,a){!d(a)&&b.setRequestHeader("X-HTTP-Method-Override",a)}function h(c,b,e){var d;if(e.indexOf("application/x-javascript")!==-1)return;d=(c.getAttribute("data-ajax-mode")||"").toUpperCase();a(c.getAttribute("data-ajax-update")).each(function(f,c){var e;switch(d){case"BEFORE":e=c.firstChild;a("").html(b).contents().each(function(){c.insertBefore(this,e)});break;case"AFTER":a("").html(b).contents().each(function(){c.appendChild(this)});break;default:a(c).html(b)}})}function e(b,e){var j,k,g,i;j=b.getAttribute("data-ajax-confirm");if(j&&!window.confirm(j))return;k=a(b.getAttribute("data-ajax-loading"));i=b.getAttribute("data-ajax-loading-duration")||0;a.extend(e,{type:b.getAttribute("data-ajax-method")||undefined,url:b.getAttribute("data-ajax-url")||undefined,beforeSend:function(d){var a;f(d,g);a=c(b.getAttribute("data-ajax-begin"),["xhr"]).apply(this,arguments);a!==false&&k.show(i);return a},complete:function(){k.hide(i);c(b.getAttribute("data-ajax-complete"),["xhr","status"]).apply(this,arguments)},success:function(a,e,d){h(b,a,d.getResponseHeader("Content-Type")||"text/html");c(b.getAttribute("data-ajax-success"),["data","status","xhr"]).apply(this,arguments)},error:c(b.getAttribute("data-ajax-failure"),["xhr","status","error"])});e.data.push({name:"X-Requested-With",value:"XMLHttpRequest"});g=e.type.toUpperCase();if(!d(g)){e.type="POST";e.data.push({name:"X-HTTP-Method-Override",value:g})}a.ajax(e)}function i(c){var b=a(c).data(g);return!b||!b.validate||b.validate()}a(document).on("click","a[data-ajax=true]",function(a){a.preventDefault();e(this,{url:this.href,type:"GET",data:[]})});a(document).on("click","form[data-ajax=true] input[type=image]",function(c){var g=c.target.name,d=a(c.target),f=d.parents("form")[0],e=d.offset();a(f).data(b,[{name:g+".x",value:Math.round(c.pageX-e.left)},{name:g+".y",value:Math.round(c.pageY-e.top)}]);setTimeout(function(){a(f).removeData(b)},0)});a(document).on("click","form[data-ajax=true] :submit",function(c){var e=c.currentTarget.name,d=a(c.target).parents("form")[0];a(d).data(b,e?[{name:e,value:c.currentTarget.value}]:[]);setTimeout(function(){a(d).removeData(b)},0)});a(document).on("submit","form[data-ajax=true]",function(d){var c=a(this).data(b)||[];d.preventDefault();if(!i(this))return;e(this,{url:this.action,type:this.method||"GET",data:c.concat(a(this).serializeArray())})})})(jQuery);
;
/*!
* Modernizr v2.6.2
* www.modernizr.com
*
* Copyright (c) Faruk Ates, Paul Irish, Alex Sexton
* Available under the BSD and MIT licenses: www.modernizr.com/license/
*/
/*
* Modernizr tests which native CSS3 and HTML5 features are available in
* the current UA and makes the results available to you in two ways:
* as properties on a global Modernizr object, and as classes on the
* element. This information allows you to progressively enhance
* your pages with a granular level of control over the experience.
*
* Modernizr has an optional (not included) conditional resource loader
* called Modernizr.load(), based on Yepnope.js (yepnopejs.com).
* To get a build that includes Modernizr.load(), as well as choosing
* which tests to include, go to www.modernizr.com/download/
*
* Authors Faruk Ates, Paul Irish, Alex Sexton
* Contributors Ryan Seddon, Ben Alman
*/
window.Modernizr = (function( window, document, undefined ) {
var version = '2.6.2',
Modernizr = {},
/*>>cssclasses*/
// option for enabling the HTML classes to be added
enableClasses = true,
/*>>cssclasses*/
docElement = document.documentElement,
/**
* Create our "modernizr" element that we do most feature tests on.
*/
mod = 'modernizr',
modElem = document.createElement(mod),
mStyle = modElem.style,
/**
* Create the input element for various Web Forms feature tests.
*/
inputElem /*>>inputelem*/ = document.createElement('input') /*>>inputelem*/ ,
/*>>smile*/
smile = ':)',
/*>>smile*/
toString = {}.toString,
// TODO :: make the prefixes more granular
/*>>prefixes*/
// List of property values to set for css tests. See ticket #21
prefixes = ' -webkit- -moz- -o- -ms- '.split(' '),
/*>>prefixes*/
/*>>domprefixes*/
// Following spec is to expose vendor-specific style properties as:
// elem.style.WebkitBorderRadius
// and the following would be incorrect:
// elem.style.webkitBorderRadius
// Webkit ghosts their properties in lowercase but Opera & Moz do not.
// Microsoft uses a lowercase `ms` instead of the correct `Ms` in IE8+
// erik.eae.net/archives/2008/03/10/21.48.10/
// More here: github.com/Modernizr/Modernizr/issues/issue/21
omPrefixes = 'Webkit Moz O ms',
cssomPrefixes = omPrefixes.split(' '),
domPrefixes = omPrefixes.toLowerCase().split(' '),
/*>>domprefixes*/
/*>>ns*/
ns = {'svg': 'http://www.w3.org/2000/svg'},
/*>>ns*/
tests = {},
inputs = {},
attrs = {},
classes = [],
slice = classes.slice,
featureName, // used in testing loop
/*>>teststyles*/
// Inject element with style element and some CSS rules
injectElementWithStyles = function( rule, callback, nodes, testnames ) {
var style, ret, node, docOverflow,
div = document.createElement('div'),
// After page load injecting a fake body doesn't work so check if body exists
body = document.body,
// IE6 and 7 won't return offsetWidth or offsetHeight unless it's in the body element, so we fake it.
fakeBody = body || document.createElement('body');
if ( parseInt(nodes, 10) ) {
// In order not to give false positives we create a node for each test
// This also allows the method to scale for unspecified uses
while ( nodes-- ) {
node = document.createElement('div');
node.id = testnames ? testnames[nodes] : mod + (nodes + 1);
div.appendChild(node);
}
}
// '].join('');
div.id = mod;
// IE6 will false positive on some tests due to the style element inside the test div somehow interfering offsetHeight, so insert it into body or fakebody.
// Opera will act all quirky when injecting elements in documentElement when page is served as xml, needs fakebody too. #270
(body ? div : fakeBody).innerHTML += style;
fakeBody.appendChild(div);
if ( !body ) {
//avoid crashing IE8, if background image is used
fakeBody.style.background = '';
//Safari 5.13/5.1.4 OSX stops loading if ::-webkit-scrollbar is used and scrollbars are visible
fakeBody.style.overflow = 'hidden';
docOverflow = docElement.style.overflow;
docElement.style.overflow = 'hidden';
docElement.appendChild(fakeBody);
}
ret = callback(div, rule);
// If this is done after page load we don't want to remove the body so check if body exists
if ( !body ) {
fakeBody.parentNode.removeChild(fakeBody);
docElement.style.overflow = docOverflow;
} else {
div.parentNode.removeChild(div);
}
return !!ret;
},
/*>>teststyles*/
/*>>mq*/
// adapted from matchMedia polyfill
// by Scott Jehl and Paul Irish
// gist.github.com/786768
testMediaQuery = function( mq ) {
var matchMedia = window.matchMedia || window.msMatchMedia;
if ( matchMedia ) {
return matchMedia(mq).matches;
}
var bool;
injectElementWithStyles('@media ' + mq + ' { #' + mod + ' { position: absolute; } }', function( node ) {
bool = (window.getComputedStyle ?
getComputedStyle(node, null) :
node.currentStyle)['position'] == 'absolute';
});
return bool;
},
/*>>mq*/
/*>>hasevent*/
//
// isEventSupported determines if a given element supports the given event
// kangax.github.com/iseventsupported/
//
// The following results are known incorrects:
// Modernizr.hasEvent("webkitTransitionEnd", elem) // false negative
// Modernizr.hasEvent("textInput") // in Webkit. github.com/Modernizr/Modernizr/issues/333
// ...
isEventSupported = (function() {
var TAGNAMES = {
'select': 'input', 'change': 'input',
'submit': 'form', 'reset': 'form',
'error': 'img', 'load': 'img', 'abort': 'img'
};
function isEventSupported( eventName, element ) {
element = element || document.createElement(TAGNAMES[eventName] || 'div');
eventName = 'on' + eventName;
// When using `setAttribute`, IE skips "unload", WebKit skips "unload" and "resize", whereas `in` "catches" those
var isSupported = eventName in element;
if ( !isSupported ) {
// If it has no `setAttribute` (i.e. doesn't implement Node interface), try generic element
if ( !element.setAttribute ) {
element = document.createElement('div');
}
if ( element.setAttribute && element.removeAttribute ) {
element.setAttribute(eventName, '');
isSupported = is(element[eventName], 'function');
// If property was created, "remove it" (by setting value to `undefined`)
if ( !is(element[eventName], 'undefined') ) {
element[eventName] = undefined;
}
element.removeAttribute(eventName);
}
}
element = null;
return isSupported;
}
return isEventSupported;
})(),
/*>>hasevent*/
// TODO :: Add flag for hasownprop ? didn't last time
// hasOwnProperty shim by kangax needed for Safari 2.0 support
_hasOwnProperty = ({}).hasOwnProperty, hasOwnProp;
if ( !is(_hasOwnProperty, 'undefined') && !is(_hasOwnProperty.call, 'undefined') ) {
hasOwnProp = function (object, property) {
return _hasOwnProperty.call(object, property);
};
}
else {
hasOwnProp = function (object, property) { /* yes, this can give false positives/negatives, but most of the time we don't care about those */
return ((property in object) && is(object.constructor.prototype[property], 'undefined'));
};
}
// Adapted from ES5-shim https://github.com/kriskowal/es5-shim/blob/master/es5-shim.js
// es5.github.com/#x15.3.4.5
if (!Function.prototype.bind) {
Function.prototype.bind = function bind(that) {
var target = this;
if (typeof target != "function") {
throw new TypeError();
}
var args = slice.call(arguments, 1),
bound = function () {
if (this instanceof bound) {
var F = function(){};
F.prototype = target.prototype;
var self = new F();
var result = target.apply(
self,
args.concat(slice.call(arguments))
);
if (Object(result) === result) {
return result;
}
return self;
} else {
return target.apply(
that,
args.concat(slice.call(arguments))
);
}
};
return bound;
};
}
/**
* setCss applies given styles to the Modernizr DOM node.
*/
function setCss( str ) {
mStyle.cssText = str;
}
/**
* setCssAll extrapolates all vendor-specific css strings.
*/
function setCssAll( str1, str2 ) {
return setCss(prefixes.join(str1 + ';') + ( str2 || '' ));
}
/**
* is returns a boolean for if typeof obj is exactly type.
*/
function is( obj, type ) {
return typeof obj === type;
}
/**
* contains returns a boolean for if substr is found within str.
*/
function contains( str, substr ) {
return !!~('' + str).indexOf(substr);
}
/*>>testprop*/
// testProps is a generic CSS / DOM property test.
// In testing support for a given CSS property, it's legit to test:
// `elem.style[styleName] !== undefined`
// If the property is supported it will return an empty string,
// if unsupported it will return undefined.
// We'll take advantage of this quick test and skip setting a style
// on our modernizr element, but instead just testing undefined vs
// empty string.
// Because the testing of the CSS property names (with "-", as
// opposed to the camelCase DOM properties) is non-portable and
// non-standard but works in WebKit and IE (but not Gecko or Opera),
// we explicitly reject properties with dashes so that authors
// developing in WebKit or IE first don't end up with
// browser-specific content by accident.
function testProps( props, prefixed ) {
for ( var i in props ) {
var prop = props[i];
if ( !contains(prop, "-") && mStyle[prop] !== undefined ) {
return prefixed == 'pfx' ? prop : true;
}
}
return false;
}
/*>>testprop*/
// TODO :: add testDOMProps
/**
* testDOMProps is a generic DOM property test; if a browser supports
* a certain property, it won't return undefined for it.
*/
function testDOMProps( props, obj, elem ) {
for ( var i in props ) {
var item = obj[props[i]];
if ( item !== undefined) {
// return the property name as a string
if (elem === false) return props[i];
// let's bind a function
if (is(item, 'function')){
// default to autobind unless override
return item.bind(elem || obj);
}
// return the unbound function or obj or value
return item;
}
}
return false;
}
/*>>testallprops*/
/**
* testPropsAll tests a list of DOM properties we want to check against.
* We specify literally ALL possible (known and/or likely) properties on
* the element including the non-vendor prefixed one, for forward-
* compatibility.
*/
function testPropsAll( prop, prefixed, elem ) {
var ucProp = prop.charAt(0).toUpperCase() + prop.slice(1),
props = (prop + ' ' + cssomPrefixes.join(ucProp + ' ') + ucProp).split(' ');
// did they call .prefixed('boxSizing') or are we just testing a prop?
if(is(prefixed, "string") || is(prefixed, "undefined")) {
return testProps(props, prefixed);
// otherwise, they called .prefixed('requestAnimationFrame', window[, elem])
} else {
props = (prop + ' ' + (domPrefixes).join(ucProp + ' ') + ucProp).split(' ');
return testDOMProps(props, prefixed, elem);
}
}
/*>>testallprops*/
/**
* Tests
* -----
*/
// The *new* flexbox
// dev.w3.org/csswg/css3-flexbox
tests['flexbox'] = function() {
return testPropsAll('flexWrap');
};
// The *old* flexbox
// www.w3.org/TR/2009/WD-css3-flexbox-20090723/
tests['flexboxlegacy'] = function() {
return testPropsAll('boxDirection');
};
// On the S60 and BB Storm, getContext exists, but always returns undefined
// so we actually have to call getContext() to verify
// github.com/Modernizr/Modernizr/issues/issue/97/
tests['canvas'] = function() {
var elem = document.createElement('canvas');
return !!(elem.getContext && elem.getContext('2d'));
};
tests['canvastext'] = function() {
return !!(Modernizr['canvas'] && is(document.createElement('canvas').getContext('2d').fillText, 'function'));
};
// webk.it/70117 is tracking a legit WebGL feature detect proposal
// We do a soft detect which may false positive in order to avoid
// an expensive context creation: bugzil.la/732441
tests['webgl'] = function() {
return !!window.WebGLRenderingContext;
};
/*
* The Modernizr.touch test only indicates if the browser supports
* touch events, which does not necessarily reflect a touchscreen
* device, as evidenced by tablets running Windows 7 or, alas,
* the Palm Pre / WebOS (touch) phones.
*
* Additionally, Chrome (desktop) used to lie about its support on this,
* but that has since been rectified: crbug.com/36415
*
* We also test for Firefox 4 Multitouch Support.
*
* For more info, see: modernizr.github.com/Modernizr/touch.html
*/
tests['touch'] = function() {
var bool;
if(('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch) {
bool = true;
} else {
injectElementWithStyles(['@media (',prefixes.join('touch-enabled),('),mod,')','{#modernizr{top:9px;position:absolute}}'].join(''), function( node ) {
bool = node.offsetTop === 9;
});
}
return bool;
};
// geolocation is often considered a trivial feature detect...
// Turns out, it's quite tricky to get right:
//
// Using !!navigator.geolocation does two things we don't want. It:
// 1. Leaks memory in IE9: github.com/Modernizr/Modernizr/issues/513
// 2. Disables page caching in WebKit: webk.it/43956
//
// Meanwhile, in Firefox < 8, an about:config setting could expose
// a false positive that would throw an exception: bugzil.la/688158
tests['geolocation'] = function() {
return 'geolocation' in navigator;
};
tests['postmessage'] = function() {
return !!window.postMessage;
};
// Chrome incognito mode used to throw an exception when using openDatabase
// It doesn't anymore.
tests['websqldatabase'] = function() {
return !!window.openDatabase;
};
// Vendors had inconsistent prefixing with the experimental Indexed DB:
// - Webkit's implementation is accessible through webkitIndexedDB
// - Firefox shipped moz_indexedDB before FF4b9, but since then has been mozIndexedDB
// For speed, we don't test the legacy (and beta-only) indexedDB
tests['indexedDB'] = function() {
return !!testPropsAll("indexedDB", window);
};
// documentMode logic from YUI to filter out IE8 Compat Mode
// which false positives.
tests['hashchange'] = function() {
return isEventSupported('hashchange', window) && (document.documentMode === undefined || document.documentMode > 7);
};
// Per 1.6:
// This used to be Modernizr.historymanagement but the longer
// name has been deprecated in favor of a shorter and property-matching one.
// The old API is still available in 1.6, but as of 2.0 will throw a warning,
// and in the first release thereafter disappear entirely.
tests['history'] = function() {
return !!(window.history && history.pushState);
};
tests['draganddrop'] = function() {
var div = document.createElement('div');
return ('draggable' in div) || ('ondragstart' in div && 'ondrop' in div);
};
// FF3.6 was EOL'ed on 4/24/12, but the ESR version of FF10
// will be supported until FF19 (2/12/13), at which time, ESR becomes FF17.
// FF10 still uses prefixes, so check for it until then.
// for more ESR info, see: mozilla.org/en-US/firefox/organizations/faq/
tests['websockets'] = function() {
return 'WebSocket' in window || 'MozWebSocket' in window;
};
// css-tricks.com/rgba-browser-support/
tests['rgba'] = function() {
// Set an rgba() color and check the returned value
setCss('background-color:rgba(150,255,150,.5)');
return contains(mStyle.backgroundColor, 'rgba');
};
tests['hsla'] = function() {
// Same as rgba(), in fact, browsers re-map hsla() to rgba() internally,
// except IE9 who retains it as hsla
setCss('background-color:hsla(120,40%,100%,.5)');
return contains(mStyle.backgroundColor, 'rgba') || contains(mStyle.backgroundColor, 'hsla');
};
tests['multiplebgs'] = function() {
// Setting multiple images AND a color on the background shorthand property
// and then querying the style.background property value for the number of
// occurrences of "url(" is a reliable method for detecting ACTUAL support for this!
setCss('background:url(https://),url(https://),red url(https://)');
// If the UA supports multiple backgrounds, there should be three occurrences
// of the string "url(" in the return value for elemStyle.background
return (/(url\s*\(.*?){3}/).test(mStyle.background);
};
// this will false positive in Opera Mini
// github.com/Modernizr/Modernizr/issues/396
tests['backgroundsize'] = function() {
return testPropsAll('backgroundSize');
};
tests['borderimage'] = function() {
return testPropsAll('borderImage');
};
// Super comprehensive table about all the unique implementations of
// border-radius: muddledramblings.com/table-of-css3-border-radius-compliance
tests['borderradius'] = function() {
return testPropsAll('borderRadius');
};
// WebOS unfortunately false positives on this test.
tests['boxshadow'] = function() {
return testPropsAll('boxShadow');
};
// FF3.0 will false positive on this test
tests['textshadow'] = function() {
return document.createElement('div').style.textShadow === '';
};
tests['opacity'] = function() {
// Browsers that actually have CSS Opacity implemented have done so
// according to spec, which means their return values are within the
// range of [0.0,1.0] - including the leading zero.
setCssAll('opacity:.55');
// The non-literal . in this regex is intentional:
// German Chrome returns this value as 0,55
// github.com/Modernizr/Modernizr/issues/#issue/59/comment/516632
return (/^0.55$/).test(mStyle.opacity);
};
// Note, Android < 4 will pass this test, but can only animate
// a single property at a time
// daneden.me/2011/12/putting-up-with-androids-bullshit/
tests['cssanimations'] = function() {
return testPropsAll('animationName');
};
tests['csscolumns'] = function() {
return testPropsAll('columnCount');
};
tests['cssgradients'] = function() {
/**
* For CSS Gradients syntax, please see:
* webkit.org/blog/175/introducing-css-gradients/
* developer.mozilla.org/en/CSS/-moz-linear-gradient
* developer.mozilla.org/en/CSS/-moz-radial-gradient
* dev.w3.org/csswg/css3-images/#gradients-
*/
var str1 = 'background-image:',
str2 = 'gradient(linear,left top,right bottom,from(#9f9),to(white));',
str3 = 'linear-gradient(left top,#9f9, white);';
setCss(
// legacy webkit syntax (FIXME: remove when syntax not in use anymore)
(str1 + '-webkit- '.split(' ').join(str2 + str1) +
// standard syntax // trailing 'background-image:'
prefixes.join(str3 + str1)).slice(0, -str1.length)
);
return contains(mStyle.backgroundImage, 'gradient');
};
tests['cssreflections'] = function() {
return testPropsAll('boxReflect');
};
tests['csstransforms'] = function() {
return !!testPropsAll('transform');
};
tests['csstransforms3d'] = function() {
var ret = !!testPropsAll('perspective');
// Webkit's 3D transforms are passed off to the browser's own graphics renderer.
// It works fine in Safari on Leopard and Snow Leopard, but not in Chrome in
// some conditions. As a result, Webkit typically recognizes the syntax but
// will sometimes throw a false positive, thus we must do a more thorough check:
if ( ret && 'webkitPerspective' in docElement.style ) {
// Webkit allows this media query to succeed only if the feature is enabled.
// `@media (transform-3d),(-webkit-transform-3d){ ... }`
injectElementWithStyles('@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}', function( node, rule ) {
ret = node.offsetLeft === 9 && node.offsetHeight === 3;
});
}
return ret;
};
tests['csstransitions'] = function() {
return testPropsAll('transition');
};
/*>>fontface*/
// @font-face detection routine by Diego Perini
// javascript.nwbox.com/CSSSupport/
// false positives:
// WebOS github.com/Modernizr/Modernizr/issues/342
// WP7 github.com/Modernizr/Modernizr/issues/538
tests['fontface'] = function() {
var bool;
injectElementWithStyles('@font-face {font-family:"font";src:url("https://")}', function( node, rule ) {
var style = document.getElementById('smodernizr'),
sheet = style.sheet || style.styleSheet,
cssText = sheet ? (sheet.cssRules && sheet.cssRules[0] ? sheet.cssRules[0].cssText : sheet.cssText || '') : '';
bool = /src/i.test(cssText) && cssText.indexOf(rule.split(' ')[0]) === 0;
});
return bool;
};
/*>>fontface*/
// CSS generated content detection
tests['generatedcontent'] = function() {
var bool;
injectElementWithStyles(['#',mod,'{font:0/0 a}#',mod,':after{content:"',smile,'";visibility:hidden;font:3px/1 a}'].join(''), function( node ) {
bool = node.offsetHeight >= 3;
});
return bool;
};
// These tests evaluate support of the video/audio elements, as well as
// testing what types of content they support.
//
// We're using the Boolean constructor here, so that we can extend the value
// e.g. Modernizr.video // true
// Modernizr.video.ogg // 'probably'
//
// Codec values from : github.com/NielsLeenheer/html5test/blob/9106a8/index.html#L845
// thx to NielsLeenheer and zcorpan
// Note: in some older browsers, "no" was a return value instead of empty string.
// It was live in FF3.5.0 and 3.5.1, but fixed in 3.5.2
// It was also live in Safari 4.0.0 - 4.0.4, but fixed in 4.0.5
tests['video'] = function() {
var elem = document.createElement('video'),
bool = false;
// IE9 Running on Windows Server SKU can cause an exception to be thrown, bug #224
try {
if ( bool = !!elem.canPlayType ) {
bool = new Boolean(bool);
bool.ogg = elem.canPlayType('video/ogg; codecs="theora"') .replace(/^no$/,'');
// Without QuickTime, this value will be `undefined`. github.com/Modernizr/Modernizr/issues/546
bool.h264 = elem.canPlayType('video/mp4; codecs="avc1.42E01E"') .replace(/^no$/,'');
bool.webm = elem.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/^no$/,'');
}
} catch(e) { }
return bool;
};
tests['audio'] = function() {
var elem = document.createElement('audio'),
bool = false;
try {
if ( bool = !!elem.canPlayType ) {
bool = new Boolean(bool);
bool.ogg = elem.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,'');
bool.mp3 = elem.canPlayType('audio/mpeg;') .replace(/^no$/,'');
// Mimetypes accepted:
// developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements
// bit.ly/iphoneoscodecs
bool.wav = elem.canPlayType('audio/wav; codecs="1"') .replace(/^no$/,'');
bool.m4a = ( elem.canPlayType('audio/x-m4a;') ||
elem.canPlayType('audio/aac;')) .replace(/^no$/,'');
}
} catch(e) { }
return bool;
};
// In FF4, if disabled, window.localStorage should === null.
// Normally, we could not test that directly and need to do a
// `('localStorage' in window) && ` test first because otherwise Firefox will
// throw bugzil.la/365772 if cookies are disabled
// Also in iOS5 Private Browsing mode, attempting to use localStorage.setItem
// will throw the exception:
// QUOTA_EXCEEDED_ERRROR DOM Exception 22.
// Peculiarly, getItem and removeItem calls do not throw.
// Because we are forced to try/catch this, we'll go aggressive.
// Just FWIW: IE8 Compat mode supports these features completely:
// www.quirksmode.org/dom/html5.html
// But IE8 doesn't support either with local files
tests['localstorage'] = function() {
try {
localStorage.setItem(mod, mod);
localStorage.removeItem(mod);
return true;
} catch(e) {
return false;
}
};
tests['sessionstorage'] = function() {
try {
sessionStorage.setItem(mod, mod);
sessionStorage.removeItem(mod);
return true;
} catch(e) {
return false;
}
};
tests['webworkers'] = function() {
return !!window.Worker;
};
tests['applicationcache'] = function() {
return !!window.applicationCache;
};
// Thanks to Erik Dahlstrom
tests['svg'] = function() {
return !!document.createElementNS && !!document.createElementNS(ns.svg, 'svg').createSVGRect;
};
// specifically for SVG inline in HTML, not within XHTML
// test page: paulirish.com/demo/inline-svg
tests['inlinesvg'] = function() {
var div = document.createElement('div');
div.innerHTML = '';
return (div.firstChild && div.firstChild.namespaceURI) == ns.svg;
};
// SVG SMIL animation
tests['smil'] = function() {
return !!document.createElementNS && /SVGAnimate/.test(toString.call(document.createElementNS(ns.svg, 'animate')));
};
// This test is only for clip paths in SVG proper, not clip paths on HTML content
// demo: srufaculty.sru.edu/david.dailey/svg/newstuff/clipPath4.svg
// However read the comments to dig into applying SVG clippaths to HTML content here:
// github.com/Modernizr/Modernizr/issues/213#issuecomment-1149491
tests['svgclippaths'] = function() {
return !!document.createElementNS && /SVGClipPath/.test(toString.call(document.createElementNS(ns.svg, 'clipPath')));
};
/*>>webforms*/
// input features and input types go directly onto the ret object, bypassing the tests loop.
// Hold this guy to execute in a moment.
function webforms() {
/*>>input*/
// Run through HTML5's new input attributes to see if the UA understands any.
// We're using f which is the element created early on
// Mike Taylr has created a comprehensive resource for testing these attributes
// when applied to all input types:
// miketaylr.com/code/input-type-attr.html
// spec: www.whatwg.org/specs/web-apps/current-work/multipage/the-input-element.html#input-type-attr-summary
// Only input placeholder is tested while textarea's placeholder is not.
// Currently Safari 4 and Opera 11 have support only for the input placeholder
// Both tests are available in feature-detects/forms-placeholder.js
Modernizr['input'] = (function( props ) {
for ( var i = 0, len = props.length; i < len; i++ ) {
attrs[ props[i] ] = !!(props[i] in inputElem);
}
if (attrs.list){
// safari false positive's on datalist: webk.it/74252
// see also github.com/Modernizr/Modernizr/issues/146
attrs.list = !!(document.createElement('datalist') && window.HTMLDataListElement);
}
return attrs;
})('autocomplete autofocus list placeholder max min multiple pattern required step'.split(' '));
/*>>input*/
/*>>inputtypes*/
// Run through HTML5's new input types to see if the UA understands any.
// This is put behind the tests runloop because it doesn't return a
// true/false like all the other tests; instead, it returns an object
// containing each input type with its corresponding true/false value
// Big thanks to @miketaylr for the html5 forms expertise. miketaylr.com/
Modernizr['inputtypes'] = (function(props) {
for ( var i = 0, bool, inputElemType, defaultView, len = props.length; i < len; i++ ) {
inputElem.setAttribute('type', inputElemType = props[i]);
bool = inputElem.type !== 'text';
// We first check to see if the type we give it sticks..
// If the type does, we feed it a textual value, which shouldn't be valid.
// If the value doesn't stick, we know there's input sanitization which infers a custom UI
if ( bool ) {
inputElem.value = smile;
inputElem.style.cssText = 'position:absolute;visibility:hidden;';
if ( /^range$/.test(inputElemType) && inputElem.style.WebkitAppearance !== undefined ) {
docElement.appendChild(inputElem);
defaultView = document.defaultView;
// Safari 2-4 allows the smiley as a value, despite making a slider
bool = defaultView.getComputedStyle &&
defaultView.getComputedStyle(inputElem, null).WebkitAppearance !== 'textfield' &&
// Mobile android web browser has false positive, so must
// check the height to see if the widget is actually there.
(inputElem.offsetHeight !== 0);
docElement.removeChild(inputElem);
} else if ( /^(search|tel)$/.test(inputElemType) ){
// Spec doesn't define any special parsing or detectable UI
// behaviors so we pass these through as true
// Interestingly, opera fails the earlier test, so it doesn't
// even make it here.
} else if ( /^(url|email)$/.test(inputElemType) ) {
// Real url and email support comes with prebaked validation.
bool = inputElem.checkValidity && inputElem.checkValidity() === false;
} else {
// If the upgraded input compontent rejects the :) text, we got a winner
bool = inputElem.value != smile;
}
}
inputs[ props[i] ] = !!bool;
}
return inputs;
})('search tel url email datetime date month week time datetime-local number range color'.split(' '));
/*>>inputtypes*/
}
/*>>webforms*/
// End of test definitions
// -----------------------
// Run through all tests and detect their support in the current UA.
// todo: hypothetically we could be doing an array of tests and use a basic loop here.
for ( var feature in tests ) {
if ( hasOwnProp(tests, feature) ) {
// run the test, throw the return value into the Modernizr,
// then based on that boolean, define an appropriate className
// and push it into an array of classes we'll join later.
featureName = feature.toLowerCase();
Modernizr[featureName] = tests[feature]();
classes.push((Modernizr[featureName] ? '' : 'no-') + featureName);
}
}
/*>>webforms*/
// input tests need to run.
Modernizr.input || webforms();
/*>>webforms*/
/**
* addTest allows the user to define their own feature tests
* the result will be added onto the Modernizr object,
* as well as an appropriate className set on the html element
*
* @param feature - String naming the feature
* @param test - Function returning true if feature is supported, false if not
*/
Modernizr.addTest = function ( feature, test ) {
if ( typeof feature == 'object' ) {
for ( var key in feature ) {
if ( hasOwnProp( feature, key ) ) {
Modernizr.addTest( key, feature[ key ] );
}
}
} else {
feature = feature.toLowerCase();
if ( Modernizr[feature] !== undefined ) {
// we're going to quit if you're trying to overwrite an existing test
// if we were to allow it, we'd do this:
// var re = new RegExp("\\b(no-)?" + feature + "\\b");
// docElement.className = docElement.className.replace( re, '' );
// but, no rly, stuff 'em.
return Modernizr;
}
test = typeof test == 'function' ? test() : test;
if (typeof enableClasses !== "undefined" && enableClasses) {
docElement.className += ' ' + (test ? '' : 'no-') + feature;
}
Modernizr[feature] = test;
}
return Modernizr; // allow chaining.
};
// Reset modElem.cssText to nothing to reduce memory footprint.
setCss('');
modElem = inputElem = null;
/*>>shiv*/
/*! HTML5 Shiv v3.6.1 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed */
;(function(window, document) {
/*jshint evil:true */
/** Preset options */
var options = window.html5 || {};
/** Used to skip problem elements */
var reSkip = /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i;
/** Not all elements can be cloned in IE **/
var saveClones = /^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i;
/** Detect whether the browser supports default html5 styles */
var supportsHtml5Styles;
/** Name of the expando, to work with multiple documents or to re-shiv one document */
var expando = '_html5shiv';
/** The id for the the documents expando */
var expanID = 0;
/** Cached data for each document */
var expandoData = {};
/** Detect whether the browser supports unknown elements */
var supportsUnknownElements;
(function() {
try {
var a = document.createElement('a');
a.innerHTML = '';
//if the hidden property is implemented we can assume, that the browser supports basic HTML5 Styles
supportsHtml5Styles = ('hidden' in a);
supportsUnknownElements = a.childNodes.length == 1 || (function() {
// assign a false positive if unable to shiv
(document.createElement)('a');
var frag = document.createDocumentFragment();
return (
typeof frag.cloneNode == 'undefined' ||
typeof frag.createDocumentFragment == 'undefined' ||
typeof frag.createElement == 'undefined'
);
}());
} catch(e) {
supportsHtml5Styles = true;
supportsUnknownElements = true;
}
}());
/*--------------------------------------------------------------------------*/
/**
* Creates a style sheet with the given CSS text and adds it to the document.
* @private
* @param {Document} ownerDocument The document.
* @param {String} cssText The CSS text.
* @returns {StyleSheet} The style element.
*/
function addStyleSheet(ownerDocument, cssText) {
var p = ownerDocument.createElement('p'),
parent = ownerDocument.getElementsByTagName('head')[0] || ownerDocument.documentElement;
p.innerHTML = 'x';
return parent.insertBefore(p.lastChild, parent.firstChild);
}
/**
* Returns the value of `html5.elements` as an array.
* @private
* @returns {Array} An array of shived element node names.
*/
function getElements() {
var elements = html5.elements;
return typeof elements == 'string' ? elements.split(' ') : elements;
}
/**
* Returns the data associated to the given document
* @private
* @param {Document} ownerDocument The document.
* @returns {Object} An object of data.
*/
function getExpandoData(ownerDocument) {
var data = expandoData[ownerDocument[expando]];
if (!data) {
data = {};
expanID++;
ownerDocument[expando] = expanID;
expandoData[expanID] = data;
}
return data;
}
/**
* returns a shived element for the given nodeName and document
* @memberOf html5
* @param {String} nodeName name of the element
* @param {Document} ownerDocument The context document.
* @returns {Object} The shived element.
*/
function createElement(nodeName, ownerDocument, data){
if (!ownerDocument) {
ownerDocument = document;
}
if(supportsUnknownElements){
return ownerDocument.createElement(nodeName);
}
if (!data) {
data = getExpandoData(ownerDocument);
}
var node;
if (data.cache[nodeName]) {
node = data.cache[nodeName].cloneNode();
} else if (saveClones.test(nodeName)) {
node = (data.cache[nodeName] = data.createElem(nodeName)).cloneNode();
} else {
node = data.createElem(nodeName);
}
// Avoid adding some elements to fragments in IE < 9 because
// * Attributes like `name` or `type` cannot be set/changed once an element
// is inserted into a document/fragment
// * Link elements with `src` attributes that are inaccessible, as with
// a 403 response, will cause the tab/window to crash
// * Script elements appended to fragments will execute when their `src`
// or `text` property is set
return node.canHaveChildren && !reSkip.test(nodeName) ? data.frag.appendChild(node) : node;
}
/**
* returns a shived DocumentFragment for the given document
* @memberOf html5
* @param {Document} ownerDocument The context document.
* @returns {Object} The shived DocumentFragment.
*/
function createDocumentFragment(ownerDocument, data){
if (!ownerDocument) {
ownerDocument = document;
}
if(supportsUnknownElements){
return ownerDocument.createDocumentFragment();
}
data = data || getExpandoData(ownerDocument);
var clone = data.frag.cloneNode(),
i = 0,
elems = getElements(),
l = elems.length;
for(;i>shiv*/
// Assign private properties to the return object with prefix
Modernizr._version = version;
// expose these for the plugin API. Look in the source for how to join() them against your input
/*>>prefixes*/
Modernizr._prefixes = prefixes;
/*>>prefixes*/
/*>>domprefixes*/
Modernizr._domPrefixes = domPrefixes;
Modernizr._cssomPrefixes = cssomPrefixes;
/*>>domprefixes*/
/*>>mq*/
// Modernizr.mq tests a given media query, live against the current state of the window
// A few important notes:
// * If a browser does not support media queries at all (eg. oldIE) the mq() will always return false
// * A max-width or orientation query will be evaluated against the current state, which may change later.
// * You must specify values. Eg. If you are testing support for the min-width media query use:
// Modernizr.mq('(min-width:0)')
// usage:
// Modernizr.mq('only screen and (max-width:768)')
Modernizr.mq = testMediaQuery;
/*>>mq*/
/*>>hasevent*/
// Modernizr.hasEvent() detects support for a given event, with an optional element to test on
// Modernizr.hasEvent('gesturestart', elem)
Modernizr.hasEvent = isEventSupported;
/*>>hasevent*/
/*>>testprop*/
// Modernizr.testProp() investigates whether a given style property is recognized
// Note that the property names must be provided in the camelCase variant.
// Modernizr.testProp('pointerEvents')
Modernizr.testProp = function(prop){
return testProps([prop]);
};
/*>>testprop*/
/*>>testallprops*/
// Modernizr.testAllProps() investigates whether a given style property,
// or any of its vendor-prefixed variants, is recognized
// Note that the property names must be provided in the camelCase variant.
// Modernizr.testAllProps('boxSizing')
Modernizr.testAllProps = testPropsAll;
/*>>testallprops*/
/*>>teststyles*/
// Modernizr.testStyles() allows you to add custom styles to the document and test an element afterwards
// Modernizr.testStyles('#modernizr { position:absolute }', function(elem, rule){ ... })
Modernizr.testStyles = injectElementWithStyles;
/*>>teststyles*/
/*>>prefixed*/
// Modernizr.prefixed() returns the prefixed or nonprefixed property name variant of your input
// Modernizr.prefixed('boxSizing') // 'MozBoxSizing'
// Properties must be passed as dom-style camelcase, rather than `box-sizing` hypentated style.
// Return values will also be the camelCase variant, if you need to translate that to hypenated style use:
//
// str.replace(/([A-Z])/g, function(str,m1){ return '-' + m1.toLowerCase(); }).replace(/^ms-/,'-ms-');
// If you're trying to ascertain which transition end event to bind to, you might do something like...
//
// var transEndEventNames = {
// 'WebkitTransition' : 'webkitTransitionEnd',
// 'MozTransition' : 'transitionend',
// 'OTransition' : 'oTransitionEnd',
// 'msTransition' : 'MSTransitionEnd',
// 'transition' : 'transitionend'
// },
// transEndEventName = transEndEventNames[ Modernizr.prefixed('transition') ];
Modernizr.prefixed = function(prop, obj, elem){
if(!obj) {
return testPropsAll(prop, 'pfx');
} else {
// Testing DOM property e.g. Modernizr.prefixed('requestAnimationFrame', window) // 'mozRequestAnimationFrame'
return testPropsAll(prop, obj, elem);
}
};
/*>>prefixed*/
/*>>cssclasses*/
// Remove "no-js" class from element, if it exists:
docElement.className = docElement.className.replace(/(^|\s)no-js(\s|$)/, '$1$2') +
// Add the new classes to the element.
(enableClasses ? ' js ' + classes.join(' ') : '');
/*>>cssclasses*/
return Modernizr;
})(this, this.document);
;
// MSDropDown - jquery.dd.js
// author: Marghoob Suleman - http://www.marghoobsuleman.com/
// Date: 10 Nov, 2012
// Version: 3.5.2
// Revision: 27
// web: www.marghoobsuleman.com
/*
// msDropDown is free jQuery Plugin: you can redistribute it and/or modify
// it under the terms of the either the MIT License or the Gnu General Public License (GPL) Version 2
*/
var msBeautify = msBeautify || {};
(function ($) {
msBeautify = {
version: {msDropdown:'3.5.2'},
author: "Marghoob Suleman",
counter: 20,
debug: function (v) {
if (v !== false) {
$(".ddOutOfVision").css({height: 'auto', position: 'relative'});
} else {
$(".ddOutOfVision").css({height: '0px', position: 'absolute'});
}
},
oldDiv: '',
create: function (id, settings, type) {
type = type || "dropdown";
var data;
switch (type.toLowerCase()) {
case "dropdown":
case "select":
data = $(id).msDropdown(settings).data("dd");
break;
}
return data;
}
};
$.msDropDown = {}; //Legacy
$.msDropdown = {}; //camelCaps
$.extend(true, $.msDropDown, msBeautify);
$.extend(true, $.msDropdown, msBeautify);
// make compatibiliy with old and new jquery
if ($.fn.prop === undefined) {$.fn.prop = $.fn.attr;}
if ($.fn.on === undefined) {$.fn.on = $.fn.bind;$.fn.off = $.fn.unbind;}
if (typeof $.expr.createPseudo === 'function') {
//jQuery 1.8 or greater
$.expr[':'].Contains = $.expr.createPseudo(function (arg) {return function (elem) { return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0; }; });
} else {
//lower version
$.expr[':'].Contains = function (a, i, m) {return $(a).text().toUpperCase().indexOf(m[3].toUpperCase()) >= 0; };
}
//dropdown class
function dd(element, settings) {
var settings = $.extend(true,
{byJson: {data: null, selectedIndex: 0, name: null, size: 0, multiple: false, width: 250},
mainCSS: 'dd',
height: 120, //not using currently
visibleRows: 7,
rowHeight: 0,
showIcon: true,
zIndex: 9999,
useSprite: false,
animStyle: 'slideDown',
event:'click',
openDirection: 'auto', //auto || alwaysUp || alwaysDown
jsonTitle: true,
style: '',
disabledOpacity: 0.7,
disabledOptionEvents: true,
childWidth:0,
enableCheckbox:false, //this needs to multiple or it will set element to multiple
checkboxNameSuffix:'_mscheck',
append:'',
prepend:'',
reverseMode:true, //it will update the msdropdown UI/value if you update the original dropdown - will be usefull if are using knockout.js or playing with original dropdown
roundedCorner:true,
enableAutoFilter:true,
on: {create: null,open: null,close: null,add: null,remove: null,change: null,blur: null,click: null,dblclick: null,mousemove: null,mouseover: null,mouseout: null,focus: null,mousedown: null,mouseup: null}
}, settings);
var $this = this; //this class
var holderId = {postElementHolder: '_msddHolder', postID: '_msdd', postTitleID: '_title',postTitleTextID: '_titleText', postChildID: '_child'};
var css = {dd:settings.mainCSS, ddTitle: 'ddTitle', arrow: 'ddArrow arrowoff', ddChild: 'ddChild', ddTitleText: 'ddTitleText',disabled: 'disabled', enabled: 'enabled', ddOutOfVision: 'ddOutOfVision', borderTop: 'borderTop', noBorderTop: 'noBorderTop', selected: 'selected', divider: 'divider', optgroup: "optgroup", optgroupTitle: "optgroupTitle", description: "description", label: "ddlabel",hover: 'hover',disabledAll: 'disabledAll'};
var css_i = {li: '_msddli_',borderRadiusTp: 'borderRadiusTp',ddChildMore: 'border shadow',fnone: "fnone"};
var isList = false, isMultiple=false,isDisabled=false, cacheElement = {}, element, orginial = {}, isOpen=false;
var DOWN_ARROW = 40, UP_ARROW = 38, LEFT_ARROW=37, RIGHT_ARROW=39, ESCAPE = 27, ENTER = 13, ALPHABETS_START = 47, SHIFT=16, CONTROL = 17, BACKSPACE=8, DELETE=46;
var shiftHolded=false, controlHolded=false,lastTarget=null,forcedTrigger=false, oldSelected, isCreated = false;
var doc = document, ua = window.navigator.userAgent, isIE = ua.match(/msie/i);
settings.reverseMode = settings.reverseMode.toString();
settings.roundedCorner = settings.roundedCorner.toString();
var isArray = function(obj) {
return (Object.prototype.toString.call(obj)=="[object Array]") ? true : false;
};
var msieversion = function()
{
var msie = ua.indexOf("MSIE");
if ( msie > 0 ) { // If Internet Explorer, return version number
return parseInt (ua.substring (msie+5, ua.indexOf (".", msie)));
} else { // If another browser, return 0
return 0;
};
};
var checkDataSetting = function() {
settings.mainCSS = $("#"+element).data("maincss") || settings.mainCSS;
settings.visibleRows = $("#"+element).data("visiblerows") || settings.visibleRows;
if($("#"+element).data("showicon")==false) {settings.showIcon = $("#"+element).data("showicon");};
settings.useSprite = $("#"+element).data("usesprite") || settings.useSprite;
settings.animStyle = $("#"+element).data("animstyle") || settings.animStyle;
settings.event = $("#"+element).data("event") || settings.event;
settings.openDirection = $("#"+element).data("opendirection") || settings.openDirection;
settings.jsonTitle = $("#"+element).data("jsontitle") || settings.jsonTitle;
settings.disabledOpacity = $("#"+element).data("disabledopacity") || settings.disabledOpacity;
settings.childWidth = $("#"+element).data("childwidth") || settings.childWidth;
settings.enableCheckbox = $("#"+element).data("enablecheckbox") || settings.enableCheckbox;
settings.checkboxNameSuffix = $("#"+element).data("checkboxnamesuffix") || settings.checkboxNameSuffix;
settings.append = $("#"+element).data("append") || settings.append;
settings.prepend = $("#"+element).data("prepend") || settings.prepend;
settings.reverseMode = $("#"+element).data("reversemode") || settings.reverseMode;
settings.roundedCorner = $("#"+element).data("roundedcorner") || settings.roundedCorner;
settings.enableAutoFilter = $("#"+element).data("enableautofilter") || settings.enableAutoFilter;
//make string
settings.reverseMode = settings.reverseMode.toString();
settings.roundedCorner = settings.roundedCorner.toString();
settings.enableAutoFilter = settings.enableAutoFilter.toString();
};
var getElement = function(ele) {
if (cacheElement[ele] === undefined) {
cacheElement[ele] = doc.getElementById(ele);
}
return cacheElement[ele];
};
var getIndex = function(opt) {
var childid = getPostID("postChildID");
return $("#"+childid + " li."+css_i.li).index(opt);
};
var createByJson = function() {
if (settings.byJson.data) {
var validData = ["description","image","title"];
try {
if (!element.id) {
element.id = "dropdown"+msBeautify.counter;
};
settings.byJson.data = eval(settings.byJson.data);
//change element
var id = "msdropdown"+(msBeautify.counter++);
var obj = {};
obj.id = id;
obj.name = settings.byJson.name || element.id; //its name
if (settings.byJson.size>0) {
obj.size = settings.byJson.size;
};
obj.multiple = settings.byJson.multiple;
var oSelect = createElement("select", obj);
for(var i=0;i1 || getElement(element).multiple==true) ? true : false;
//trace("isList "+isList);
if (isList) {isMultiple = getElement(element).multiple;};
mergeAllProp();
//create layout
createLayout();
//set ui prop
updateProp("uiData", getDataAndUI());
updateProp("selectedOptions", $("#"+element +" option:selected"));
var childid = getPostID("postChildID");
oldSelected = $("#" + childid + " li." + css.selected);
if(settings.reverseMode==="true") {
$("#"+element).on("change", function() {
setValue(this.selectedIndex);
});
};
//add refresh method
getElement(element).refresh = function(e) {
$("#"+element).msDropdown().data("dd").refresh();
};
};
/********************************************************************************************/
var getPostID = function (id) {
return element+holderId[id];
};
var getInternalStyle = function(ele) {
var s = (ele.style === undefined) ? "" : ele.style.cssText;
return s;
};
var parseOption = function(opt) {
var imagePath = '', title ='', description='', value=-1, text='', className='', imagecss = '', index;
if (opt !== undefined) {
var attrTitle = opt.title || "";
//data-title
if (attrTitle!="") {
var reg = /^\{.*\}$/;
var isJson = reg.test(attrTitle);
if (isJson && settings.jsonTitle) {
var obj = eval("["+attrTitle+"]");
};
title = (isJson && settings.jsonTitle) ? obj[0].title : title;
description = (isJson && settings.jsonTitle) ? obj[0].description : description;
imagePath = (isJson && settings.jsonTitle) ? obj[0].image : attrTitle;
imagecss = (isJson && settings.jsonTitle) ? obj[0].imagecss : imagecss;
index = opt.index;
};
text = opt.text || '';
value = opt.value || '';
className = opt.className || "";
//ignore title attribute if playing with data tags
title = $(opt).prop("data-title") || $(opt).data("title") || (title || "");
description = $(opt).prop("data-description") || $(opt).data("description") || (description || "");
imagePath = $(opt).prop("data-image") || $(opt).data("image") || (imagePath || "");
imagecss = $(opt).prop("data-imagecss") || $(opt).data("imagecss") || (imagecss || "");
index = $(opt).index();
};
var o = {image: imagePath, title: title, description: description, value: value, text: text, className: className, imagecss:imagecss, index:index};
return o;
};
var createElement = function(nm, attr, html) {
var tag = doc.createElement(nm);
if (attr) {
for(var i in attr) {
switch(i) {
case "style":
tag.style.cssText = attr[i];
break;
default:
tag[i] = attr[i];
break;
};
};
};
if (html) {
tag.innerHTML = html;
};
return tag;
};
/********************************************************************************************/
/*********************** *************************************/
var hideOriginal = function() {
var hidid = getPostID("postElementHolder");
if ($("#"+hidid).length==0) {
var obj = {style: 'height: 0px;overflow: hidden;position: absolute;',className: css.ddOutOfVision};
obj.id = hidid;
var oDiv = createElement("div", obj);
$("#"+element).after(oDiv);
$("#"+element).appendTo($("#"+hidid));
} else {
$("#"+hidid).css({height: 0,overflow: 'hidden',position: 'absolute'});
};
getElement(element).tabIndex = -1;
};
var createWrapper = function () {
var brdRds = (settings.roundedCorner == "true") ? " borderRadius" : "";
var obj = {
className: css.dd + " ddcommon"+brdRds
};
var intcss = getInternalStyle(getElement(element));
var w = $("#" + element).outerWidth();
obj.style = "width: " + w + "px;";
if (intcss.length > 0) {
obj.style = obj.style + "" + intcss;
};
obj.id = getPostID("postID");
obj.tabIndex = getElement(element).tabIndex;
var oDiv = createElement("div", obj);
return oDiv;
};
var createTitle = function () {
var selectedOption;
if(getElement(element).selectedIndex>=0) {
selectedOption = getElement(element).options[getElement(element).selectedIndex];
} else {
selectedOption = {value:'', text:''};
}
var spriteClass = "", selectedClass = "";
//check sprite
var useSprite = $("#"+element).data("usesprite");
if(useSprite) { settings.useSprite = useSprite; };
if (settings.useSprite != false) {
spriteClass = " " + settings.useSprite;
selectedClass = " " + selectedOption.className;
};
var brdRdsTp = (settings.roundedCorner == "true") ? " "+css_i.borderRadiusTp : "" ;
var oTitle = createElement("div", {className: css.ddTitle + spriteClass + brdRdsTp});
//divider
var oDivider = createElement("span", {className: css.divider});
//arrow
var oArrow = createElement("span", {className: css.arrow});
//title Text
var titleid = getPostID("postTitleID");
var oTitleText = createElement("span", {className: css.ddTitleText + selectedClass, id: titleid});
var parsed = parseOption(selectedOption);
var arrowPath = parsed.image;
var sText = parsed.text || "";
if (arrowPath != "" && settings.showIcon) {
var oIcon = createElement("img");
oIcon.src = arrowPath;
if(parsed.imagecss!="") {
oIcon.className = parsed.imagecss+" ";
};
};
var oTitleText_in = createElement("span", {className: css.label}, sText);
oTitle.appendChild(oDivider);
oTitle.appendChild(oArrow);
if (oIcon) {
oTitleText.appendChild(oIcon);
};
oTitleText.appendChild(oTitleText_in);
oTitle.appendChild(oTitleText);
var oDescription = createElement("span", {className: css.description}, parsed.description);
oTitleText.appendChild(oDescription);
return oTitle;
};
var createFilterBox = function () {
var tid = getPostID("postTitleTextID");
var brdRds = (settings.roundedCorner == "true") ? "borderRadius" : "";
var sText = createElement("input", {id: tid, type: 'text', value: '', autocomplete: 'off', className: 'text shadow '+brdRds, style: 'display: none'});
return sText;
};
var createChild = function (opt) {
var obj = {};
var intcss = getInternalStyle(opt);
if (intcss.length > 0) {obj.style = intcss; };
var css2 = (opt.disabled) ? css.disabled : css.enabled;
css2 = (opt.selected) ? (css2 + " " + css.selected) : css2;
css2 = css2 + " " + css_i.li;
obj.className = css2;
if (settings.useSprite != false) {
obj.className = css2 + " " + opt.className;
};
var li = createElement("li", obj);
var parsed = parseOption(opt);
if (parsed.title != "") {
li.title = parsed.title;
};
var arrowPath = parsed.image;
if (arrowPath != "" && settings.showIcon) {
var oIcon = createElement("img");
oIcon.src = arrowPath;
if(parsed.imagecss!="") {
oIcon.className = parsed.imagecss+" ";
};
};
if (parsed.description != "") {
var oDescription = createElement("span", {
className: css.description
}, parsed.description);
};
var sText = opt.text || "";
var oTitleText = createElement("span", {
className: css.label
}, sText);
//checkbox
if(settings.enableCheckbox===true) {
var chkbox = createElement("input", {
type: 'checkbox', name:element+settings.checkboxNameSuffix+'[]', value:opt.value||"", className:"checkbox"}); //this can be used for future
li.appendChild(chkbox);
if(settings.enableCheckbox===true) {
chkbox.checked = (opt.selected) ? true : false;
};
};
if (oIcon) {
li.appendChild(oIcon);
};
li.appendChild(oTitleText);
if (oDescription) {
li.appendChild(oDescription);
} else {
if (oIcon) {
oIcon.className = oIcon.className+css_i.fnone;
};
};
var oClear = createElement("div", {className: 'clear'});
li.appendChild(oClear);
return li;
};
var createChildren = function () {
var childid = getPostID("postChildID");
var obj = {className: css.ddChild + " ddchild_ " + css_i.ddChildMore, id: childid};
if (isList == false) {
obj.style = "z-index: " + settings.zIndex;
} else {
obj.style = "z-index:1";
};
var childWidth = $("#"+element).data("childwidth") || settings.childWidth;
if(childWidth) {
obj.style = (obj.style || "") + ";width:"+childWidth;
};
var oDiv = createElement("div", obj);
var ul = createElement("ul");
if (settings.useSprite != false) {
ul.className = settings.useSprite;
};
var allOptions = getElement(element).children;
for (var i = 0; i < allOptions.length; i++) {
var current = allOptions[i];
var li;
if (current.nodeName.toLowerCase() == "optgroup") {
//create ul
li = createElement("li", {className: css.optgroup});
var span = createElement("span", {className: css.optgroupTitle}, current.label);
li.appendChild(span);
var optChildren = current.children;
var optul = createElement("ul");
for (var j = 0; j < optChildren.length; j++) {
var opt_li = createChild(optChildren[j]);
optul.appendChild(opt_li);
};
li.appendChild(optul);
} else {
li = createChild(current);
};
ul.appendChild(li);
};
oDiv.appendChild(ul);
return oDiv;
};
var childHeight = function (val) {
var childid = getPostID("postChildID");
if (val) {
if (val == -1) { //auto
$("#"+childid).css({height: "auto", overflow: "auto"});
} else {
$("#"+childid).css("height", val+"px");
};
return false;
};
//else return height
var iHeight;
var totalOptions = getElement(element).options.length;
if (totalOptions > settings.visibleRows || settings.visibleRows) {
var firstLI = $("#" + childid + " li:first");
var margin = parseInt(firstLI.css("padding-bottom")) + parseInt(firstLI.css("padding-top"));
if(settings.rowHeight===0) {
$("#" + childid).css({visibility:'hidden',display:'block'}); //hack for first child
settings.rowHeight = Math.ceil(firstLI.height());
$("#" + childid).css({visibility:'visible'});
if(!isList || settings.enableCheckbox===true) {
$("#" + childid).css({display:'none'});
};
};
iHeight = ((settings.rowHeight + margin) * Math.min(settings.visibleRows,totalOptions)) + 3;
} else if (isList) {
iHeight = $("#" + element).height(); //get height from original element
};
return iHeight;
};
var applyChildEvents = function () {
var childid = getPostID("postChildID");
$("#" + childid).on("click", function (e) {
if (isDisabled === true) return false;
//prevent body click
e.preventDefault();
e.stopPropagation();
if (isList) {
bind_on_events();
};
});
$("#" + childid + " li." + css.enabled).on("click", function (e) {
if(e.target.nodeName.toLowerCase() !== "input") {
close(this);
};
});
$("#" + childid + " li." + css.enabled).on("mousedown", function (e) {
if (isDisabled === true) return false;
oldSelected = $("#" + childid + " li." + css.selected);
lastTarget = this;
e.preventDefault();
e.stopPropagation();
//select current input
if(settings.enableCheckbox===true) {
if(e.target.nodeName.toLowerCase() === "input") {
controlHolded = true;
};
};
if (isList === true) {
if (isMultiple) {
if (shiftHolded === true) {
$(this).addClass(css.selected);
var selected = $("#" + childid + " li." + css.selected);
var lastIndex = getIndex(this);
if (selected.length > 1) {
var items = $("#" + childid + " li." + css_i.li);
var ind1 = getIndex(selected[0]);
var ind2 = getIndex(selected[1]);
if (lastIndex > ind2) {
ind1 = (lastIndex);
ind2 = ind2 + 1;
};
for (var i = Math.min(ind1, ind2); i <= Math.max(ind1, ind2); i++) {
var current = items[i];
if ($(current).hasClass(css.enabled)) {
$(current).addClass(css.selected);
};
};
};
} else if (controlHolded === true) {
$(this).toggleClass(css.selected); //toggle
if(settings.enableCheckbox===true) {
var checkbox = this.childNodes[0];
checkbox.checked = !checkbox.checked; //toggle
};
} else {
$("#" + childid + " li." + css.selected).removeClass(css.selected);
$("#" + childid + " input:checkbox").prop("checked", false);
$(this).addClass(css.selected);
if(settings.enableCheckbox===true) {
this.childNodes[0].checked = true;
};
};
} else {
$("#" + childid + " li." + css.selected).removeClass(css.selected);
$(this).addClass(css.selected);
};
//fire event on mouseup
} else {
$("#" + childid + " li." + css.selected).removeClass(css.selected);
$(this).addClass(css.selected);
};
});
$("#" + childid + " li." + css.enabled).on("mouseenter", function (e) {
if (isDisabled === true) return false;
e.preventDefault();
e.stopPropagation();
if (lastTarget != null) {
if (isMultiple) {
$(this).addClass(css.selected);
if(settings.enableCheckbox===true) {
this.childNodes[0].checked = true;
};
};
};
});
$("#" + childid + " li." + css.enabled).on("mouseover", function (e) {
if (isDisabled === true) return false;
$(this).addClass(css.hover);
});
$("#" + childid + " li." + css.enabled).on("mouseout", function (e) {
if (isDisabled === true) return false;
$("#" + childid + " li." + css.hover).removeClass(css.hover);
});
$("#" + childid + " li." + css.enabled).on("mouseup", function (e) {
if (isDisabled === true) return false;
e.preventDefault();
e.stopPropagation();
if(settings.enableCheckbox===true) {
controlHolded = false;
};
var selected = $("#" + childid + " li." + css.selected).length;
forcedTrigger = (oldSelected.length != selected || selected == 0) ? true : false;
fireAfterItemClicked();
unbind_on_events(); //remove old one
bind_on_events();
lastTarget = null;
});
/* options events */
if (settings.disabledOptionEvents == false) {
$("#" + childid + " li." + css_i.li).on("click", function (e) {
if (isDisabled === true) return false;
fireOptionEventIfExist(this, "click");
});
$("#" + childid + " li." + css_i.li).on("mouseenter", function (e) {
if (isDisabled === true) return false;
fireOptionEventIfExist(this, "mouseenter");
});
$("#" + childid + " li." + css_i.li).on("mouseover", function (e) {
if (isDisabled === true) return false;
fireOptionEventIfExist(this, "mouseover");
});
$("#" + childid + " li." + css_i.li).on("mouseout", function (e) {
if (isDisabled === true) return false;
fireOptionEventIfExist(this, "mouseout");
});
$("#" + childid + " li." + css_i.li).on("mousedown", function (e) {
if (isDisabled === true) return false;
fireOptionEventIfExist(this, "mousedown");
});
$("#" + childid + " li." + css_i.li).on("mouseup", function (e) {
if (isDisabled === true) return false;
fireOptionEventIfExist(this, "mouseup");
});
};
};
var removeChildEvents = function () {
var childid = getPostID("postChildID");
$("#" + childid).off("click");
$("#" + childid + " li." + css.enabled).off("mouseenter");
$("#" + childid + " li." + css.enabled).off("click");
$("#" + childid + " li." + css.enabled).off("mouseover");
$("#" + childid + " li." + css.enabled).off("mouseout");
$("#" + childid + " li." + css.enabled).off("mousedown");
$("#" + childid + " li." + css.enabled).off("mouseup");
};
var triggerBypassingHandler = function (id, evt_n, handler) {
$("#" + id).off(evt_n, handler);
$("#" + id).trigger(evt_n);
$("#" + id).on(evt_n, handler);
};
var applyEvents = function () {
var id = getPostID("postID");
var tid = getPostID("postTitleTextID");
var childid = getPostID("postChildID");
$("#" + id).on(settings.event, function (e) {
if (isDisabled === true) return false;
fireEventIfExist(settings.event);
//prevent body click
e.preventDefault();
e.stopPropagation();
open(e);
});
$("#" + id).on("keydown", function (e) {
var k = e.which;
if (!isOpen && (k == ENTER || k == UP_ARROW || k == DOWN_ARROW ||
k == LEFT_ARROW || k == RIGHT_ARROW ||
(k >= ALPHABETS_START && !isList))) {
open(e);
if (k >= ALPHABETS_START) {
showFilterBox();
} else {
e.preventDefault();
e.stopImmediatePropagation();
};
};
});
$("#" + id).on("focus", wrapperFocusHandler);
$("#" + id).on("blur", wrapperBlurHandler);
$("#" + tid).on("blur", function (e) {
//return focus to the wrapper without triggering the handler
triggerBypassingHandler(id, "focus", wrapperFocusHandler);
});
applyChildEvents();
$("#" + id).on("dblclick", on_dblclick);
$("#" + id).on("mousemove", on_mousemove);
$("#" + id).on("mouseenter", on_mouseover);
$("#" + id).on("mouseleave", on_mouseout);
$("#" + id).on("mousedown", on_mousedown);
$("#" + id).on("mouseup", on_mouseup);
};
var wrapperFocusHandler = function (e) {
fireEventIfExist("focus");
};
var wrapperBlurHandler = function (e) {
fireEventIfExist("blur");
};
//after create
var fixedForList = function () {
var id = getPostID("postID");
var childid = getPostID("postChildID");
if (isList === true && settings.enableCheckbox===false) {
$("#" + id + " ." + css.ddTitle).hide();
$("#" + childid).css({display: 'block', position: 'relative'});
//open();
} else {
if(settings.enableCheckbox===false) {
isMultiple = false; //set multiple off if this is not a list
};
$("#" + id + " ." + css.ddTitle).show();
$("#" + childid).css({display: 'none', position: 'absolute'});
//set value
var first = $("#" + childid + " li." + css.selected)[0];
$("#" + childid + " li." + css.selected).removeClass(css.selected);
var index = getIndex($(first).addClass(css.selected));
setValue(index);
};
childHeight(childHeight()); //get and set height
};
var fixedForDisabled = function () {
var id = getPostID("postID");
var opc = (isDisabled == true) ? settings.disabledOpacity : 1;
if (isDisabled === true) {
$("#" + id).addClass(css.disabledAll);
} else {
$("#" + id).removeClass(css.disabledAll);
};
};
var fixedSomeUI = function () {
//auto filter
var tid = getPostID("postTitleTextID");
if(settings.enableAutoFilter=="true") {
$("#" + tid).on("keyup", applyFilters);
};
//if is list
fixedForList();
fixedForDisabled();
};
var createLayout = function () {
var oDiv = createWrapper();
var oTitle = createTitle();
oDiv.appendChild(oTitle);
//auto filter box
var oFilterBox = createFilterBox();
oDiv.appendChild(oFilterBox);
var oChildren = createChildren();
oDiv.appendChild(oChildren);
$("#" + element).after(oDiv);
hideOriginal(); //hideOriginal
fixedSomeUI();
applyEvents();
var childid = getPostID("postChildID");
//append
if(settings.append!='') {
$("#" + childid).append(settings.append);
};
//prepend
if(settings.prepend!='') {
$("#" + childid).prepend(settings.prepend);
};
if (typeof settings.on.create == "function") {
settings.on.create.apply($this, arguments);
};
};
var selectUI_LI = function(indexes) {
var childid = getPostID("postChildID");
$("#" + childid + " li." + css_i.li).removeClass(css.selected);
if(settings.enableCheckbox===true) {
$("#" + childid + " li." + css_i.li + " input.checkbox").prop("checked", false);
};
if(isArray(indexes)===true) {
for(var i=0;i 1) {
//selected multiple
selectMutipleOptions(selected);
} else {
//if one selected
index = getIndex($("#" + childid + " li." + css.selected));
};
if ((getElement(element).selectedIndex != index || forcedTrigger) && selected.length<=1) {
forcedTrigger = false;
var evt = has_handler("change");
getElement(element).selectedIndex = index;
setValue(index);
//local
if (typeof settings.on.change == "function") {
var d = getDataAndUI();
settings.on.change(d.data, d.ui);
};
$("#" + element).trigger("change");
};
};
var setValue = function (index, byvalue) {
if (index !== undefined) {
var selectedIndex, value, selectedText;
if (index == -1) {
selectedIndex = -1;
value = "";
selectedText = "";
updateTitleUI(-1);
} else {
//by index or byvalue
if (typeof index != "object") {
var opt = getElement(element).options[index];
getElement(element).selectedIndex = index;
selectedIndex = index;
value = parseOption(opt);
selectedText = (index >= 0) ? getElement(element).options[index].text : "";
updateTitleUI(undefined, value);
value = value.value; //for bottom
} else {
//this is multiple or by option
selectedIndex = (byvalue && byvalue.index) || getElement(element).selectedIndex;
value = (byvalue && byvalue.value) || getElement(element).value;
selectedText = (byvalue && byvalue.text) || getElement(element).options[getElement(element).selectedIndex].text || "";
updateTitleUI(selectedIndex);
//check if this is multiple checkbox
};
};
updateProp("selectedIndex", selectedIndex);
updateProp("value", value);
updateProp("selectedText", selectedText);
updateProp("children", getElement(element).children);
updateProp("uiData", getDataAndUI());
updateProp("selectedOptions", $("#" + element + " option:selected"));
};
};
var has_handler = function (name) {
//True if a handler has been added in the html.
var evt = {byElement: false, byJQuery: false, hasEvent: false};
var obj = $("#" + element);
//console.log(name)
try {
//console.log(obj.prop("on" + name) + " "+name);
if (obj.prop("on" + name) !== null) {
evt.hasEvent = true;
evt.byElement = true;
};
} catch(e) {
//console.log(e.message);
}
// True if a handler has been added using jQuery.
var evs;
if (typeof $._data == "function") { //1.8
evs = $._data(obj[0], "events");
} else {
evs = obj.data("events");
};
if (evs && evs[name]) {
evt.hasEvent = true;
evt.byJQuery = true;
};
return evt;
};
var bind_on_events = function () {
unbind_on_events();
$("body").on("click", close);
//bind more events
$(document).on("keydown", on_keydown);
$(document).on("keyup", on_keyup);
//focus will work on this
};
var unbind_on_events = function () {
$("body").off("click", close);
//bind more events
$(document).off("keydown", on_keydown);
$(document).off("keyup", on_keyup);
};
var applyFilters = function (e) {
if(e.keyCode < ALPHABETS_START && e.keyCode!=BACKSPACE && e.keyCode!=DELETE) {
return false;
};
var childid = getPostID("postChildID");
var tid = getPostID("postTitleTextID");
var sText = getElement(tid).value;
if (sText.length == 0) {
$("#" + childid + " li:hidden").show(); //show if hidden
childHeight(childHeight());
} else {
$("#" + childid + " li").hide();
var items = $("#" + childid + " li:Contains('" + sText + "')").show();
if ($("#" + childid + " li:visible").length <= settings.visibleRows) {
childHeight(-1); //set autoheight
};
if (items.length > 0 && !isList || !isMultiple) {
$("#" + childid + " ." + css.selected).removeClass(css.selected);
$(items[0]).addClass(css.selected);
};
};
if (!isList) {
adjustOpen();
};
};
var showFilterBox = function () {
if(settings.enableAutoFilter=="true") {
var id = getPostID("postID");
var tid = getPostID("postTitleTextID");
if ($("#" + tid + ":hidden").length > 0 && controlHolded == false) {
$("#" + tid + ":hidden").show().val("");
//blur the wrapper without triggering the handler
triggerBypassingHandler(id, "blur", wrapperBlurHandler);
getElement(tid).focus();
};
};
};
var hideFilterBox = function () {
var tid = getPostID("postTitleTextID");
if ($("#" + tid + ":visible").length > 0) {
$("#" + tid + ":visible").hide();
getElement(tid).blur();
};
};
var on_keydown = function (evt) {
var tid = getPostID("postTitleTextID");
var childid = getPostID("postChildID");
switch (evt.keyCode) {
case DOWN_ARROW:
case RIGHT_ARROW:
evt.preventDefault();
evt.stopPropagation();
//hideFilterBox();
next();
break;
case UP_ARROW:
case LEFT_ARROW:
evt.preventDefault();
evt.stopPropagation();
//hideFilterBox();
previous();
break;
case ESCAPE:
case ENTER:
evt.preventDefault();
evt.stopPropagation();
close();
var selected = $("#" + childid + " li." + css.selected).length;
forcedTrigger = (oldSelected.length != selected || selected == 0) ? true : false;
fireAfterItemClicked();
unbind_on_events(); //remove old one
lastTarget = null;
break;
case SHIFT:
shiftHolded = true;
break;
case CONTROL:
controlHolded = true;
break;
default:
if (evt.keyCode >= ALPHABETS_START && isList === false) {
showFilterBox();
};
break;
};
if (isDisabled === true) return false;
fireEventIfExist("keydown");
};
var on_keyup = function (evt) {
switch (evt.keyCode) {
case SHIFT:
shiftHolded = false;
break;
case CONTROL:
controlHolded = false;
break;
};
if (isDisabled === true) return false;
fireEventIfExist("keyup");
};
var on_dblclick = function (evt) {
if (isDisabled === true) return false;
fireEventIfExist("dblclick");
};
var on_mousemove = function (evt) {
if (isDisabled === true) return false;
fireEventIfExist("mousemove");
};
var on_mouseover = function (evt) {
if (isDisabled === true) return false;
evt.preventDefault();
fireEventIfExist("mouseover");
};
var on_mouseout = function (evt) {
if (isDisabled === true) return false;
evt.preventDefault();
fireEventIfExist("mouseout");
};
var on_mousedown = function (evt) {
if (isDisabled === true) return false;
fireEventIfExist("mousedown");
};
var on_mouseup = function (evt) {
if (isDisabled === true) return false;
fireEventIfExist("mouseup");
};
var option_has_handler = function (opt, name) {
//True if a handler has been added in the html.
var evt = {byElement: false, byJQuery: false, hasEvent: false};
if ($(opt).prop("on" + name) != undefined) {
evt.hasEvent = true;
evt.byElement = true;
};
// True if a handler has been added using jQuery.
var evs = $(opt).data("events");
if (evs && evs[name]) {
evt.hasEvent = true;
evt.byJQuery = true;
};
return evt;
};
var fireOptionEventIfExist = function (li, evt_n) {
if (settings.disabledOptionEvents == false) {
var opt = getElement(element).options[getIndex(li)];
//check if original has some
if (option_has_handler(opt, evt_n).hasEvent === true) {
if (option_has_handler(opt, evt_n).byElement === true) {
opt["on" + evt_n]();
};
if (option_has_handler(opt, evt_n).byJQuery === true) {
switch (evt_n) {
case "keydown":
case "keyup":
//key down/up will check later
break;
default:
$(opt).trigger(evt_n);
break;
};
};
return false;
};
};
};
var fireEventIfExist = function (evt_n) {
//local
if (typeof settings.on[evt_n] == "function") {
settings.on[evt_n].apply(this, arguments);
};
//check if original has some
if (has_handler(evt_n).hasEvent === true) {
if (has_handler(evt_n).byElement === true) {
getElement(element)["on" + evt_n]();
} else if (has_handler(evt_n).byJQuery === true) {
switch (evt_n) {
case "keydown":
case "keyup":
//key down/up will check later
break;
default:
$("#" + element).triggerHandler(evt_n);
break;
};
};
return false;
};
};
/******************************* navigation **********************************************/
var scrollToIfNeeded = function (opt) {
var childid = getPostID("postChildID");
//if scroll is needed
opt = (opt !== undefined) ? opt : $("#" + childid + " li." + css.selected);
if (opt.length > 0) {
var pos = parseInt(($(opt).position().top));
var ch = parseInt($("#" + childid).height());
//if (pos > ch) {
var top = pos + $("#" + childid).scrollTop() - (ch/2);
$("#" + childid).scrollTop(top); //.animate({scrollTop:top}, 500);
//};
};
};
var next = function () {
var childid = getPostID("postChildID");
var items = $("#" + childid + " li:visible." + css_i.li);
var selected = $("#" + childid + " li:visible." + css.selected);
selected = (selected.length==0) ? items[0] : selected;
var index = $("#" + childid + " li:visible." + css_i.li).index(selected);
if ((index < items.length - 1)) {
index = getNext(index);
if (index < items.length) { //check again - hack for last disabled
if (!shiftHolded || !isList || !isMultiple) {
$("#" + childid + " ." + css.selected).removeClass(css.selected);
};
$(items[index]).addClass(css.selected);
updateTitleUI(index);
if (isList == true) {
fireAfterItemClicked();
};
scrollToIfNeeded($(items[index]));
};
if (!isList) {
adjustOpen();
};
};
function getNext(ind) {
ind = ind + 1;
if (ind > items.length) {
return ind;
};
if ($(items[ind]).hasClass(css.enabled) === true) {
return ind;
};
return ind = getNext(ind);
};
};
var previous = function () {
var childid = getPostID("postChildID");
var selected = $("#" + childid + " li:visible." + css.selected);
var items = $("#" + childid + " li:visible." + css_i.li);
var index = $("#" + childid + " li:visible." + css_i.li).index(selected[0]);
if (index >= 0) {
index = getPrev(index);
if (index >= 0) { //check again - hack for disabled
if (!shiftHolded || !isList || !isMultiple) {
$("#" + childid + " ." + css.selected).removeClass(css.selected);
};
$(items[index]).addClass(css.selected);
updateTitleUI(index);
if (isList == true) {
fireAfterItemClicked();
};
if (parseInt(($(items[index]).position().top + $(items[index]).height())) <= 0) {
var top = ($("#" + childid).scrollTop() - $("#" + childid).height()) - $(items[index]).height();
$("#" + childid).scrollTop(top); //.animate({scrollTop: top}, 500);
};
};
if (!isList) {
adjustOpen();
};
};
function getPrev(ind) {
ind = ind - 1;
if (ind < 0) {
return ind;
};
if ($(items[ind]).hasClass(css.enabled) === true) {
return ind;
};
return ind = getPrev(ind);
};
};
var adjustOpen = function () {
var id = getPostID("postID");
var childid = getPostID("postChildID");
var pos = $("#" + id).offset();
var mH = $("#" + id).height();
var wH = $(window).height();
var st = $(window).scrollTop();
var cH = $("#" + childid).height();
var top = $("#" + id).height(); //this close so its title height
var direction = settings.openDirection.toLowerCase();
if (((wH + st) < Math.floor(cH + mH + pos.top) || direction == 'alwaysup') && direction != 'alwaysdown') {
top = cH;
$("#" + childid).css({top: "-" + top + "px", display: 'block', zIndex: settings.zIndex});
if(settings.roundedCorner == "true") {
$("#" + id).removeClass("borderRadius borderRadiusTp").addClass("borderRadiusBtm");
};
var top = $("#" + childid).offset().top;
if (top < -10) {
$("#" + childid).css({top: (parseInt($("#" + childid).css("top")) - top + 20 + st) + "px", zIndex: settings.zIndex});
if(settings.roundedCorner == "true") {
$("#" + id).removeClass("borderRadiusBtm borderRadiusTp").addClass("borderRadius");
};
};
} else {
$("#" + childid).css({top: top + "px", zIndex: settings.zIndex});
if(settings.roundedCorner == "true") {
$("#" + id).removeClass("borderRadius borderRadiusBtm").addClass("borderRadiusTp");
};
};
//hack for ie zindex
//i hate ie :D
if(isIE) {
if(msieversion()<=7) {
$('div.ddcommon').css("zIndex", settings.zIndex-10);
$("#" + id).css("zIndex", settings.zIndex+5);
};
};
};
var open = function (e) {
if (isDisabled === true) return false;
var id = getPostID("postID");
var childid = getPostID("postChildID");
if (!isOpen) {
isOpen = true;
if (msBeautify.oldDiv != '') {
$("#" + msBeautify.oldDiv).css({display: "none"}); //hide all
};
msBeautify.oldDiv = childid;
$("#" + childid + " li:hidden").show(); //show if hidden
adjustOpen();
var animStyle = settings.animStyle;
if(animStyle=="" || animStyle=="none") {
$("#" + childid).css({display:"block"});
scrollToIfNeeded();
if (typeof settings.on.open == "function") {
var d = getDataAndUI();
settings.on.open(d.data, d.ui);
};
} else {
$("#" + childid)[animStyle]("fast", function () {
scrollToIfNeeded();
if (typeof settings.on.open == "function") {
var d = getDataAndUI();
settings.on.open(d.data, d.ui);
};
});
};
bind_on_events();
} else {
if(settings.event!=='mouseover') {
close();
};
};
};
var close = function (e) {
isOpen = false;
var id = getPostID("postID");
var childid = getPostID("postChildID");
if (isList === false || settings.enableCheckbox===true) {
$("#" + childid).css({display: "none"});
if(settings.roundedCorner == "true") {
$("#" + id).removeClass("borderRadiusTp borderRadiusBtm").addClass("borderRadius");
};
};
unbind_on_events();
if (typeof settings.on.close == "function") {
var d = getDataAndUI();
settings.on.close(d.data, d.ui);
};
//rest some old stuff
hideFilterBox();
childHeight(childHeight()); //its needed after filter applied
$("#" + childid).css({zIndex:1});
//update the title in case the user clicked outside
updateTitleUI(getElement(element).selectedIndex);
};
/*********************** *************************************/
var mergeAllProp = function () {
try {
orginial = $.extend(true, {}, getElement(element));
for (var i in orginial) {
if (typeof orginial[i] != "function") {
$this[i] = orginial[i]; //properties
};
};
} catch(e) {
//silent
};
$this.selectedText = (getElement(element).selectedIndex >= 0) ? getElement(element).options[getElement(element).selectedIndex].text : "";
$this.version = msBeautify.version.msDropdown;
$this.author = msBeautify.author;
};
var getDataAndUIByOption = function (opt) {
if (opt != null && typeof opt != "undefined") {
var childid = getPostID("postChildID");
var data = parseOption(opt);
var ui = $("#" + childid + " li." + css_i.li + ":eq(" + (opt.index) + ")");
return {data: data, ui: ui, option: opt, index: opt.index};
};
return null;
};
var getDataAndUI = function () {
var childid = getPostID("postChildID");
var ele = getElement(element);
var data, ui, option, index;
if (ele.selectedIndex == -1) {
data = null;
ui = null;
option = null;
index = -1;
} else {
ui = $("#" + childid + " li." + css.selected);
if (ui.length > 1) {
var d = [], op = [], ind = [];
for (var i = 0; i < ui.length; i++) {
var pd = getIndex(ui[i]);
d.push(pd);
op.push(ele.options[pd]);
};
data = d;
option = op;
index = d;
} else {
option = ele.options[ele.selectedIndex];
data = parseOption(option);
index = ele.selectedIndex;
};
};
return {data: data, ui: ui, index: index, option: option};
};
var updateTitleUI = function (index, byvalue) {
var titleid = getPostID("postTitleID");
var value = {};
if (index == -1) {
value.text = " ";
value.className = "";
value.description = "";
value.image = "";
} else if (typeof index != "undefined") {
var opt = getElement(element).options[index];
value = parseOption(opt);
} else {
value = byvalue;
};
//update title and current
$("#" + titleid).find("." + css.label).html(value.text);
getElement(titleid).className = css.ddTitleText + " " + value.className;
//update desction
if (value.description != "") {
$("#" + titleid).find("." + css.description).html(value.description).show();
} else {
$("#" + titleid).find("." + css.description).html("").hide();
};
//update icon
var img = $("#" + titleid).find("img");
if (img.length > 0) {
$(img).remove();
};
if (value.image != "" && settings.showIcon) {
img = createElement("img", {src: value.image});
$("#" + titleid).prepend(img);
if(value.imagecss!="") {
img.className = value.imagecss+" ";
};
if (value.description == "") {
img.className = img.className+css_i.fnone;
};
};
};
var updateProp = function (p, v) {
$this[p] = v;
};
var updateUI = function (a, opt, i) { //action, index, opt
var childid = getPostID("postChildID");
var wasSelected = false;
switch (a) {
case "add":
var li = createChild(opt || getElement(element).options[i]);
var index;
if (arguments.length == 3) {
index = i;
} else {
index = $("#" + childid + " li." + css_i.li).length - 1;
};
if (index < 0 || !index) {
$("#" + childid + " ul").append(li);
} else {
var at = $("#" + childid + " li." + css_i.li)[index];
$(at).before(li);
};
removeChildEvents();
applyChildEvents();
if (settings.on.add != null) {
settings.on.add.apply(this, arguments);
};
break;
case "remove":
wasSelected = $($("#" + childid + " li." + css_i.li)[i]).hasClass(css.selected);
$("#" + childid + " li." + css_i.li + ":eq(" + i + ")").remove();
var items = $("#" + childid + " li." + css.enabled);
if (wasSelected == true) {
if (items.length > 0) {
$(items[0]).addClass(css.selected);
var ind = $("#" + childid + " li." + css_i.li).index(items[0]);
setValue(ind);
};
};
if (items.length == 0) {
setValue(-1);
};
if ($("#" + childid + " li." + css_i.li).length < settings.visibleRows && !isList) {
childHeight(-1); //set autoheight
};
if (settings.on.remove != null) {
settings.on.remove.apply(this, arguments);
};
break;
};
};
/************************** public methods/events **********************/
this.act = function () {
var action = arguments[0];
Array.prototype.shift.call(arguments);
switch (action) {
case "add":
$this.add.apply(this, arguments);
break;
case "remove":
$this.remove.apply(this, arguments);
break;
default:
try {
getElement(element)[action].apply(getElement(element), arguments);
} catch (e) {
//there is some error.
};
break;
};
};
this.add = function () {
var text, value, title, image, description;
var obj = arguments[0];
if (typeof obj == "string") {
text = obj;
value = text;
opt = new Option(text, value);
} else {
text = obj.text || '';
value = obj.value || text;
title = obj.title || '';
image = obj.image || '';
description = obj.description || '';
//image:imagePath, title:title, description:description, value:opt.value, text:opt.text, className:opt.className||""
opt = new Option(text, value);
$(opt).data("description", description);
$(opt).data("image", image);
$(opt).data("title", title);
};
arguments[0] = opt; //this option
getElement(element).add.apply(getElement(element), arguments);
updateProp("children", getElement(element)["children"]);
updateProp("length", getElement(element).length);
updateUI("add", opt, arguments[1]);
};
this.remove = function (i) {
getElement(element).remove(i);
updateProp("children", getElement(element)["children"]);
updateProp("length", getElement(element).length);
updateUI("remove", undefined, i);
};
this.set = function (prop, val) {
if (typeof prop == "undefined" || typeof val == "undefined") return false;
prop = prop.toString();
try {
updateProp(prop, val);
} catch (e) {/*this is ready only */};
switch (prop) {
case "size":
getElement(element)[prop] = val;
if (val == 0) {
getElement(element).multiple = false; //if size is zero multiple should be false
};
isList = (getElement(element).size > 1 || getElement(element).multiple == true) ? true : false;
fixedForList();
break;
case "multiple":
getElement(element)[prop] = val;
isList = (getElement(element).size > 1 || getElement(element).multiple == true) ? true : false;
isMultiple = getElement(element).multiple;
fixedForList();
updateProp(prop, val);
break;
case "disabled":
getElement(element)[prop] = val;
isDisabled = val;
fixedForDisabled();
break;
case "selectedIndex":
case "value":
if(prop=="selectedIndex" && isArray(val)===true) {
$("#"+element +" option").prop("selected", false);
selectMutipleOptions(val, true);
selectUI_LI(val); //setValue is being called from selectMutipleOptions
} else {
getElement(element)[prop] = val;
selectUI_LI(getElement(element).selectedIndex);
setValue(getElement(element).selectedIndex);
};
break;
case "length":
var childid = getPostID("postChildID");
if (val < getElement(element).length) {
getElement(element)[prop] = val;
if (val == 0) {
$("#" + childid + " li." + css_i.li).remove();
setValue(-1);
} else {
$("#" + childid + " li." + css_i.li + ":gt(" + (val - 1) + ")").remove();
if ($("#" + childid + " li." + css.selected).length == 0) {
$("#" + childid + " li." + css.enabled + ":eq(0)").addClass(css.selected);
};
};
updateProp(prop, val);
updateProp("children", getElement(element)["children"]);
};
break;
case "id":
//please i need this. so preventing to change it. will work on this later
break;
default:
//check if this is not a readonly properties
try {
getElement(element)[prop] = val;
updateProp(prop, val);
} catch (e) {
//silent
};
break;
};
};
this.get = function (prop) {
return $this[prop] || getElement(element)[prop]; //return if local else from original
};
this.visible = function (val) {
var id = getPostID("postID");
if (val === true) {
$("#" + id).show();
} else if (val === false) {
$("#" + id).hide();
} else {
return ($("#" + id).css("display")=="none") ? false : true;
};
};
this.debug = function (v) {
msBeautify.debug(v);
};
this.close = function () {
close();
};
this.open = function () {
open();
};
this.showRows = function (r) {
if (typeof r == "undefined" || r == 0) {
return false;
};
settings.visibleRows = r;
childHeight(childHeight());
};
this.visibleRows = this.showRows;
this.on = function (type, fn) {
$("#" + element).on(type, fn);
};
this.off = function (type, fn) {
$("#" + element).off(type, fn);
};
this.addMyEvent = this.on;
this.getData = function () {
return getDataAndUI()
};
this.namedItem = function () {
var opt = getElement(element).namedItem.apply(getElement(element), arguments);
return getDataAndUIByOption(opt);
};
this.item = function () {
var opt = getElement(element).item.apply(getElement(element), arguments);
return getDataAndUIByOption(opt);
};
//v 3.2
this.setIndexByValue = function(val) {
this.set("value", val);
};
this.destroy = function () {
var hidid = getPostID("postElementHolder");
var id = getPostID("postID");
$("#" + id + ", #" + id + " *").off();
getElement(element).tabIndex = getElement(id).tabIndex;
$("#" + id).remove();
$("#" + element).parent().replaceWith($("#" + element));
$("#" + element).data("dd", null);
};
this.refresh = function() {
setValue(getElement(element).selectedIndex);
};
//Create msDropDown
init();
};
//bind in jquery
$.fn.extend({
msDropDown: function(settings)
{
return this.each(function()
{
if (!$(this).data('dd')){
var mydropdown = new dd(this, settings);
$(this).data('dd', mydropdown);
};
});
}
});
$.fn.msDropdown = $.fn.msDropDown; //make a copy
})(jQuery);;
var slidingPanelWidth = 0;
var currentSlidingPanel = 1;
var currentTabPanel = 1;
$(document).ready(function () {
//Bring Up Popup Login Box if not logged in when trying to access link flagged with auth required
BlockAuthorizationWithPopup();
/*****************************************/
/*************Header Resize***************/
/*****************************************/
$(window).scroll(function () {
var scroll_top = $(document).scrollTop();
if (scroll_top >= 40) {
$('#header-panel').css("height", "69px");
$('#header-panel').css("background", "url('/Content/Images/Layout/header_background.png') 0 -40px repeat-x");
$('#header-content').css("padding", "5px 50px");
$('#dropdown-products-panel').css('top', "66px");
$('#logic-subheader-panel').css('top', "66px");
}
else {
$('#header-panel').css("height", (109 - scroll_top) + "px");
$('#header-panel').css("background", "url('/Content/Images/Layout/header_background.png') 0 " + (-1 * scroll_top) + "px repeat-x");
$('#header-content').css("padding", (26 - scroll_top / 2) + "px 50px");
$('#dropdown-products-panel').css('top', (106 - scroll_top) + "px");
$('#logic-subheader-panel').css('top', (106 - scroll_top) + "px");
}
});
/*****************************************/
/*************Sliding Panels**************/
/*****************************************/
//Easing Curve
$.easing.myEasing = function (x, t, b, c, d) {
return (t == d) ? b + c : c * (-Math.pow(2, -12 * t / d) + 1) + b;
}
var preventProp;
setPreventProp = function(val) {
preventProp = val;
}
$('#dropdown-products-panel').click(function (e) {
if ($(e.target).is(".blue-button, .blue-button *"))
return;
if ($(e.target).is(".product-color-selected, .product-color-selected *"))
return;
$('#ProductsButton').click();
});
//Slide Panel Toggle
$('#ProductsButton').click(function (e) {
//check if this is a user click or a programatic click.
if (e.hasOwnProperty('originalEvent')) {
$('#ProductsButton').data('user_open', true);
SaleaeTrackEvent('Products Dropdown', 'Opened Products Dropdown', 'Clicked ProductsButton', null, true);
} else {
$('#ProductsButton').data('user_open', false);
}
if ($('#dropdown-products-panel').is(":hidden")) {
$('#ProductsButtonArrow').attr("src", "/Content/Images/Layout/products_up_arrow.png");
}
else {
$('#ProductsButtonArrow').attr("src", "/Content/Images/Layout/products_down_arrow.png");
}
$('#dropdown-products-panel').slideToggle(
400,
'myEasing'
);
});
//Slide Panel Off on Click-Off
$('#page, #footer-panel').click(function () {
if (preventProp) {
preventProp = 0;
return;
}
$('#ProductsButtonArrow').attr("src", "/Content/Images/Layout/products_down_arrow.png")
$('#dropdown-products-panel').slideUp(
400,
'myEasing'
);
});
//Product Dropdown Table
$('body').on('click', '.products-table td, .products-table th.product-header', function () {
if ($(this).parents('.product-column').attr('attr-href') != null)
RedirectToUrl($(this).parents('.product-column').attr('attr-href'));
});
$('body').on('mouseover', '.products-table td, .products-table th.product-header', function () {
if ($(this).parents('.product-column').attr('attr-href') != null)
$(this).parents('table').addClass("yellow-outline");
});
$('body').on('mouseleave', '.products-table td, .products-table th.product-header', function () {
if ($(this).parents('.product-column').attr('attr-href') != null)
$(this).parents('table').removeClass("yellow-outline");
});
/*Switch Product Color*/
$('body').on('click','.current-product-color-option', function () {
if ($(this).siblings('.product-color-option:not(.selected)').is(':visible')) {
$(this).css("background", "url(/Content/Images/Layout/product-color-down-arrow.png) right 20px center no-repeat, #ebebeb");
} else {
$(this).css("background", "url(/Content/Images/Layout/product-color-up-arrow.png) right 20px center no-repeat, #ebebeb");
}
$(this).siblings('.product-color-option:not(.selected)').slideToggle(200);
SaleaeTrackEvent("product selector", "changed color", "clicked products select color");
});
$('body').on('click', '.product-color-option', function () {
$(this).siblings('.product-color-option.selected').removeClass('selected');
$(this).siblings('.current-product-color-option').html($(this).html()).css("background", "url(/Content/Images/Layout/product-color-down-arrow.png) right 20px center no-repeat, #ebebeb");
$(this).closest('.product-column').find('.purchase-row a').attr("href", "/cart/addtocart?product_id=" + $(this).attr("attr-product-id-num"));
$header = $(this).closest('.product-column').find('.header-row .product-header');
if ($(this).text() == "Black") {
$header.css("background-image", "url(" + $header.attr("attr-black-image") + ")")
} else {
test = $header.attr("attr-red-image");
$header.css("background-image", "url(" + $header.attr("attr-red-image") + ")")
}
$(this).addClass('selected').slideUp(200);
});
/*
//Set Up Sliding Tabbed Panels
window.slidingPanelWidth = $('.sliding-panel-wrapper').width();
$('.sp-panel-container .sp-panel').each(function (index) {
$(this).css({ 'width': window.slidingPanelWidth + 'px', 'left': (index * window.slidingPanelWidth) + 'px' });
$('.sliding-panel-wrapper .sp-panels').css('width', (index + 1) * window.slidingPanelWidth + 'px');
});
//Change Sliding Tabbed Panel on Tab Click
$('.sliding-panel-wrapper .sp-tabs span').each(function () {
$(this).on('click', function () {
changePanels($(this).index());
});
});*/
/*****************************************/
/***************Fancy Boxes***************/
/*****************************************/
//Authorization Fancy Box
$(".auth-fancybox").fancybox(
{
type: 'ajax',
transitionIn: 'none',
transitionOut: 'none',
wrapCSS : 'fancybox-auth-wrap',
padding: 0,
width: 600,
helpers: {
overlay: {
css: {
'background': 'none'
}
}
},
scrolling: 'visible',
preload: 10,
fitToView: false
});
$(".fb-image").fancybox({
helpers: {
thumbs : {
width : 50,
height : 50
},
overlay: {
locked: false
}
}
});
/*****************************************/
/**************Hash Jump******************/
/*****************************************/
$('a[href^="#"]').each(function(){
$(this).click(function (event) {
event.preventDefault();
//calculate destination place
var dest = 0;
if ($(this.hash).offset().top > $(document).height() - ($(window).height() - 126)) {
dest = $(document).height() - $(window).height();
} else {
if ($(this.hash).offset().top > 170) {
dest = $(this.hash).offset().top - 126;
}
else {
dest = 0;
}
}
//go to destination
$('html,body').animate({ scrollTop: dest }, 300, 'swing');
});
});
HashJump = function ( element, header_offset ) {
//calculate destination place
var dest = 0;
if ($(element).offset().top > $(document).height() - ($(window).height() - header_offset)) {
dest = $(document).height() - $(window).height();
} else {
if ($(element).offset().top > 109) {
dest = $(element).offset().top - header_offset;
}
else {
dest = 0;
}
}
//go to destination
$('html,body').animate({ scrollTop: dest }, 300, 'swing');
}
/*****************************************/
/*****************Misc********************/
/*****************************************/
//Setup Dropdown menu custom css
$("body select").msDropDown();
//SetupMixpanelLinks();
/******* GA & Mixpanel tracking of Pre-Order Popover source ********/
function PreOrderButtonClicked() {
return;
}
/* Setup Pre-Order Button Tracking properly. */
$("#preorder-logic4").click( function () {
PreOrderButtonClicked();
});
$("#preorder-logic8").click(function () {
PreOrderButtonClicked();
});
$("#preorder-logicpro8").click(function () {
PreOrderButtonClicked();
});
$("#preorder-logicpro16").click(function () {
PreOrderButtonClicked();
});
//Open preorder PopOver if desired
//var item;
//if (item = $.urlParam('product_id')) {
// if (item >= 14 && item <= 21) {
// var url = "/cart/preorder?product_id=" + item;
// var old_href = $('#preorder-logic4').attr("href");
// $('#preorder-logic4').attr("href", url);
// $('#preorder-logic4').data('item_clicked', item);
// $('#preorder-logic4').trigger("click");
// $('#preorder-logic4').attr("href", old_href);
// }
//}
});
/*
- if (!e.hasOwnProperty('originalEvent')) {
- SaleaeTrackEvent("PreOrder", "PreOrder Started", "PreOrder Started", { 'source': 'programmatic_click', 'item': 'product_id:' + $(this).data('item_clicked') }, true);
- return;
- }
- var item = $(this).attr('id');
- var source = "";
-
- if ($(this).parents('#dropdown-products-panel').length) {
- //we are in the products dropdown.
- source = "products_dropdown";
-
- if ($('#ProductsButton').data('user_open') === false) {
- source = "home_products_button_then_dropdown";
- }
-
- } else {
- source = "pricing_tile";
- }
-
- SaleaeTrackEvent("PreOrder", "PreOrder Started", "PreOrder Started", { 'source': source, 'item': item }, true);
-}
*/
/*****************************************/
/************Tabbed Panels****************/
/*****************************************/
function SetupTabbedPanels() {
$('.tp-panel-container .tp-panel', this).each(function () {
$(this).hide();
});
//set initial panel to show and select that tab
$('.tabbed-panel-wrapper').each(function () {
var current_tab = $(this).attr("attr-current-panel");
if (typeof current_tab === 'undefined' || current_tab === false) {
current_tab = 1;
$(this).attr("attr-current-panel", current_tab);
}
$(this).find('.tp-panel-container .tp-panel:nth-child(' + (current_tab) + ')').show();
$(this).find('.tp-tabs span:nth-child(' + (current_tab) + ')', this).addClass('selected');
});
//on tab click, changePanels
$('.tabbed-panel-wrapper .tp-tabs span', this).each(function () {
$(this).on('click', function () {
//remove old active panel and unselect tab
$parent_wrapper = $(this).parents('.tabbed-panel-wrapper');
var current_panel = $parent_wrapper.attr("attr-current-panel");
$parent_wrapper.find('.tp-panel-container .tp-panel:nth-child(' + (current_panel) + ')').hide();
$parent_wrapper.find('.tp-tabs span:nth-child(' + (current_panel) + ')').removeClass('selected');
//set new active panel and select tab
SaleaeTrackEvent("Tab Panels", "Clicked " + $(this).html(), "Tab Panel Clicked", { 'panel': $(this).html() });
var index = $(this).index()
$parent_wrapper.find('.tp-panel-container .tp-panel:nth-child(' + (index + 1) + ')').show();
$(this).addClass('selected');
$parent_wrapper.attr("attr-current-panel", (index + 1));
});
});
}
$(function () {
SetupTabbedPanels.call($(':root'));
});
//Get URL Parameters
$.urlParam = function (name) {
var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href);
if (results == null) {
return null;
}
else {
return results[1] || 0;
}
}
//SLIDING PANELS FUNCTION TO CHANGE PANELS
function changePanels(newIndex) {
var newSlidingPanelPosition = (window.slidingPanelWidth * newIndex) * -1;
var newSlidingPanelHeight = $('.sliding-panel-wrapper .sp-panel:nth-child(' + (newIndex + 1) + ')').find('.sp-panel-content').height();
$('.sliding-panel-wrapper .sp-panels').animate({ left: newSlidingPanelPosition }, 300, 'myEasing');
$('.sliding-panel-wrapper .sp-panel-container').animate({ height: newSlidingPanelHeight }, 300, 'myEasing');
$('.sliding-panel-wrapper .sp-tabs span').removeClass('selected');
$('.sliding-panel-wrapper .sp-tabs span:nth-child(' + (newIndex + 1) + ')').addClass('selected');
window.currentSlidingPanel = newIndex + 1;
}
function setUpAuthBox() {
$('.cancel-button').click(function () {
$.fancybox.close();
});
$("body select").msDropDown();
}
function BlockAuthorizationWithPopup() {
$('body').on('click', "*[data-requires-auth='true']", function(e) {
if ($('#login .logged-in').val() != "true") {
e.preventDefault();
e.stopPropagation();
var returnUrl = $(this).attr('href');
var originalUrl = $('.login-button').attr('href');
$('.login-button').attr('href', originalUrl + "?return_url=" + returnUrl);
$('.login-button').trigger('click');
$('.login-button').attr('href', originalUrl);
}
});
}
function RedirectToUrl( returnUrl ) {
if(returnUrl != null && returnUrl != "" && returnUrl != "undefined")
{
window.location.href = returnUrl;
}
else
{
location.reload();
}
}
/*********************/
/***LOGOUT FUNCTIONS**/
/*********************/
var uservoice_logout = 0;
var zendesk_logout = 0;
function LogOutServices() {
//zendesk and uservoice logout
$('#logoff-panel').after('');
$('#logoff-panel').after('');
}
function LogOutRedirect() {
if (uservoice_logout == 1 && zendesk_logout == 1)
{
uservoice_logout = 0;
zendesk_logout = 0;
window.location.replace("/index");
}
}
/*********************/
/****IE8 and below****/
/*********************/
var ie = (function () {
// ----------------------------------------------------------
// A short snippet for detecting versions of IE in JavaScript
// without resorting to user-agent sniffing
// ----------------------------------------------------------
// If you're not in IE (or IE version is less than 5) then:
// ie === undefined
// If you're in IE (>=5) then you can determine which version:
// ie === 7; // IE7
// Thus, to detect IE:
// if (ie) {}
// And to detect the version:
// ie === 6 // IE6
// ie > 7 // IE8, IE9 ...
// ie < 9 // Anything less than IE9
// ----------------------------------------------------------
// http://stackoverflow.com/questions/14892095/browser-msie-error-after-update-to-jquery-1-9-1/14892171#14892171
var undef,
v = 3,
div = document.createElement('div'),
all = div.getElementsByTagName('i');
while (
div.innerHTML = '',
all[0]
);
return v > 4 ? v : undef;
}());
/*********************/
/**Google Analytics***/
/*********************/
function SaleaeTrackEvent( ga_category, ga_action, mx_event, extra_object, adroll_track ) {
/*Google Analytics, Events*/
//for right now, we're not using this data, so don't bother
//dataLayer.push({ 'event': 'track_event', 'eventCategory': ga_category, 'eventAction': ga_action });
};