/*! * Modernizr v2.0.6 * http://www.modernizr.com * * Copyright (c) 2009-2011 Faruk Ates, Paul Irish, Alex Sexton * Dual-licensed under the BSD or 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.0.6', Modernizr = {}, // option for enabling the HTML classes to be added enableClasses = true, docElement = document.documentElement, docHead = document.head || document.getElementsByTagName('head')[0], /** * 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 = document.createElement('input'), smile = ':)', toString = Object.prototype.toString, // List of property values to set for css tests. See ticket #21 prefixes = ' -webkit- -moz- -o- -ms- -khtml- '.split(' '), // 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 foregoes prefixes entirely <= IE8, but appears to // use a lowercase `ms` instead of the correct `Ms` in IE9 // More here: http://github.com/Modernizr/Modernizr/issues/issue/21 domPrefixes = 'Webkit Moz O ms Khtml'.split(' '), ns = {'svg': 'http://www.w3.org/2000/svg'}, tests = {}, inputs = {}, attrs = {}, classes = [], featureName, // used in testing loop // Inject element with style element and some CSS rules injectElementWithStyles = function( rule, callback, nodes, testnames ) { var style, ret, node, div = document.createElement('div'); 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; div.innerHTML += style; docElement.appendChild(div); ret = callback(div, rule); div.parentNode.removeChild(div); return !!ret; }, // adapted from matchMedia polyfill // by Scott Jehl and Paul Irish // gist.github.com/786768 testMediaQuery = function( mq ) { if ( window.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; }, /** * isEventSupported determines if a given element supports the given event * function from http://yura.thinkweb2.com/isEventSupported/ */ 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; })(); // hasOwnProperty shim by kangax needed for Safari 2.0 support var _hasOwnProperty = ({}).hasOwnProperty, hasOwnProperty; if ( !is(_hasOwnProperty, undefined) && !is(_hasOwnProperty.call, undefined) ) { hasOwnProperty = function (object, property) { return _hasOwnProperty.call(object, property); }; } else { hasOwnProperty = 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)); }; } /** * 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); } /** * testProps is a generic CSS / DOM property test; if a browser supports * a certain property, it won't return undefined for it. * A supported CSS property returns empty string when its not yet set. */ function testProps( props, prefixed ) { for ( var i in props ) { if ( mStyle[ props[i] ] !== undefined ) { return prefixed == 'pfx' ? props[i] : true; } } return false; } /** * 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 ) { var ucProp = prop.charAt(0).toUpperCase() + prop.substr(1), props = (prop + ' ' + domPrefixes.join(ucProp + ' ') + ucProp).split(' '); return testProps(props, prefixed); } /** * testBundle tests a list of CSS features that require element and style injection. * By bundling them together we can reduce the need to touch the DOM multiple times. */ /*>>testBundle*/ var testBundle = (function( styles, tests ) { var style = styles.join(''), len = tests.length; injectElementWithStyles(style, function( node, rule ) { var style = document.styleSheets[document.styleSheets.length - 1], // IE8 will bork if you create a custom build that excludes both fontface and generatedcontent tests. // So we check for cssRules and that there is a rule available // More here: https://github.com/Modernizr/Modernizr/issues/288 & https://github.com/Modernizr/Modernizr/issues/293 cssText = style.cssRules && style.cssRules[0] ? style.cssRules[0].cssText : style.cssText || "", children = node.childNodes, hash = {}; while ( len-- ) { hash[children[len].id] = children[len]; } /*>>touch*/ Modernizr['touch'] = ('ontouchstart' in window) || hash['touch'].offsetTop === 9; /*>>touch*/ /*>>csstransforms3d*/ Modernizr['csstransforms3d'] = hash['csstransforms3d'].offsetLeft === 9; /*>>csstransforms3d*/ /*>>generatedcontent*/Modernizr['generatedcontent'] = hash['generatedcontent'].offsetHeight >= 1; /*>>generatedcontent*/ /*>>fontface*/ Modernizr['fontface'] = /src/i.test(cssText) && cssText.indexOf(rule.split(' ')[0]) === 0; /*>>fontface*/ }, len, tests); })([ // Pass in styles to be injected into document /*>>fontface*/ '@font-face {font-family:"font";src:url("https://")}' /*>>fontface*/ /*>>touch*/ ,['@media (',prefixes.join('touch-enabled),('),mod,')', '{#touch{top:9px;position:absolute}}'].join('') /*>>touch*/ /*>>csstransforms3d*/ ,['@media (',prefixes.join('transform-3d),('),mod,')', '{#csstransforms3d{left:9px;position:absolute}}'].join('')/*>>csstransforms3d*/ /*>>generatedcontent*/,['#generatedcontent:after{content:"',smile,'";visibility:hidden}'].join('') /*>>generatedcontent*/ ], [ /*>>fontface*/ 'fontface' /*>>fontface*/ /*>>touch*/ ,'touch' /*>>touch*/ /*>>csstransforms3d*/ ,'csstransforms3d' /*>>csstransforms3d*/ /*>>generatedcontent*/,'generatedcontent' /*>>generatedcontent*/ ]);/*>>testBundle*/ /** * Tests * ----- */ tests['flexbox'] = function() { /** * setPrefixedValueCSS sets the property of a specified element * adding vendor prefixes to the VALUE of the property. * @param {Element} element * @param {string} property The property name. This will not be prefixed. * @param {string} value The value of the property. This WILL be prefixed. * @param {string=} extra Additional CSS to append unmodified to the end of * the CSS string. */ function setPrefixedValueCSS( element, property, value, extra ) { property += ':'; element.style.cssText = (property + prefixes.join(value + ';' + property)).slice(0, -property.length) + (extra || ''); } /** * setPrefixedPropertyCSS sets the property of a specified element * adding vendor prefixes to the NAME of the property. * @param {Element} element * @param {string} property The property name. This WILL be prefixed. * @param {string} value The value of the property. This will not be prefixed. * @param {string=} extra Additional CSS to append unmodified to the end of * the CSS string. */ function setPrefixedPropertyCSS( element, property, value, extra ) { element.style.cssText = prefixes.join(property + ':' + value + ';') + (extra || ''); } var c = document.createElement('div'), elem = document.createElement('div'); setPrefixedValueCSS(c, 'display', 'box', 'width:42px;padding:0;'); setPrefixedPropertyCSS(elem, 'box-flex', '1', 'width:10px;'); c.appendChild(elem); docElement.appendChild(c); var ret = elem.offsetWidth === 42; c.removeChild(elem); docElement.removeChild(c); return ret; }; // On the S60 and BB Storm, getContext exists, but always returns undefined // http://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')); }; // This WebGL test may false positive. // But really it's quite impossible to know whether webgl will succeed until after you create the context. // You might have hardware that can support a 100x100 webgl canvas, but will not support a 1000x1000 webgl // canvas. So this feature inference is weak, but intentionally so. // It is known to false positive in FF4 with certain hardware and the iPad 2. 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: http://crbug.com/36415 * * We also test for Firefox 4 Multitouch Support. * * For more info, see: http://modernizr.github.com/Modernizr/touch.html */ tests['touch'] = function() { return Modernizr['touch']; }; /** * geolocation tests for the new Geolocation API specification. * This test is a standards compliant-only test; for more complete * testing, including a Google Gears fallback, please see: * http://code.google.com/p/geo-location-javascript/ * or view a fallback solution using google's geo API: * http://gist.github.com/366184 */ tests['geolocation'] = function() { return !!navigator.geolocation; }; // Per 1.6: // This used to be Modernizr.crosswindowmessaging 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['postmessage'] = function() { return !!window.postMessage; }; // Web SQL database detection is tricky: // In chrome incognito mode, openDatabase is truthy, but using it will // throw an exception: http://crbug.com/42380 // We can create a dummy database, but there is no way to delete it afterwards. // Meanwhile, Safari users can get prompted on any database creation. // If they do, any page with Modernizr will give them a prompt: // http://github.com/Modernizr/Modernizr/issues/closed#issue/113 // We have chosen to allow the Chrome incognito false positive, so that Modernizr // doesn't litter the web with these test databases. As a developer, you'll have // to account for this gotcha yourself. tests['websqldatabase'] = function() { var result = !!window.openDatabase; /* if (result){ try { result = !!openDatabase( mod + "testdb", "1.0", mod + "testdb", 2e4); } catch(e) { } } */ return result; }; // 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() { for ( var i = -1, len = domPrefixes.length; ++i < len; ){ if ( window[domPrefixes[i].toLowerCase() + 'IndexedDB'] ){ return true; } } return !!window.indexedDB; }; // 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() { return isEventSupported('dragstart') && isEventSupported('drop'); }; // Mozilla is targeting to land MozWebSocket for FF6 // bugzil.la/659324 tests['websockets'] = function() { for ( var i = -1, len = domPrefixes.length; ++i < len; ){ if ( window[domPrefixes[i] + 'WebSocket'] ){ return true; } } return 'WebSocket' in window; }; // http://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); }; // 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. tests['backgroundsize'] = function() { return testPropsAll('backgroundSize'); }; tests['borderimage'] = function() { return testPropsAll('borderImage'); }; // Super comprehensive table about all the unique implementations of // border-radius: http://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 // https://github.com/Modernizr/Modernizr/issues/#issue/59/comment/516632 return /^0.55$/.test(mStyle.opacity); }; tests['cssanimations'] = function() { return testPropsAll('animationName'); }; tests['csscolumns'] = function() { return testPropsAll('columnCount'); }; tests['cssgradients'] = function() { /** * For CSS Gradients syntax, please see: * http://webkit.org/blog/175/introducing-css-gradients/ * https://developer.mozilla.org/en/CSS/-moz-linear-gradient * https://developer.mozilla.org/en/CSS/-moz-radial-gradient * http://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( (str1 + prefixes.join(str2 + str1) + prefixes.join(str3 + str1)).slice(0, -str1.length) ); return contains(mStyle.backgroundImage, 'gradient'); }; tests['cssreflections'] = function() { return testPropsAll('boxReflect'); }; tests['csstransforms'] = function() { return !!testProps(['transformProperty', 'WebkitTransform', 'MozTransform', 'OTransform', 'msTransform']); }; tests['csstransforms3d'] = function() { var ret = !!testProps(['perspectiveProperty', 'WebkitPerspective', 'MozPerspective', 'OPerspective', 'msPerspective']); // 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),(-o-transform-3d),(-moz-transform-3d),(-ms-transform-3d),(-webkit-transform-3d),(modernizr){ ... }` ret = Modernizr['csstransforms3d']; } return ret; }; tests['csstransitions'] = function() { return testPropsAll('transitionProperty'); }; /*>>fontface*/ // @font-face detection routine by Diego Perini // http://javascript.nwbox.com/CSSSupport/ tests['fontface'] = function() { return Modernizr['fontface']; }; /*>>fontface*/ // CSS generated content detection tests['generatedcontent'] = function() { return Modernizr['generatedcontent']; }; // 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 : http://github.com/NielsLeenheer/html5test/blob/9106a8/index.html#L845 // thx to NielsLeenheer and zcorpan // Note: in FF 3.5.1 and 3.5.0, "no" was a return value instead of empty string. // Modernizr does not normalize for that. 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"'); // Workaround required for IE9, which doesn't report video support without audio codec specified. // bug 599718 @ msft connect var h264 = 'video/mp4; codecs="avc1.42E01E'; bool.h264 = elem.canPlayType(h264 + '"') || elem.canPlayType(h264 + ', mp4a.40.2"'); bool.webm = elem.canPlayType('video/webm; codecs="vp8, vorbis"'); } } 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"'); bool.mp3 = elem.canPlayType('audio/mpeg;'); // Mimetypes accepted: // https://developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements // http://bit.ly/iphoneoscodecs bool.wav = elem.canPlayType('audio/wav; codecs="1"'); bool.m4a = elem.canPlayType('audio/x-m4a;') || elem.canPlayType('audio/aac;'); } } catch(e) { } return bool; }; // Firefox has made these tests rather unfun. // 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 http://bugzil.la/365772 if cookies are disabled // However, in Firefox 4 betas, if dom.storage.enabled == false, just mentioning // the property will throw an exception. http://bugzil.la/599479 // This looks to be fixed for FF4 Final. // Because we are forced to try/catch this, we'll go aggressive. // FWIW: IE8 Compat mode supports these features completely: // http://www.quirksmode.org/dom/html5.html // But IE8 doesn't support either with local files tests['localstorage'] = function() { try { return !!localStorage.getItem; } catch(e) { return false; } }; tests['sessionstorage'] = function() { try { return !!sessionStorage.getItem; } 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; }; // Thanks to F1lt3r and lucideer, ticket #35 tests['smil'] = function() { return !!document.createElementNS && /SVG/.test(toString.call(document.createElementNS(ns.svg, 'animate'))); }; tests['svgclippaths'] = function() { // Possibly returns a false positive in Safari 3.2? return !!document.createElementNS && /SVG/.test(toString.call(document.createElementNS(ns.svg, 'clipPath'))); }; // 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() { // 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: // http://miketaylr.com/code/input-type-attr.html // spec: http://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); } return attrs; })('autocomplete autofocus list placeholder max min multiple pattern required step'.split(' ')); // 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. http://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 doesnt 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 ( /^color$/.test(inputElemType) ) { // chuck into DOM and force reflow for Opera bug in 11.00 // github.com/Modernizr/Modernizr/issues#issue/159 docElement.appendChild(inputElem); docElement.offsetWidth; bool = inputElem.value != smile; docElement.removeChild(inputElem); } 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(' ')); } // 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 ( hasOwnProperty(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); } } // input tests need to run. Modernizr.input || 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 ( hasOwnProperty( 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; } test = typeof test == "boolean" ? test : !!test(); 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; //>>BEGIN IEPP // Enable HTML 5 elements for styling (and printing) in IE. if ( window.attachEvent && (function(){ var elem = document.createElement('div'); elem.innerHTML = ''; return elem.childNodes.length !== 1; })() ) { // iepp v2 by @jon_neal & afarkas : github.com/aFarkas/iepp/ (function(win, doc) { win.iepp = win.iepp || {}; var iepp = win.iepp, elems = iepp.html5elements || 'abbr|article|aside|audio|canvas|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video', elemsArr = elems.split('|'), elemsArrLen = elemsArr.length, elemRegExp = new RegExp('(^|\\s)('+elems+')', 'gi'), tagRegExp = new RegExp('<(\/*)('+elems+')', 'gi'), filterReg = /^\s*[\{\}]\s*$/, ruleRegExp = new RegExp('(^|[^\\n]*?\\s)('+elems+')([^\\n]*)({[\\n\\w\\W]*?})', 'gi'), docFrag = doc.createDocumentFragment(), html = doc.documentElement, head = html.firstChild, bodyElem = doc.createElement('body'), styleElem = doc.createElement('style'), printMedias = /print|all/, body; function shim(doc) { var a = -1; while (++a < elemsArrLen) // Use createElement so IE allows HTML5-named elements in a document doc.createElement(elemsArr[a]); } iepp.getCSS = function(styleSheetList, mediaType) { if(styleSheetList+'' === undefined){return '';} var a = -1, len = styleSheetList.length, styleSheet, cssTextArr = []; while (++a < len) { styleSheet = styleSheetList[a]; //currently no test for disabled/alternate stylesheets if(styleSheet.disabled){continue;} mediaType = styleSheet.media || mediaType; // Get css from all non-screen stylesheets and their imports if (printMedias.test(mediaType)) cssTextArr.push(iepp.getCSS(styleSheet.imports, mediaType), styleSheet.cssText); //reset mediaType to all with every new *not imported* stylesheet mediaType = 'all'; } return cssTextArr.join(''); }; iepp.parseCSS = function(cssText) { var cssTextArr = [], rule; while ((rule = ruleRegExp.exec(cssText)) != null){ // Replace all html5 element references with iepp substitute classnames cssTextArr.push(( (filterReg.exec(rule[1]) ? '\n' : rule[1]) +rule[2]+rule[3]).replace(elemRegExp, '$1.iepp_$2')+rule[4]); } return cssTextArr.join('\n'); }; iepp.writeHTML = function() { var a = -1; body = body || doc.body; while (++a < elemsArrLen) { var nodeList = doc.getElementsByTagName(elemsArr[a]), nodeListLen = nodeList.length, b = -1; while (++b < nodeListLen) if (nodeList[b].className.indexOf('iepp_') < 0) // Append iepp substitute classnames to all html5 elements nodeList[b].className += ' iepp_'+elemsArr[a]; } docFrag.appendChild(body); html.appendChild(bodyElem); // Write iepp substitute print-safe document bodyElem.className = body.className; bodyElem.id = body.id; // Replace HTML5 elements with which is print-safe and shouldn't conflict since it isn't part of html5 bodyElem.innerHTML = body.innerHTML.replace(tagRegExp, '<$1font'); }; iepp._beforePrint = function() { // Write iepp custom print CSS styleElem.styleSheet.cssText = iepp.parseCSS(iepp.getCSS(doc.styleSheets, 'all')); iepp.writeHTML(); }; iepp.restoreHTML = function(){ // Undo everything done in onbeforeprint bodyElem.innerHTML = ''; html.removeChild(bodyElem); html.appendChild(body); }; iepp._afterPrint = function(){ // Undo everything done in onbeforeprint iepp.restoreHTML(); styleElem.styleSheet.cssText = ''; }; // Shim the document and iepp fragment shim(doc); shim(docFrag); // if(iepp.disablePP){return;} // Add iepp custom print style element head.insertBefore(styleElem, head.firstChild); styleElem.media = 'print'; styleElem.className = 'iepp-printshim'; win.attachEvent( 'onbeforeprint', iepp._beforePrint ); win.attachEvent( 'onafterprint', iepp._afterPrint ); })(window, document); } //>>END IEPP // 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 Modernizr._prefixes = prefixes; Modernizr._domPrefixes = domPrefixes; // 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; // Modernizr.hasEvent() detects support for a given event, with an optional element to test on // Modernizr.hasEvent('gesturestart', elem) Modernizr.hasEvent = isEventSupported; // 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]); }; // 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; // 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; // 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', // maybe? // 'transition' : 'transitionEnd' // }, // transEndEventName = transEndEventNames[ Modernizr.prefixed('transition') ]; Modernizr.prefixed = function(prop){ return testPropsAll(prop, 'pfx'); }; // Remove "no-js" class from element, if it exists: docElement.className = docElement.className.replace(/\bno-js\b/, '') // Add the new classes to the element. + (enableClasses ? ' js ' + classes.join(' ') : ''); return Modernizr; })(this, this.document); ; /*! Respond.js v1.0.1pre: min/max-width media query polyfill. (c) Scott Jehl. MIT/GPLv2 Lic. j.mp/respondjs */ (function( win, mqSupported ){ //exposed namespace win.respond = {}; //define update even in native-mq-supporting browsers, to avoid errors respond.update = function(){}; //expose media query support flag for external use respond.mediaQueriesSupported = mqSupported; //if media queries are supported, exit here if( mqSupported ){ return; } //define vars var doc = win.document, docElem = doc.documentElement, mediastyles = [], rules = [], appendedEls = [], parsedSheets = {}, resizeThrottle = 30, head = doc.getElementsByTagName( "head" )[0] || docElem, links = head.getElementsByTagName( "link" ), requestQueue = [], //loop stylesheets, send text content to translate ripCSS = function(){ var sheets = links, sl = sheets.length, i = 0, //vars for loop: sheet, href, media, isCSS; for( ; i < sl; i++ ){ sheet = sheets[ i ], href = sheet.href, media = sheet.media, isCSS = sheet.rel && sheet.rel.toLowerCase() === "stylesheet"; //only links plz and prevent re-parsing if( !!href && isCSS && !parsedSheets[ href ] ){ // selectivizr exposes css through the rawCssText expando if (sheet.styleSheet && sheet.styleSheet.rawCssText) { translate( sheet.styleSheet.rawCssText, href, media ); parsedSheets[ href ] = true; } else { if( !/^([a-zA-Z]+?:(\/\/)?)/.test( href ) || href.replace( RegExp.$1, "" ).split( "/" )[0] === win.location.host ){ requestQueue.push( { href: href, media: media } ); } } } } makeRequests(); }, //recurse through request queue, get css text makeRequests = function(){ if( requestQueue.length ){ var thisRequest = requestQueue.shift(); ajax( thisRequest.href, function( styles ){ translate( styles, thisRequest.href, thisRequest.media ); parsedSheets[ thisRequest.href ] = true; makeRequests(); } ); } }, //find media blocks in css text, convert to style blocks translate = function( styles, href, media ){ var qs = styles.match( /@media[^\{]+\{([^\{\}]+\{[^\}\{]+\})+/gi ), ql = qs && qs.length || 0, //try to get CSS path href = href.substring( 0, href.lastIndexOf( "/" )), repUrls = function( css ){ return css.replace( /(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g, "$1" + href + "$2$3" ); }, useMedia = !ql && media, //vars used in loop i = 0, j, fullq, thisq, eachq, eql; //if path exists, tack on trailing slash if( href.length ){ href += "/"; } //if no internal queries exist, but media attr does, use that //note: this currently lacks support for situations where a media attr is specified on a link AND //its associated stylesheet has internal CSS media queries. //In those cases, the media attribute will currently be ignored. if( useMedia ){ ql = 1; } for( ; i < ql; i++ ){ j = 0; //media attr if( useMedia ){ fullq = media; rules.push( repUrls( styles ) ); } //parse for styles else{ fullq = qs[ i ].match( /@media ([^\{]+)\{([\S\s]+?)$/ ) && RegExp.$1; rules.push( RegExp.$2 && repUrls( RegExp.$2 ) ); } eachq = fullq.split( "," ); eql = eachq.length; for( ; j < eql; j++ ){ thisq = eachq[ j ]; mediastyles.push( { media : thisq.match( /(only\s+)?([a-zA-Z]+)(\sand)?/ ) && RegExp.$2, rules : rules.length - 1, minw : thisq.match( /\(min\-width:[\s]*([\s]*[0-9]+)px[\s]*\)/ ) && parseFloat( RegExp.$1 ), maxw : thisq.match( /\(max\-width:[\s]*([\s]*[0-9]+)px[\s]*\)/ ) && parseFloat( RegExp.$1 ) } ); } } applyMedia(); }, lastCall, resizeDefer, //enable/disable styles applyMedia = function( fromResize ){ var name = "clientWidth", docElemProp = docElem[ name ], currWidth = doc.compatMode === "CSS1Compat" && docElemProp || doc.body[ name ] || docElemProp, styleBlocks = {}, dFrag = doc.createDocumentFragment(), lastLink = links[ links.length-1 ], now = (new Date()).getTime(); //throttle resize calls if( fromResize && lastCall && now - lastCall < resizeThrottle ){ clearTimeout( resizeDefer ); resizeDefer = setTimeout( applyMedia, resizeThrottle ); return; } else { lastCall = now; } for( var i in mediastyles ){ var thisstyle = mediastyles[ i ]; if( !thisstyle.minw && !thisstyle.maxw || ( !thisstyle.minw || thisstyle.minw && currWidth >= thisstyle.minw ) && (!thisstyle.maxw || thisstyle.maxw && currWidth <= thisstyle.maxw ) ){ if( !styleBlocks[ thisstyle.media ] ){ styleBlocks[ thisstyle.media ] = []; } styleBlocks[ thisstyle.media ].push( rules[ thisstyle.rules ] ); } } //remove any existing respond style element(s) for( var i in appendedEls ){ if( appendedEls[ i ] && appendedEls[ i ].parentNode === head ){ head.removeChild( appendedEls[ i ] ); } } //inject active styles, grouped by media type for( var i in styleBlocks ){ var ss = doc.createElement( "style" ), css = styleBlocks[ i ].join( "\n" ); ss.type = "text/css"; ss.media = i; if ( ss.styleSheet ){ ss.styleSheet.cssText = css; } else { ss.appendChild( doc.createTextNode( css ) ); } dFrag.appendChild( ss ); appendedEls.push( ss ); } //append to DOM at once head.insertBefore( dFrag, lastLink.nextSibling ); }, //tweaked Ajax functions from Quirksmode ajax = function( url, callback ) { var req = xmlHttp(); if (!req){ return; } req.open( "GET", url, true ); req.onreadystatechange = function () { if ( req.readyState != 4 || req.status != 200 && req.status != 304 ){ return; } callback( req.responseText ); } if ( req.readyState == 4 ){ return; } req.send( null ); }, //define ajax obj xmlHttp = (function() { var xmlhttpmethod = false; try { xmlhttpmethod = new XMLHttpRequest(); } catch( e ){ xmlhttpmethod = new ActiveXObject( "Microsoft.XMLHTTP" ); } return function(){ return xmlhttpmethod; }; })(); //translate CSS ripCSS(); //expose update for re-running respond later on respond.update = ripCSS; //adjust on resize function callMedia(){ applyMedia( true ); } if( win.addEventListener ){ win.addEventListener( "resize", callMedia, false ); } else if( win.attachEvent ){ win.attachEvent( "onresize", callMedia ); } })( this, (function( win ){ //for speed, flag browsers with window.matchMedia support and IE 9 as supported if( win.matchMedia ){ return true; } var bool, doc = document, docElem = doc.documentElement, refNode = docElem.firstElementChild || docElem.firstChild, // fakeBody required for fakeUsed = !doc.body, fakeBody = doc.body || doc.createElement( "body" ), div = doc.createElement( "div" ), q = "only all"; div.id = "mq-test-1"; div.style.cssText = "position:absolute;top:-99em"; fakeBody.appendChild( div ); div.innerHTML = '_'; if( fakeUsed ){ docElem.insertBefore( fakeBody, refNode ); } div.removeChild( div.firstChild ); bool = div.offsetWidth == 9; if( fakeUsed ){ docElem.removeChild( fakeBody ); } else{ fakeBody.removeChild( div ); } return bool; })( this ) );; // Plugins // usage: log('inside coolFunc', this, arguments); // paulirish.com/2009/log-a-lightweight-wrapper-for-consolelog/ window.log = function(){ log.history = log.history || []; // store logs to an array for reference log.history.push(arguments); arguments.callee = arguments.callee.caller; if(this.console) console.log( Array.prototype.slice.call(arguments) ); }; // make it safe to use console.log always (function(b){function c(){}for(var d="assert,count,debug,dir,dirxml,error,exception,group,groupCollapsed,groupEnd,info, log,markTimeline,profile,profileEnd,time,timeEnd,trace,warn".split(","),a;a=d.pop();)b[a]=b[a]||c})(window.console=window.console||{}); // jQuery/helper plugins /*! * HTML5 Placeholder jQuery Plugin v1.8.2 * @link http://github.com/mathiasbynens/Placeholder-jQuery-Plugin * @author Mathias Bynens */ ;(function($) { var isInputSupported = 'placeholder' in document.createElement('input'), isTextareaSupported = 'placeholder' in document.createElement('textarea'); if (isInputSupported && isTextareaSupported) { $.fn.placeholder = function() { return this; }; $.fn.placeholder.input = $.fn.placeholder.textarea = true; } else { $.fn.placeholder = function() { return this.filter((isInputSupported ? 'textarea' : ':input') + '[placeholder]') .bind('focus.placeholder', clearPlaceholder) .bind('blur.placeholder', setPlaceholder) .trigger('blur.placeholder').end(); }; $.fn.placeholder.input = isInputSupported; $.fn.placeholder.textarea = isTextareaSupported; } function args(elem) { // Return an object of element attributes var newAttrs = {}, rinlinejQuery = /^jQuery\d+$/; $.each(elem.attributes, function(i, attr) { if (attr.specified && !rinlinejQuery.test(attr.name)) { newAttrs[attr.name] = attr.value; } }); return newAttrs; } function clearPlaceholder() { var $input = $(this); if ($input.val() === $input.attr('placeholder') && $input.hasClass('placeholder')) { if ($input.data('placeholder-password')) { $input.hide().next().attr('id', $input.removeAttr('id').data('placeholder-id')).show().focus(); } else { $input.val('').removeClass('placeholder'); } } } function setPlaceholder(elem) { var $replacement, $input = $(this), $origInput = $input, id = this.id; if ($input.val() === '') { if ($input.is(':password')) { if (!$input.data('placeholder-textinput')) { try { $replacement = $input.clone().attr({ type: 'text' }); } catch(e) { $replacement = $('').attr($.extend(args(this), { type: 'text' })); } $replacement .removeAttr('name') // We could just use the `.data(obj)` syntax here, but that wouldn’t work in pre-1.4.3 jQueries .data('placeholder-password', true) .data('placeholder-id', id) .bind('focus.placeholder', clearPlaceholder); $input .data('placeholder-textinput', $replacement) .data('placeholder-id', id) .before($replacement); } $input = $input.removeAttr('id').hide().prev().attr('id', id).show(); } $input.addClass('placeholder').val($input.attr('placeholder')); } else { $input.removeClass('placeholder'); } } $(function() { // Look for forms $('form').bind('submit.placeholder', function() { // Clear the placeholder values so they don’t get submitted var $inputs = $('.placeholder', this).each(clearPlaceholder); setTimeout(function() { $inputs.each(setPlaceholder); }, 10); }); }); // Clear placeholder values upon page reload $(window).bind('unload.placeholder', function() { $('.placeholder').val(''); }); }(jQuery));; /** * jQuery.timers - Timer abstractions for jQuery * Written by Blair Mitchelmore (blair DOT mitchelmore AT gmail DOT com) * Licensed under the WTFPL (http://sam.zoy.org/wtfpl/). * Date: 2009/10/16 * * @author Blair Mitchelmore * @version 1.2 * **/ jQuery.fn.extend({ everyTime: function(interval, label, fn, times) { return this.each(function() { jQuery.timer.add(this, interval, label, fn, times); }); }, oneTime: function(interval, label, fn) { return this.each(function() { jQuery.timer.add(this, interval, label, fn, 1); }); }, stopTime: function(label, fn) { return this.each(function() { jQuery.timer.remove(this, label, fn); }); } }); jQuery.extend({ timer: { global: [], guid: 1, dataKey: "jQuery.timer", regex: /^([0-9]+(?:\.[0-9]*)?)\s*(.*s)?$/, powers: { // Yeah this is major overkill... 'ms': 1, 'cs': 10, 'ds': 100, 's': 1000, 'das': 10000, 'hs': 100000, 'ks': 1000000 }, timeParse: function(value) { if (value == undefined || value == null) return null; var result = this.regex.exec(jQuery.trim(value.toString())); if (result[2]) { var num = parseFloat(result[1]); var mult = this.powers[result[2]] || 1; return num * mult; } else { return value; } }, add: function(element, interval, label, fn, times) { var counter = 0; if (jQuery.isFunction(label)) { if (!times) times = fn; fn = label; label = interval; } interval = jQuery.timer.timeParse(interval); if (typeof interval != 'number' || isNaN(interval) || interval < 0) return; if (typeof times != 'number' || isNaN(times) || times < 0) times = 0; times = times || 0; var timers = jQuery.data(element, this.dataKey) || jQuery.data(element, this.dataKey, {}); if (!timers[label]) timers[label] = {}; fn.timerID = fn.timerID || this.guid++; var handler = function() { if ((++counter > times && times !== 0) || fn.call(element, counter) === false) jQuery.timer.remove(element, label, fn); }; handler.timerID = fn.timerID; if (!timers[label][fn.timerID]) timers[label][fn.timerID] = window.setInterval(handler,interval); this.global.push( element ); }, remove: function(element, label, fn) { var timers = jQuery.data(element, this.dataKey), ret; if ( timers ) { if (!label) { for ( label in timers ) this.remove(element, label, fn); } else if ( timers[label] ) { if ( fn ) { if ( fn.timerID ) { window.clearInterval(timers[label][fn.timerID]); delete timers[label][fn.timerID]; } } else { for ( var fn in timers[label] ) { window.clearInterval(timers[label][fn]); delete timers[label][fn]; } } for ( ret in timers[label] ) break; if ( !ret ) { ret = null; delete timers[label]; } } for ( ret in timers ) break; if ( !ret ) jQuery.removeData(element, this.dataKey); } } } }); jQuery(window).bind("unload", function() { jQuery.each(jQuery.timer.global, function(index, item) { jQuery.timer.remove(item); }); });; /** * jQuery Cookie plugin * * Copyright (c) 2010 Klaus Hartl (stilbuero.de) * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * */ jQuery.cookie = function (key, value, options) { // key and at least value given, set cookie... if (arguments.length > 1 && String(value) !== "[object Object]") { options = jQuery.extend({}, options); if (value === null || value === undefined) { options.expires = -1; } if (typeof options.expires === 'number') { var days = options.expires, t = options.expires = new Date(); t.setDate(t.getDate() + days); } value = String(value); return (document.cookie = [ encodeURIComponent(key), '=', options.raw ? value : encodeURIComponent(value), options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE options.path ? '; path=' + options.path : '', options.domain ? '; domain=' + options.domain : '', options.secure ? '; secure' : '' ].join('')); } // key and possibly options given, get cookie... options = value || {}; var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent; return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null; }; ; /** * vzListSplit plugin v1.0 * * Author: Eli Van Zoeren - http://elivz.com * Copyright: (c) 2011 by Eli Van Zoeren * license: http://creativecommons.org/licenses/by-sa/3.0/ Attribution-Share Alike 3.0 Unported * --------------------------------------------- * Dependency: jQuery 1.2.6+ **/ (function($) { $.fn.vzListSplit = function(options) { // Setup options var opts = $.extend({}, $.fn.vzListSplit.defaults, options); opts.units = opts.gutter.indexOf('%') > 0 ? '%' : 'px'; opts.margin = parseInt(opts.gutter, 10) / 2; // Check for a CSS3 implementation of columns first if (opts.native) { // We will test even vendor prefixes that don't exist yet...just in case var prefixes = ['', 'Webkit', 'Moz', 'O', 'ms', 'Khtml'], testElement = document.createElement('test').style, FakeGapPrototype = function(element) { return function() { var gapInPixels = (element.offsetWidth * parseInt(opts.gutter, 10) / 100) + 'px'; element.style[prefixes[i] + 'ColumnGap'] = gapInPixels; }; }; for (var i in prefixes) { if (testElement[prefixes[i] + 'ColumnCount'] !== undefined) { // Use CSS3 and skip the rest of the plugin this.addClass(opts.split_class); var elements = this.get(); for (var e in elements) { var element = elements[e]; element.style[prefixes[i] + 'ColumnCount'] = 2; element.style[prefixes[i] + 'ColumnGap'] = opts.gutter; // Make sure the gap took // Some browsers don't support percentage gaps, so fake it if (opts.units === '%' && !element.style[prefixes[i] + 'ColumnGap']) { var fakeGap = new FakeGapPrototype(element); fakeGap(); // Recalculate the gap when the window resizes if (opts.autosize) { $(window).resize(fakeGap); } } } return this; } } } // If there is no gutter anyway, use native percentages for better resizing if (opts.margin === 0) opts.units = '%'; // This function actually sets the styles that split it into two columns var setCSS = function($items, width) { var col1Count = Math.ceil($items.length / 2); // Left column $items.slice(0, col1Count).css({ 'float': 'left', 'clear': 'left', 'width': (width - opts.margin) + opts.units }); // Right column $items.slice(col1Count).css({ 'display': 'block', 'width': (width - opts.margin) + opts.units, 'margin-left': (width + opts.margin) + opts.units }); // I know... I know if ($.browser.mozilla && $.browser.version.substr(0, 3) == "1.8") { $items.slice(col1Count).filter('li').css('margin-left', (opts.margin * 2) + opts.units); } }; // Iterate each matched element return this.each(function() { var $this = $(this).addClass(opts.split_class), $listItems = $this.children(opts.children_selector), width = (opts.units === '%') ? 50 : (opts.width || $this.width()) / 2, i = 0; // Set a class in case we want to do any styling in CSS setCSS($listItems, width); // If we're using pixels, we will need to manually // recalculate the widths when the window is resized if (opts.autosize && !opts.width && opts.units === 'px') { $(window).resize(function() { width = $this.width() / 2; setCSS($listItems, width); }); } }); }; $.fn.vzListSplit.defaults = { gutter: "20px", width: false, autosize: true, native: false, children_selector: null, split_class: 'columns' }; })(jQuery);; var jq = jQuery.noConflict(); var headerImageCycleCurrent = 1; var headerImageCycleMax = 1; var home_img_width = 0; var home_img_height = 0; var windowWidth = 0; // used for all things that check against window width var windowStartingWidth = 0; jq(document).ready(function() { setupViewport(); windowWidth = jq(window).width(); setupNavigationMenus(); setupPagePhotos(); setupCollapsableContent(); setupContactForm(); setupLocationPage(); if (jq('body').hasClass('front')) { setupHomepageImageCylce(); checkHomepageImageCycleSize(); } else { setupBasicPageImageCycle(); checkGalleryImageCycleSize(); } jq(window).resize(function() { windowWidth = jq(window).width(); checkLogoVerticalAlign(); if (jq('body').hasClass('front')) { checkHomepageImageCycleSize(); } else { checkGalleryImageCycleSize(); } checkStickyFooter(); }); }); jq(window).load(function() { checkLogoVerticalAlign(); //checkHomepageImageCycleSize(); if (jq('body').hasClass('front')) { setupHeaderImageCycle('#homepage_image_cycle', 1000, 10000); } else { setupGalleryImageCycle('#gallery_image_cycle', 1000, 3000); } checkStickyFooter(); }); // Navigation function setupNavigationMenus() { // empty out the footer main nav, then copy navigation from header main nav jq('#block-menu-menu-footer-main-nav .content').empty(); jq('#block-menu-menu-header-main-nav .content ul:first-child').clone().appendTo(jq('#block-menu-menu-footer-main-nav .content')); jq('#block-menu-menu-footer-main-nav .content ul li ul').remove(); jq('#block-menu-menu-footer-main-nav .content ul li:first-child').removeClass('first'); jq('#block-menu-menu-footer-main-nav .content ul').prepend('
  • Home
    • '); // do the same for the footer sub nav jq('#block-menu-menu-footer-sub-nav .content').empty(); jq('#block-menu-menu-header-sub-nav .content ul:first-child').clone().appendTo(jq('#block-menu-menu-footer-sub-nav .content')); jq('#block-menu-menu-footer-sub-nav .content ul li ul').remove(); } // Logo function checkLogoVerticalAlign() { var targetY = 0; var logo_height = jq('#header_logo').height()*.5; if (windowWidth >= 769) { targetY = 110; jq('#header_logo').css('padding-top', targetY-logo_height); } else if (windowWidth >= 481) { targetY = 55; jq('#header_logo').css('padding-top', targetY-logo_height); } else { jq('#header_logo').css('padding-top', '2px'); } } // Collapsable Content function setupPagePhotos() { jq('.page_photo').removeAttr('height').removeAttr('width'); } // Collapsable Content function setupCollapsableContent() { jq('#content .field-name-field-collapsable-content .field-item').each(function (index) { if (jq(this).find('h1').length > 0) { jq(this).find('h1').attr('id', 'content_collapsable_h1_'+index); jq('#content .field-name-field-collapsable-content').append('
    '); jq(this).children().not('h1').appendTo(jq('#content_collapsable_'+index)); jq(this).append(jq('#content_collapsable_'+index)); //if (index != 0) { // jq('#content_collapsable_'+index).hide(); //} jq('#content_collapsable_'+index).hide(); var startingCollapsedContent = getQuerystring('c'); if (startingCollapsedContent != '') { if (startingCollapsedContent == index) { jq('#content_collapsable_'+index).show(); jq('#content_collapsable_'+index).parent().toggleClass('content_collapsable_active'); } } jq(this).find('h1').click(function () { var collapsable_content = jq(this).parent().find('.content_collapsable_container'); jq(this).parent().toggleClass('content_collapsable_active'); jq(collapsable_content).toggle('fast', function () { checkStickyFooter(); }); }); } else { jq(this).addClass('content_not_collapsed'); } }); } // Contact Form function setupContactForm() { jq('#block-ds-contact-form-ds-contact-form-display form').append('
    '); jq('#block-ds-contact-form-ds-contact-form-display form .form-item').not(jq('#edit-contact-required-note')).appendTo(jq('#contact_form_left')); jq('#contact_form_right').append(jq('#block-ds-contact-form-ds-contact-form-display form .form-item.form-item-contact-comments')).append(jq('#edit-contact-submit')); } // Location Page function setupLocationPage() { if (jq('body').hasClass('page-node-12')) { jq('.view-all-store-locations .view-content').vzListSplit(); } } // Footer function checkStickyFooter() { var totalHeight = jq('#header').outerHeight(true)+jq('#content').outerHeight(true)+jq('#footer').outerHeight(true); //var totalHeight = jq('#page').outerHeight(); var windowHeight = jq(window).height(); if (totalHeight < windowHeight) { jq('#footer').addClass('sticky_footer'); } else { jq('#footer').removeClass('sticky_footer'); } } // Homepage Image Cycle function setupHomepageImageCylce() { //jq('#block-views-homepage-image-cycle-block').addClass('visibleGallery'); jq('#block-views-homepage-image-cycle-block .content').append('
    '); jq('#block-views-homepage-image-cycle-block .content .views-row').each(function (index) { jq('#homepage_image_cycle').append('
    '); jq('.image_cycle_img_homepage, .homepage_image_cycle_text, .homepage_image_cycle_text_bg').css('bottom', '-111px'); jq('.image_cycle_img_homepage').fadeOut(1); jq('.image_cycle_img_homepage .homepage_image_cycle_text, .image_cycle_img_homepage .homepage_image_cycle_text_bg').css('bottom', '-111px'); jq('.image_cycle_img_homepage .homepage_image_cycle_text h1, .image_cycle_img_homepage .homepage_image_cycle_text h2').fadeOut(1); jq(this).find('img').addClass('image_cycle_img'); jq('#homepage_image_cycle_'+index).append(jq(this).find('.image_cycle_img')); var img_bg_path = jq(this).find('.views-field-field-homepage-color').find('.field-content').text(); switch (img_bg_path) { case 'blue': img_bg_path = '/sites/all/themes/boron/images/homepage_image_cycle_bg_blue.png'; text_bg_color = 'bg_color_blue'; break; case 'brown': img_bg_path = '/sites/all/themes/boron/images/homepage_image_cycle_bg_brown.png'; text_bg_color = 'bg_color_brown'; break; case 'ltbrown': img_bg_path = '/sites/all/themes/boron/images/homepage_image_cycle_bg_ltbrown.png'; text_bg_color = 'bg_color_ltbrown'; break; } var img_title = jq(this).find('.views-field-title').text(); var img_caption = jq(this).find('.views-field-field-homepage-subtitle').find('.field-content').text(); jq('#homepage_image_cycle_'+index).append('

    '+img_title+'

    '+img_caption+'

    '); }); jq('#homepage_image_cycle').append(jq('
    ')); jq('#homepage_image_cycle').append(jq('#homepage_spoon_left')); jq('#homepage_image_cycle').append(jq('#homepage_spoon_right')); jq('#block-views-homepage-image-cycle-block .content .view').remove(); //jq('#block-views-homepage-image-cycle-block').css('visibility', 'visible'); //jq('#homepage_image_cycle').css('visibility', 'hidden'); } // Image Cycle function setupHeaderImageCycle(container, speed, delay) { jq('#block-views-homepage-image-cycle-block').addClass('visibleGallery'); //jq('#homepage_image_cycle').css('visibility', 'visible'); var container = jq(container); jq(container).css('position','relative'); //jq(container).find('img').not('#homepage_image_cycle_mask').fadeOut(1); //jq(container).find('img:nth-child('+headerImageCycleMax+')').fadeIn(1); headerImageCycleMax = jq(container).find('.image_cycle_img').length; runHeaderImageCycle(speed); if (headerImageCycleMax > 1) { jq(document).everyTime(speed+delay, function(i) { runHeaderImageCycle(container, speed, 'next'); }); speedAfterClick = speed*.5; jq('#homepage_spoon_left').click(function () { runHeaderImageCycle(jq(container), speedAfterClick, 'prev'); jq(document).stopTime().everyTime(speed+delay, function(i) { runHeaderImageCycle(container, speed, 'next'); }); }); jq('#homepage_spoon_right').click(function () { runHeaderImageCycle(jq(container), speedAfterClick, 'next'); jq(document).stopTime().everyTime(speed+delay, function(i) { runHeaderImageCycle(container, speed, 'next'); }); }); runHeaderImageCycle(jq(container), speedAfterClick, 'next'); } } function runHeaderImageCycle(container, speed, direction) { var container = jq(container); var headerImageCyclePrev = 0; // figure out which is previous image if (direction == 'prev') { if (headerImageCycleCurrent == 1) { headerImageCycleCurrent = headerImageCycleMax; } else { headerImageCycleCurrent = headerImageCycleCurrent-1; } if (headerImageCycleCurrent == headerImageCycleMax) { headerImageCyclePrev = 1; } else { headerImageCyclePrev = headerImageCycleCurrent+1; } } else if (direction == 'next') { if (headerImageCycleCurrent == headerImageCycleMax) { headerImageCycleCurrent = 1; } else { headerImageCycleCurrent++; } if (headerImageCycleCurrent == 1) { headerImageCyclePrev = headerImageCycleMax; } else { headerImageCyclePrev = headerImageCycleCurrent-1; } } // reset back to 0-based numbers var image_prev = headerImageCyclePrev-1; var image_current = headerImageCycleCurrent-1; // fade images jq(container).find('#homepage_image_cycle_'+headerImageCyclePrev).stop(); jq(container).find('#homepage_image_cycle_'+image_current).stop(); jq(container).find('#homepage_image_cycle_'+image_prev).fadeOut(speed); jq(container).find('#homepage_image_cycle_'+image_prev+ '.homepage_image_cycle_text h1').fadeOut(speed*.5); jq(container).find('#homepage_image_cycle_'+image_prev+ '.homepage_image_cycle_text h2').fadeOut(speed*.5); jq(container).find('#homepage_image_cycle_'+image_current+' .homepage_image_cycle_text_bg').css('bottom', '-111px'); jq(container).find('#homepage_image_cycle_'+image_current+' .homepage_image_cycle_text').css('bottom', '-111px'); jq(container).find('#homepage_image_cycle_'+image_current+' .homepage_image_cycle_text h1').css('display', 'none'); jq(container).find('#homepage_image_cycle_'+image_current+' .homepage_image_cycle_text h2').css('display', 'none'); jq(container).find('#homepage_image_cycle_'+image_current).fadeIn(speed, function () { jq(container).find('#homepage_image_cycle_'+image_current+' .homepage_image_cycle_text_bg').animate({ bottom: 0 }, speed); jq(container).find('#homepage_image_cycle_'+image_current+' .homepage_image_cycle_text').animate({ bottom: 0 }, speed, function () { jq(container).find('#homepage_image_cycle_'+image_current+' .homepage_image_cycle_text h1').fadeIn(speed, function () { jq(container).find('#homepage_image_cycle_'+image_current+' .homepage_image_cycle_text h2').fadeIn(speed) }) }); } ); } function checkHomepageImageCycleSize() { // swap out images with different image styles var img_filename; if (windowWidth >= 1150) { if (windowStartingWidth < 1200) { windowStartingWidth = 1200; jq('#homepage_image_cycle .image_cycle_img').each(function () { img_filename = GetFilename(jq(this).attr('src')); jq(this).attr('src', '/sites/default/files/homepage_photo/'+img_filename+'.jpg'); }); } // set variables, even if image src doesn't change home_img_width = 1382; home_img_height = 602; } else if (windowWidth >= 769) { if (windowStartingWidth < 800) { windowStartingWidth = 800; jq('#homepage_image_cycle .image_cycle_img').each(function () { img_filename = GetFilename(jq(this).attr('src')); jq(this).attr('src', '/sites/default/files/styles/homepage_1200/public/homepage_photo/'+img_filename+'.jpg'); }); } // set variables, even if image src doesn't change home_img_width = 1082; home_img_height = 471; } else if (windowWidth >= 481) { if (windowStartingWidth < 500) { windowStartingWidth = 500; jq('#homepage_image_cycle .image_cycle_img').each(function () { img_filename = GetFilename(jq(this).attr('src')); jq(this).attr('src', '/sites/default/files/styles/homepage_800/public/homepage_photo/'+img_filename+'.jpg'); }); } // set variables, even if image src doesn't change home_img_width = 800; home_img_height = 348; } else { if (windowStartingWidth != 1) { windowStartingWidth = 1; jq('#homepage_image_cycle .image_cycle_img').each(function () { img_filename = GetFilename(jq(this).attr('src')); jq(this).attr('src', '/sites/default/files/styles/homepage_500/public/homepage_photo/'+img_filename+'.jpg'); }); } // set variables, even if image src doesn't change home_img_width = 500; home_img_height = 350; } // resize container height to push buttons down var container = jq('#homepage_image_cycle'); var containerWidth = jq('#homepage_image_cycle').width(); //var containerHeight = home_img_width/home_img_height*windowWidth; var containerHeight = home_img_height/home_img_width*windowWidth; if (windowWidth >= 1382) { jq(container).css('height', 602); } else { jq(container).css('height', containerHeight); } } // Gallery Image Cycle function setupBasicPageImageCycle() { var gallery_block; if (jq('#block-views-photo-gallery-block-1').length > 0) { gallery_block = jq('#block-views-photo-gallery-block-1'); } else { gallery_block = jq('#block-views-photo-gallery-block'); } jq(gallery_block).find('.content').append(''); jq(gallery_block).find('.content').append(''); jq(gallery_block).find('.content .view .view-content img').addClass('image_cycle_img_gallery'); jq('#gallery_image_cycle').append(jq('.image_cycle_img_gallery')); jq(gallery_block).find('.content .view').remove(); jq('#gallery_image_cycle').css('visibility', 'hidden'); } function setupGalleryImageCycle(container, speed, delay) { jq('#gallery_image_cycle').css('visibility', 'visible'); var container = jq(container); jq(container).css('position','relative'); jq(container).find('img').css('opacity','0'); jq(container).find('img:nth-child('+headerImageCycleMax+')').css('opacity','1'); headerImageCycleMax = jq(container).find('.image_cycle_img_gallery').length; runHeaderImageCycle(speed); if (headerImageCycleMax > 1) { jq(document).everyTime(speed+delay, function(i) { runGalleryImageCycle(container, speed); }); } } function runGalleryImageCycle(container, speed) { var container = jq(container); var headerImageCyclePrev = 0; // figure out which is previous image if (headerImageCycleCurrent == headerImageCycleMax) { headerImageCycleCurrent = 1; } else { headerImageCycleCurrent++; } if (headerImageCycleCurrent == 1) { headerImageCyclePrev = headerImageCycleMax; } else { headerImageCyclePrev = headerImageCycleCurrent-1; } // fade images jq(container).find('.image_cycle_img_gallery:nth-child('+headerImageCyclePrev+')').stop(); jq(container).find('.image_cycle_img_gallery:nth-child('+headerImageCycleCurrent+')').stop(); jq(container).find('.image_cycle_img_gallery:nth-child('+headerImageCyclePrev+')').animate({ opacity: 0 }, speed); jq(container).find('.image_cycle_img_gallery:nth-child('+headerImageCycleCurrent+')').animate({ opacity: 1 }, speed); } function checkGalleryImageCycleSize() { // resize container height to push buttons down var container = jq('#block-views-photo-gallery-block,#block-views-photo-gallery-block-1'); var containerWidth = jq('#content_right').width(); //var containerHeight = home_img_height/home_img_width*windowWidth; var containerHeight = 506/800*containerWidth; if (container.width() >= 800) { jq(container).css('height', 506); } else { jq(container).css('height', containerHeight); } } // Utility Functions // Mobile-Specific function setupViewport() { if (navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i)) { var viewportmeta = document.querySelectorAll('meta[name="viewport"]')[0]; if (viewportmeta) { viewportmeta.content = 'width=device-width, minimum-scale=1.0, maximum-scale=1.0'; document.body.addEventListener('gesturestart', function() { viewportmeta.content = 'width=device-width, minimum-scale=0.25, maximum-scale=1.6'; }, false); } } } function GetFilename(url) { if (url) { var m = url.toString().match(/.*\/(.+?)\./); if (m && m.length > 1) { return m[1]; } } return ""; } function getQuerystring(key, default_) { if (default_==null) default_=""; key = key.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]"); var regex = new RegExp("[\\?&]"+key+"=([^&#]*)"); var qs = regex.exec(window.location.href); if(qs == null) return default_; else return qs[1]; }; /* Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved. For licensing, see LICENSE.html or http://ckeditor.com/license */ /* * This file is used/requested by the 'Styles' button. * 'Styles' button is not enabled by default in DrupalFull and DrupalFiltered toolbars. */ if(typeof(CKEDITOR) !== 'undefined') { CKEDITOR.addStylesSet( 'drupal', [ /* Block Styles */ // These styles are already available in the "Format" combo, so they are // not needed here by default. You may enable them to avoid placing the // "Format" combo in the toolbar, maintaining the same features. /* { name : 'Paragraph' , element : 'p' }, { name : 'Heading 1' , element : 'h1' }, { name : 'Heading 2' , element : 'h2' }, { name : 'Heading 3' , element : 'h3' }, { name : 'Heading 4' , element : 'h4' }, { name : 'Heading 5' , element : 'h5' }, { name : 'Heading 6' , element : 'h6' }, { name : 'Preformatted Text', element : 'pre' }, { name : 'Address' , element : 'address' }, */ { name : 'Menu Header Link' , element : 'span', attributes : { 'class' : 'content_menu_headerLink' } }, { name : 'Menu Link' , element : 'span', attributes : { 'class' : 'content_menu_link' } }, ]); };