ÿþ/** * $().Valvoline (object) * This is a jQuery plugin that will take in an html element and populate it with an object that can call a variety of extensions. * If an object is passed through, the settings are merged/overwritten with the current settings. * If a string is passed through, the settings are merged/overwritten with a set of defaults. **/ (function($) { var ValvolineObj = function(elem, options) { /** * This is where some initial object instantiation takes place **/ var obj = this; obj.elem = $(elem); obj.html = $('<div id="valvoline"></div>'); obj.badBrowserURL = function() { var updateURL = 'http://www.microsoft.com/windows/internet-explorer/'; if ($.browser.mozilla) { updateURL = 'http://www.firefox.com/'; } else if ($.browser.safari) { updateURL = 'http://www.apple.com/safari/'; } return updateURL; } /** * Pubic Object: settings * This is used to house settings for the base vavloline object. **/ this.settings = { changeHash: false, debug: true, webservice: 'http://find.vioc.com/UILocatorWebService.asmx/FindAsJson', trackAnalytics: true, mobile: false, radius: 50, badBrowserObj: $('<div class="unsupported"><div>We\'re sorry but this tool does not currently support your browser.<br/><br/>If you would like to use this tool, please <a href="' + obj.badBrowserURL() + '" target="_blank">upgrade your browser</a>.</div></div>'), mapControls: { panControl: false, zoomControl: true, mapTypeControl: false, scaleControl: false, streetViewControl: false, overviewMapControl: false } }; this.console = function() { if (obj.settings.debug) { if (typeof console == "object") { console.log(arguments); } else if ($.browser.msie && parseInt($.browser.version) == 7) { alert(arguments[0]); } } } this.hashes = {}; this.browserOk = !(($.browser.msie && $.browser.version < 7) || ($.browser.mozilla && $.browser.version < 2) || ($.browser.safari && $.browser.version < 525)); /** * Pubic Object: defaults * These are canned defaults for which settings and widgets to use as a base. **/ this.defaults = { locator: { showSearch: true, showFilters: true, filterVIOC: { show: true, check: true }, filterEC: { show: true, check: true }, filterRetail: { show: true, check: true }, filterOther: { show: true, check: true }, filterNextgen: { show: false, check: false }, showResults: true, showMap: true, showFooter: false, mapControls: { panControl: false, zoomControl: true, mapTypeControl: false, scaleControl: false, streetViewControl: false, overviewMapControl: false }, locatorView: 'both', toggleDefault: 'results', javascriptGPS: true, dayOrder: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], resultTemplate: '<div class="location${$item.typeShort()}"><div class="inside">{{html $item.name()}}{{html $item.address()}}{{html $item.phone()}}{{html $item.nextgen()}}{{html $item.directions()}} | {{html $item.link()}}</div><div class="bottom">${$item.typeLong()}</div></div>', mapTemplate: '<div>{{if Name}}<h3>${Name}</h3>{{/if}}{{html $item.address()}}{{html $item.phone()}}{{html $item.nextgen()}}{{html $item.hours()}}{{html $item.directions()}} | {{html $item.link()}}</div>', showResultsMin: 1, showMarkers: true, returnContentTypes: 'address,hours,promotions,features,specialsvcs', marker: function(info) { var iconUrl = 'http://find.vioc.com/images/markerVIOC.png'; switch (info.brand) { case 'EC': iconUrl = obj.settings.markerImages.EC; break; case 'DIY': iconUrl = obj.settings.markerImages.Retail; break; case 'AVI': iconUrl = obj.settings.markerImages.Other; break; case "VIOC": default: if (info.SpecialServices.FeaturesNextGen == 'Y') { iconUrl = obj.settings.markerImages.VIOC_Nextgen; } else { iconUrl = obj.settings.markerImages.VIOC; } break; } return iconUrl; }, markerImages: { Shadow: 'http://find.vioc.com/images/markerShadow.png', EC: 'http://find.vioc.com/images/markerExpressCare.png', Retail: 'http://find.vioc.com/images/markerRetail.png', Other: 'http://find.vioc.com/images/markerOther.png', VIOC: 'http://find.vioc.com/images/markerVIOC.png', VIOC_Nextgen: 'http://find.vioc.com/images/markerVIOC_Nextgen.png' }, showResultsMax: 15 }, locatorCareer: { showSearch: true, showFilters: false, showCareer: false, filterVIOC: { show: true, check: true }, filterEC: { show: false, check: false }, filterRetail: { show: false, check: false }, filterOther: { show: false, check: false }, showResults: true, showMap: true, mapControls: { panControl: false, zoomControl: true, mapTypeControl: true, scaleControl: false, streetViewControl: true, overviewMapControl: true }, locatorView: 'both', toggleDefault: 'results', javascriptGPS: true, dayOrder: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], resultTemplate: '<div class="location${$item.typeShort()}"><div class="inside">{{html $item.name()}}{{html $item.address()}}{{html $item.phone()}}<br/>{{html $item.link()}}{{html $item.careers()}}</div></div>', mapTemplate: '<div>{{if Name}}<h3>${Name}</h3>{{/if}}{{html $item.address()}}{{html $item.phone()}}<br/>{{html $item.link()}}{{html $item.careers()}}</div>', showResultsMin: 1, showMarkers: true, returnContentTypes: 'address,hours,promotions,features,specialsvcs,careers', marker: function(info) { var iconUrl = ''; switch (info.brand) { case 'EC': iconUrl = obj.settings.markerImages.EC; break; case 'DIY': iconUrl = obj.settings.markerImages.Retail; break; case 'AVI': iconUrl = obj.settings.markerImages.Other; break; case "VIOC": default: if (typeof info.Careers == 'object') { iconUrl = obj.settings.markerImages.VIOC; } else { iconUrl = obj.settings.markerImages.VIOC_NoCareers; } break; } return iconUrl; }, markerImages: { Shadow: 'http://find.vioc.com/images/markerShadow.png', EC: 'http://find.vioc.com/images/markerExpressCare.png', Retail: 'http://find.vioc.com/images/markerRetail.png', Other: 'http://find.vioc.com/images/markerOther.png', VIOC: 'http://find.vioc.com/images/markerVIOC.png', VIOC_NoCareers: 'http://find.vioc.com/images/markerVIOC_NoCareers.png', VIOC_Nextgen: 'http://find.vioc.com/images/markerVIOC_Nextgen.png' }, showResultsMax: 15 }, store: { showSearch: false, showFilters: false, filterVIOC: { show: true, check: true }, filterEC: { show: true, check: true }, filterRetail: { show: true, check: true }, filterOther: { show: true, check: true }, showResults: false, showMap: true, locatorView: 'map', toggleDefault: 'map', javascriptGPS: false, dayOrder: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], showResultsMin: 1, showMarkers: false, returnContentTypes: 'address,hours,promotions,features,specialsvcs', marker: function(info) { var iconUrl = 'http://find.vioc.com/images/markerVIOC.png'; switch (info.brand) { case 'EC': iconUrl = obj.settings.markerImages.EC; break; case 'DIY': iconUrl = obj.settings.markerImages.Retail; break; case 'AVI': iconUrl = obj.settings.markerImages.Other; break; case "VIOC": default: if (info.SpecialServices.FeaturesNextGen == 'Y') { iconUrl = obj.settings.markerImages.VIOC_Nextgen; } else { iconUrl = obj.settings.markerImages.VIOC; } break; } return iconUrl; }, markerImages: { Shadow: 'http://find.vioc.com/images/markerShadow.png', EC: 'http://find.vioc.com/images/markerExpressCare.png', Retail: 'http://find.vioc.com/images/markerRetail.png', Other: 'http://find.vioc.com/images/markerOther.png', VIOC: 'http://find.vioc.com/images/markerVIOC.png', VIOC_Nextgen: 'http://find.vioc.com/images/markerVIOC_Nextgen.png' }, showResultsMax: 1 } } this.trackEvent = function(category, action, label, value) { if (obj.settings.trackAnalytics) { try { if ((value != undefined) && (value.toString().search(/^-?[0-9]+$/) == 0)) { _gaq.push(['_trackEvent', category, action, label, value.parseInt()]); } else { if (value != undefined) { label = label + '|' + value; } _gaq.push(['_trackEvent', category, action, label]); } } catch (err) { } } } this.trackPageview = function(page) { if (obj.settings.trackAnalytics) { try { _gaq.push(['_trackPageview', page]); } catch (err) { } } } this.lightbox = { create: function(content) { thisContent = $(content).clone(true); if ($('#lightbox').length == 0) { var lb = $('<div id="lightbox"><div class="top"></div><div class="inside"><div class="content"></div></div></div>'); lb.css('opacity', 0); lb.appendTo($(document.body)); lb.find('.content').append(thisContent); thisContent.find('span [style="mso-spacerun: yes;"]').replaceWith('<br/><br/>'); thisContent.find('img').each(function(index, elem) { var myDiv = $('<div class="image"><div class="top"></div><div class="bottom"></div></div>'); myDiv.append(elem); lb.find('h3').after(myDiv); }); lb.append($('<div class="clear"></div>')); var myClose = $('<a href="#" class="close"></a>'); myClose.click(function(e) { e.preventDefault(); obj.lightbox.close(); }); myClose.appendTo(lb.find('.content')); obj.lightbox.adjust(); if ($('#screen').length == 0) { var sc = $('<div id="screen"></div>'); sc.click(function() { obj.lightbox.close(); }); sc.css('opacity', 0); sc.appendTo($(document.body)); if ($.browser.msie && ($.browser.version < 7)) { sc.css('top', parseInt($(document.body).scrollTop())); sc.css('height', parseInt($(document.body).height())); sc.css('width', parseInt($(document.body).width())); } sc.animate({ 'opacity': '.7' }, { duration: 500, queue: false, complete: function() { lb.animate({ 'opacity': 1 }, { duration: 500, queue: false }); } }); } } }, adjust: function() { if ($('#screen').length > 0) { if ($.browser.msie && ($.browser.version < 7)) { $('#screen').css('top', parseInt($(document.body).scrollTop())); $('#screen').css('height', parseInt($(document.body).height())); $('#screen').css('width', parseInt($(document.body).width())); } } if ($('#lightbox').length > 0) { $(document.body).parent('html').css('overflow-y', 'hidden'); if (($(window).height() - 40) < $('#lightbox .content').innerHeight()) { $('#lightbox .content').css('height', $(window).height() - 40); $('#lightbox .content').css('overflow-y', 'scroll'); } else { $('#lightbox .content').css('height', 'auto'); $('#lightbox .content').css('overflow-y', 'auto'); } var lbLft = (Math.round($(window).width() / 2)) - Math.round(($('#lightbox').width() / 2)) + $(document.body).scrollLeft(); var lbTop = (Math.round($(window).height() / 2)) - Math.round(($('#lightbox').height() / 2)) - 38 + $(document.body).scrollTop(); $('#lightbox').animate({ 'left': lbLft, 'top': lbTop }, { duration: 500, queue: false }); } }, close: function() { if ($('#lightbox').length > 0) { $('#lightbox').animate({ 'opacity': 0 }, { duration: 500, queue: false, complete: function() { $('#screen').animate({ 'opacity': 0 }, { duration: 500, queue: false, complete: function() { $('#lightbox').remove(); $('#screen').remove(); $(document.body).parent('html').css('overflow', 'auto'); $(document.body).parent('html').removeAttr('style'); } }); } }); } } } $(window).bind('resize scroll', function() { obj.lightbox.adjust(); }); $(window).bind('scroll', function() { if (obj.settings.mobile) { obj.html.find('#promotions, #foot').animate({ 'opacity': 0 }, { duration: 100, queue: false }); } setTimeout(function() { obj.locator.resize(false); }, 50); }); /** * Pubic Function: init ([object/string]) * This is used to initialize the valvoline object. * If an object is passed through, the settings are merged/overwritten with the current settings. * If a string is passed through, the settings are merged/overwritten with a set of defaults. **/ this.init = function(options) { if (typeof options === 'object') { $.extend(obj.settings, options || {}); if (typeof obj.settings.resultTemplate === 'string' && obj.settings.resultTemplate != '') { $.template('resultItem', obj.settings.resultTemplate); } if (typeof obj.settings.mapTemplate === 'string' && obj.settings.mapTemplate != '') { $.template('mapItem', obj.settings.mapTemplate); } } else if (typeof options === 'string') { $.extend(obj.settings, obj.defaults[options] || {}); if (typeof obj.settings.resultTemplate === 'string' && obj.settings.resultTemplate != '') { $.template('resultItem', obj.settings.resultTemplate); } if (typeof obj.settings.mapTemplate === 'string' && obj.settings.mapTemplate != '') { $.template('mapItem', obj.settings.mapTemplate); } } if (obj.settings.changeHash) { $(window).hashchange(function() { var hash = location.hash; if (hash.substr(0, 1) == '#') { hash = '{"' + hash.substr(1).replace(/:/g, '":"').replace(/,/g, '","') + '"}'; } hash = $.parseJSON(hash); $.each(hash, function(key, val) { switch (key) { case 'toggle': switch (val) { case 'map': obj.locator.widgets.toggle('map'); break; case 'results': obj.locator.widgets.toggle('results'); break; } break; case 'address': obj.elem.find('#search .field').val(val); obj.locator.find(val, true); break; } }); }); } } /** * Pubic Function: display * This is used to call the initial display of widgets to the page. **/ this.display = function() { /** * Locator check * This will check if the base locator container needs to be added to the page **/ if (obj.settings.showSearch || obj.settings.showFilters || obj.settings.showResults || obj.settings.showMap) { obj.locator.init(); obj.locator.html = $('<div id="locator"></div>'); if (obj.settings.locatorView) obj.locator.html.addClass(obj.settings.locatorView); } if (obj.settings.showSearch) { obj.locator.html.append(obj.locator.widgets.search()); obj.locator.html.addClass('search'); } if (obj.settings.mobile) { obj.locator.html.addClass('mobile'); } switch (obj.settings.locatorView) { case 'toggle': if (obj.settings.showMap && obj.settings.showResults) { obj.locator.html.append(obj.locator.widgets.toggle()); obj.locator.html.addClass('toggle_' + obj.settings.toggleDefault); } break; case 'map': obj.settings.showMap = true; obj.settings.showResults = false; break; case 'results': obj.settings.showMap = false; obj.settings.showResults = true; break; } if (obj.settings.showFilters) { obj.locator.html.append(obj.locator.widgets.filters()); obj.locator.html.addClass('filters'); } else { obj.locator.html.append(obj.locator.widgets.filters()); obj.locator.html.addClass('nofilters'); } if (obj.settings.showResults) { obj.locator.html.append(obj.locator.widgets.results()); obj.locator.html.addClass('results'); } if (obj.settings.showMap) { obj.locator.html.append(obj.locator.widgets.map()); obj.locator.html.addClass('map'); } else { obj.locator.html.append(obj.locator.widgets.map()); obj.locator.html.addClass('nomap'); } if (obj.settings.showFooter) { obj.locator.html.append(obj.locator.widgets.footer()); obj.locator.html.addClass('footer'); } obj.html.append(obj.locator.html); obj.elem.append(obj.html); $.each(obj.locator.promotions.items, function(index, promo) { if (promo.condition == null) { obj.locator.promote(promo.content, promo.name, promo.noClick); } }); obj.locator.update(); if (obj.settings.changeHash) { $(window).trigger('hashchange'); } $(window).trigger('resize'); if (obj.settings.onDisplay && (typeof obj.settings.onDisplay == 'function')) { obj.settings.onDisplay(); } /*if (typeof options.onComplete == 'function') { options.onComplete(); }*/ } this.update = function() { if (obj.settings.showMap) { } if (obj.settings.showResults) { } } this.hash = { 'set': function(name, val) { obj.hashes[name] = val; obj.hash.write(); }, 'get': function(name) { return obj.hashes[name] }, 'write': function() { var thisHashes = []; $.each(obj.hashes, function(key, val) { thisHashes.push(key + ':' + val); }); thisHashes = thisHashes.join(','); if (obj.settings.changeHash) { window.location.hash = thisHashes; } } } /** * Pubic Function: set (string/object[, string]) * This is used to set a single setting for the base valvoline object. * The first parameter is either the setting to be changed or an object with settings and values to change. * If the first parameter is a string, the second is the value to set it with. **/ this.set = function(options) { if (typeof options == 'string') { var value = arguments[1]; return obj.settings[options] = value; } else { $.extend(obj.settings, options || {}); } if (typeof obj.settings.resultTemplate === 'string' && obj.settings.resultTemplate != '') { $.template('resultItem', obj.settings.resultTemplate); } if (typeof obj.settings.mapTemplate === 'string' && obj.settings.mapTemplate != '') { $.template('mapItem', obj.settings.mapTemplate); } }; /** * Pubic Function: get (string) * This is used to get a single setting from the base valvoline object. * The paramater passed is the setting to be retrieved. **/ this.get = function(name) { return obj.settings[name]; }; this.store = { build: function(obj) { var thisStore = {}; } } /** * Pubic Object: locator * This will house the initalization of the locator object, including widgets and functions specific to the locator. **/ this.locator = { settings: { initialized: false, first: false }, filters: function() { var thisFilters = new Array(); if (obj.settings.filterVIOC.check) { thisFilters.push('VIOC') } if (obj.settings.filterEC.check) { thisFilters.push('EC') } if (obj.settings.filterOther.check) { thisFilters.push('AVI') } if (obj.settings.filterRetail.check) { thisFilters.push('DIY') } return thisFilters; }, /** * Pubic Function: locator.init (object) * The parameter passed is an object that merges/overwrites the current settings. **/ init: function(options) { $.extend({}, this.settings, options); obj.locator.settings = this.settings; obj.locator.locations = { items: {}, ids: [], markers: { current: function() { var myBounds = obj.locator.map.getBounds(); var list = []; $.each(obj.locator.locations.markers, function(index, val) { if (typeof val == 'object') { if (myBounds.contains(val.position)) { list.push(val); } } }); return list; }, reset: function() { $.each(obj.locator.locations.ids, function(index, value) { $.each(obj.locator.locations.markers.current(), function(index2, value2) { if (obj.settings.filterNextgen && obj.settings.filterNextgen.check) { if (obj.locator.locations.items[value].SpecialServices.FeaturesNextGen.toLowerCase() == 'y') { if (obj.locator.locations.markers[value].getMap() == null) { obj.locator.locations.markers[value].setMap(obj.locator.map); } } else { if (obj.locator.locations.markers[value] != null) { obj.locator.locations.markers[value].setMap(null); } } } else { if ($.inArray(obj.locator.locations.items[value].brand, obj.locator.filters()) >= 0) { if (obj.locator.locations.markers[value] != null) { if (obj.locator.locations.markers[value].getMap() == null) { obj.locator.locations.markers[value].setMap(obj.locator.map); } } } else { if (obj.locator.locations.markers[value] != null) { obj.locator.locations.markers[value].setMap(null); } } } }); }); } }, ordered: function() { var myArray = new Array(); $.each(obj.locator.locations.ids, function(ind, info) { myArray.push(obj.locator.locations.items[info]); }); myArray.sort(function(a, b) { return ((parseFloat(a.distance) < parseFloat(b.distance)) ? -1 : ((parseFloat(a.distance) > parseFloat(b.distance)) ? 1 : 0)); }); return myArray; } }; $(window).resize(function() { if ($.browser.msie) { obj.html.find('#results').css('height', obj.elem.height() - parseInt(obj.html.find('#results').css('top'))); obj.html.find('#map').css('height', obj.elem.height() - parseInt(obj.html.find('#map').css('top'))); } }); return this; }, error: function(message) { if (obj.html.find('#errors').length > 0) { var thisErrors = obj.html.find('#errors'); } else { var thisErrors = $('<div id="errors"></div>'); obj.html.find('#locator').append(thisErrors); thisErrors.css('top', obj.html.find('#results, #map').css('padding-top')); if (obj.html.find('#filters') && obj.html.find('#filters').hasClass('show')) { thisErrors.css('top', parseInt(obj.html.find('#filters').position().top) + parseInt(obj.html.find('#filters').height())); } } var cont = true; thisErrors.find('.error span').each(function(index, value) { if ($(value).html() == message) { cont = false; } }); if (cont) { var thisError = $('<div class="error"><span>' + message + '</span><br/></div>'); var thisClose = $('<a href="#">close</a>'); thisError.append(thisClose); thisClose.click(function(E) { E.preventDefault(); $(this).parent().fadeOut(function() { if (obj.html.find('#errors .error').length > 1) { $(this).remove(); } else { obj.html.find('#errors').remove(); } }); }); thisError.click(function() { $(this).fadeOut(function() { if (obj.html.find('#errors .error').length > 1) { $(this).remove(); } else { obj.html.find('#errors').remove(); } }); }); thisErrors.append(thisError); thisError.hide().fadeIn(); obj.trackEvent('error', 'show', message); } obj.locator.resize(); //obj.console('Function: error('+message+')'); }, promote: function(message, name) { var noClick = false; if (arguments.length > 2) { noClick = arguments[2]; } if (obj.html.find('#promotions').length > 0) { var thisPromos = obj.html.find('#promotions'); } else { var thisPromos = $('<div id="promotions"></div>'); obj.html.find('#locator').append(thisPromos); thisPromos.css('bottom', 0); if (obj.html.find('#foot')) { thisPromos.css('bottom', obj.html.find('#foot').outerHeight()); } } if ((thisPromos.find('#' + name).length == 0) && ($.inArray(name, obj.locator.promotions.shown) < 0)) { var thisPromo = $('<div class="promo" id="' + name + '"/>'); thisPromo.append(message); var thisClose = $('<a href="#" class="close">close</a>'); thisPromo.append(thisClose); if (!noClick) { thisPromo.click(function() { thisPromo.fadeOut(500, function() { if (obj.html.find('#promotions .promo').length > 2) { thisPromo.remove(); } else { obj.html.find('#promotions').remove(); } obj.locator.resize(); }); }); } thisClose.click(function(E) { E.preventDefault(); $(this).parent().fadeOut(500, function() { if (obj.html.find('#promotions .promo').length > 2) { $(this).remove(); } else { obj.html.find('#promotions').remove(); } obj.locator.resize(); }); }); thisPromos.prepend(thisPromo); thisPromo.hide().delay(1500).fadeIn(500, function() { obj.locator.resize(); }); obj.trackEvent('promotion', 'show', message); obj.locator.promotions.shown.push(name); $.unique(obj.locator.promotions.shown); } obj.locator.resize(); }, promotions: { items: [], shown: [], add: function(promo) { obj.locator.promotions.items.push(promo); } }, /** * Pubic Function: locator.find (string, [bool]) * The parameter passed is an object that merges/overwrites the current settings. * The second, optional parameter passed will tell the function whether or not to change the map's zoom. **/ find: function(address) { var centerMap = false; var stopThis = false; if (obj.locator.lastFilters != undefined && obj.locator.filters() != undefined) { if (obj.locator.lastFilters.join(';') !== obj.locator.filters().join(';')) { stopThis = true; } } var zooming = (arguments.length > 2 && arguments[2] == true); if (obj.locator.zoom && obj.locator.zoom >= 12) { stopThis = true; } if ((obj.locator.lastSearch !== address) || stopThis || zooming) { var changeZoom = false; if (arguments.length > 1) { changeZoom = arguments[1]; } var options = {}; var lastAddress = ''; switch (typeof address) { case 'string': options = { 'address': address }; lastAddress = address obj.hash.set('address', address); centerMap = true; break; default: options = { 'location': obj.locator.center } lastAddress = obj.locator.center.lat() + ',' + obj.locator.center.lng(); } if (obj.locator.lastSearch !== lastAddress) { $.cookie('lastAddress', lastAddress, { expires: 14 }); obj.locator.lastSearch = lastAddress; obj.locator.lastFilters = obj.locator.filters(); //obj.console('Function: find("' + lastAddress + '", ' + changeZoom + ')'); obj.locator.geocoder.geocode(options, function(results, status) { switch (status) { case 'OK': obj.locator.locations.markers.reset(); if (results.length > 0) { var result = results[0]; obj.locator.center = new google.maps.LatLng(result.geometry.location.lat(), result.geometry.location.lng()); if (changeZoom) { //obj.console('Change Zoom'); if (typeof changeZoom == 'boolean') { obj.locator.zoom = 12; } else { obj.locator.zoom = parseInt(changeZoom); } obj.locator.promotions.shown = new Array(); } var thisOptions = { sLatitude: obj.locator.center.lat(), sLongitude: obj.locator.center.lng(), sCheckVIOC: obj.settings.filterVIOC.check, sCheckEC: obj.settings.filterEC.check, sCheckOther: obj.settings.filterOther.check, sCheckRetail: obj.settings.filterRetail.check, sResultCount: obj.settings.showResultsMax, sRadius: obj.settings.radius, sReturnContentTypes: obj.settings.returnContentTypes } var doSomething = function(results) { if (obj.locator.zoom < 11) { obj.locator.error('You must be zoomed in further to do a search.'); } else { var oldLength = obj.locator.locations.ids.length; if (oldLength > 0) { $.each((obj.locator.locations.ids), function(index, value) { if (obj.locator.locations.items[value] !== undefined) { obj.locator.locations.items[value].distance = 99999999999999; if (obj.locator.locations.items[value].brand == 'VIOC') { obj.locator.locations.items[value].distance = parseFloat(obj.locator.locations.items[value].distance) - 5; } } }); //obj.console(obj.locator.locations.items); } var Locations = new Array(); if (arguments.length > 1) { if (arguments[1] == 'json') { results = results; Locations = results.Location; } else { if (results !== null) { if (typeof results.Locations == 'object') { Locations = results.Locations; } else if (typeof results.Location == 'object') { Locations = results.Location; } } } } else { if (results !== null) { if (typeof results.Locations == 'object') { Locations = results.Locations; } else if (typeof results.Location == 'object') { Locations = results.Location; } } } if ((typeof Locations !== 'undefined') && Locations.length > 0) { $(Locations).each(function(index, elem) { if (($.inArray(this.ID, obj.locator.locations.ids)) < 0) { obj.locator.locations.items[elem.ID] = elem; obj.locator.locations.ids.push(elem.ID); obj.locator.locations.markers[elem.ID] = obj.locator.widgets.marker(elem); } else { obj.locator.locations.items[elem.ID] = elem; } if (obj.locator.locations.items[elem.ID].brand == 'VIOC') { obj.locator.locations.items[elem.ID].distance = parseFloat(obj.locator.locations.items[elem.ID].distance) - 5; } }); } else if (typeof Locations == 'object' && Locations.ID !== undefined) { var elem = Locations; if (($.inArray(elem.ID, obj.locator.locations.ids)) < 0) { obj.locator.locations.items[elem.ID] = elem; obj.locator.locations.ids.push(elem.ID); obj.locator.locations.markers[elem.ID] = obj.locator.widgets.marker(elem); } else { obj.locator.locations.items[elem.ID] = elem; } if (obj.locator.locations.items[elem.ID].brand == 'VIOC') { obj.locator.locations.items[elem.ID].distance = parseFloat(obj.locator.locations.items[elem.ID].distance) - 5; } } else if (typeof Locations == 'object' && typeof Locations.Location == 'object') { var elem = Locations.Location; if (($.inArray(elem.ID, obj.locator.locations.ids)) < 0) { obj.locator.locations.items[elem.ID] = elem; obj.locator.locations.ids.push(elem.ID); obj.locator.locations.markers[elem.ID] = obj.locator.widgets.marker(elem); } else { obj.locator.locations.items[elem.ID] = elem; } if (obj.locator.locations.items[elem.ID].brand == 'VIOC') { obj.locator.locations.items[elem.ID].distance = parseFloat(obj.locator.locations.items[elem.ID].distance) - 5; } } else { obj.locator.error('There were no locations found in this area.'); } if (obj.locator.zoom < 11) { //obj.console('Too far out.'); if (obj.settings.locatorView == 'both' || (obj.settings.locatorView == 'toggle' && obj.locator.html.hasClass('toggle_map'))) { obj.locator.error('You must be zoomed in further to do a search.'); } } else { obj.locator.update(); } } } var myURL = obj.settings.webservice + '?' + $.param(thisOptions); function filterData(data) { // filter all the nasties out // no body tags data = data.replace("<body>", ''); data = data.replace("</body>", ''); data = data.replace("<p>", ''); data = data.replace("</p>", ''); // no linebreaks data = data.replace(/[\r|\n]+/g, ''); // no comments data = data.replace(/<--[\S\s]*?-->/g, ''); // no noscript blocks data = data.replace(/<noscript[^>]*>[\S\s]*?<\/noscript>/g, ''); // no script blocks data = data.replace(/<script[^>]*>[\S\s]*?<\/script>/g, ''); // no self closing scripts data = data.replace(/<script.*\/>/, ''); // [... add as needed ...] return $.trim(data); } //Code for using the YQL service: /* var sendURL = "http://query.yahooapis.com/v1/public/yql?" + "q=select%20*%20from%20html%20where%20url%3D%22" + encodeURIComponent(myURL) + "%22&format=xml'&callback=?"; console.log(sendURL); $.getJSON(sendURL, function(data) { if (data.results[0]) { data = $.evalJSON(filterData(data.results[0])); data = data.replace(/&amp;/g, '&'); data = data.replace(/&gt;/g, '>'); data = data.replace(/&lt;/g, '<'); data = data.replace(/&amp;nbsp;/g, ''); data = data.replace(/&nbsp;/g, ' '); data = $.parseJSON(data); doSomething(data); } } ); */ //non YQL service code (note: does not work in IE7) $.ajax({ url: obj.settings.webservice, type: "GET", data: thisOptions, cache: false, success: function(response) { loadMyXML(response); }, error: function(msg) { alert("We're sorry. We are having some difficulty accessing our data."); } }); function loadMyXML(myObj) { if ($(myObj).find('string').length > 0) { data = $.evalJSON(filterData($(myObj).find('string').text())); data = data.replace(/&amp;/g, '&'); data = data.replace(/&gt;/g, '>'); data = data.replace(/&lt;/g, '<'); data = data.replace(/&amp;nbsp;/g, ''); data = data.replace(/&nbsp;/g, ' '); data = $.parseJSON(data); doSomething(data); } } $.cookie('lastZoom', obj.locator.zoom, { expires: 14 }); if (typeof obj.locator.map !== 'undefined') { if (obj.locator.center != obj.locator.map.getCenter()) { if (centerMap) { obj.locator.map.panTo(obj.locator.center); } if (changeZoom) { obj.locator.map.setZoom(obj.locator.zoom); $.cookie('lastZoom', obj.locator.zoom, { expires: 14 }); obj.locator.rezoom = true; } } } } else { obj.locator.error('Could not find that location.'); } break; case 'ZERO_RESULTS': obj.locator.error('Could not find that location.'); break; } obj.locator.update(); } ); } } }, /** * Pubic Function: locator.update * The parameter passed is an object that merges/overwrites the current settings. **/ update: function() { //obj.console('Function: update()'); obj.locator.geocoder = new google.maps.Geocoder(); var thisLocations = []; $.each((obj.locator.locations.ids), function(index, value) { if (obj.locator.locations.items[value].distance <= obj.settings.radius) { if (obj.settings.filterNextgen && obj.settings.filterNextgen.check) { if (obj.locator.locations.items[value].SpecialServices.FeaturesNextGen.toLowerCase() == 'y') { thisLocations.push(obj.locator.locations.items[value]); } } else { if ($.inArray(obj.locator.locations.items[value].brand, obj.locator.filters()) >= 0) { thisLocations.push(obj.locator.locations.items[value]); } } } }); if (thisLocations.length > 0) { thisLocations.sort(function(a, b) { return ((parseFloat(a.distance) < parseFloat(b.distance)) ? -1 : ((parseFloat(a.distance) > parseFloat(b.distance)) ? 1 : 0)); }); $.each(obj.locator.promotions.items, function(index, val) { var show = false; $.each(thisLocations, function(ind, info) { if (val.condition != null && val.condition(info)) { show = true; } }); if (show) { obj.locator.promote(val.content, val.name); } }); } if (obj.settings.showResults) { var newHTML = $('<div class="wrapped"/>'); obj.html.find('#results .wrapped, #results .default').remove(); obj.html.find('#results').append($('<div class="default"/>')); if (thisLocations.length > 0) { $.each(thisLocations, function(index, value) { if (index < obj.settings.showResultsMax) { var thisResult = obj.locator.widgets.result(value); thisResult.find('.mapShow').click(function(E) { E.preventDefault(); if (obj.settings.locatorView == 'both' || obj.settings.locatorView == 'toggle') { obj.locator.widgets.toggle('map'); if (obj.settings.showMarkers) { var myLink = $(this); google.maps.event.trigger(obj.locator.locations.markers[myLink.attr('id').substr(4)], 'click'); } } }); thisResult.appendTo(newHTML); } }); $('<div class="wrappedBottom"></div>').appendTo(newHTML); if (obj.html.find('#results .wrapped').length == 1) { if (($.trim(newHTML.html()) !== $.trim(obj.html.find('#results .wrapped').html()))) { obj.html.find('#results .wrapped, #results .default').remove(); obj.html.find('#results').append(newHTML); } } else { obj.html.find('#results .wrapped, #results .default').remove(); obj.html.find('#results').append(newHTML); } //obj.console('lat:'+obj.locator.center.lat().toFixed(5)+', lng:'+obj.locator.center.lng().toFixed(5)); //obj.console('lat:'+obj.locator.map.getCenter().lat().toFixed(5)+', lng:'+obj.locator.map.getCenter().lng().toFixed(5)); } else { newHTML = $('<div class="default"/>'); obj.html.find('#results .wrapped, #results .default').remove(); obj.html.find('#results').append(newHTML); } if (!$.browser.msie && obj.settings.mobile) { //$(document).bind('touchmove', function(e) { e.preventDefault(); }); //setTimeout("new iScroll('results')", 100); } } if (obj.settings.showMap) { if (obj.browserOk) { if (typeof obj.locator.map === 'undefined') { obj.locator.doubleSearch = false; var mapBounds = new google.maps.LatLngBounds(new google.maps.LatLng(25, -128), new google.maps.LatLng(48, -61)); obj.locator.center = mapBounds.getCenter(); var myOptions = { center: obj.locator.center, zoom: obj.locator.zoom, mapTypeId: google.maps.MapTypeId.ROADMAP, zoomControlOptions: { position: google.maps.ControlPosition.LEFT_BOTTOM } }; $.extend(myOptions, obj.settings.mapControls); obj.locator.map = new google.maps.Map(document.getElementById('map_display'), myOptions); obj.locator.map.fitBounds(mapBounds); obj.locator.infoWindow = new google.maps.InfoWindow({ maxWidth: 300 }); if ($.query.get('a').toString() != '' && $.query.get('a').toString() != 'true') { //obj.console('Query'); obj.html.find('#search .field').val($.query.get('a').toString()); obj.locator.doubleSearch = true; obj.locator.find($.query.get('a').toString(), true); } else if (typeof obj.settings.defaultSearch !== 'undefined') { //obj.console('Default'); obj.locator.doubleSearch = true; obj.locator.find(obj.settings.defaultSearch, true); } else if ($.cookie('lastAddress') != null) { //obj.console('Cookie'); obj.locator.zoom = parseInt($.cookie('lastZoom')); obj.locator.doubleSearch = true; obj.locator.find($.cookie('lastAddress'), $.cookie('lastZoom')); } else { //obj.console('GPS'); if (geo_position_js.init() && obj.settings.javascriptGPS) { function success_callback(p) { if ($.cookie('lastZoom') != null) { obj.locator.zoom = $.cookie('lastZoom'); } obj.locator.doubleSearch = true; if ($.cookie('lastAddress') != null) { obj.locator.find($.cookie('lastAddress'), obj.locator.zoom); } else { obj.locator.find(p.coords.latitude.toFixed(2) + ',' + p.coords.longitude.toFixed(2), true); } } function error_callback(p) { } geo_position_js.getCurrentPosition(success_callback, error_callback, { enableHighAccuracy: true, options: 5000 }); } } google.maps.event.addListener(obj.locator.map, 'idle', function() { obj.locator.center = obj.locator.map.getCenter(); obj.locator.zoom = obj.locator.map.getZoom(); $.cookie('lastZoom', obj.locator.zoom, { expires: 14 }); if (!obj.locator.doubleSearch) { obj.locator.find(); } else { setTimeout(function() { obj.locator.find(); }, 1500); obj.locator.doubleSearch = false; } }); google.maps.event.addListener(obj.locator.map, 'dragend', function() { obj.trackEvent('map_change', 'drag'); obj.locator.rezoom = false; }); google.maps.event.addListener(obj.locator.map, 'zoom_changed', function() { obj.locator.center = obj.locator.map.getCenter(); obj.locator.zoom = obj.locator.map.getZoom(); obj.trackEvent('map_change', 'zoom', obj.locator.map.getZoom()); obj.locator.rezoom = false; }); } else { obj.locator.locations.markers.reset(); /*if (obj.locator.locations.markers.current().length == 0 && obj.locator.rezoom) { if (obj.locator.zoom >= 11) { obj.locator.zoom = obj.locator.zoom - 1; obj.locator.map.setZoom(obj.locator.zoom); } }*/ } } else { obj.html.find('#map').empty(); obj.html.find('#map').append(obj.settings.badBrowserObj); } } if (!obj.locator.initialized) { obj.locator.initialized = true; setTimeout(function() { obj.locator.resize(); }, 300); } }, popup: function(elem) { if (obj.html.find('#popup')) { var thisPopup = obj.html.find('#popup'); } else { var thisPopup = $('<div id="popup"></div>'); thisPopup.css({ 'position': 'absolute', 'top': 0, 'left': 0 }); } }, resize: function() { //obj.console('Function: resize()'); var topResults, topMap, topToggle, topFilters; topResults = topMap = topFilters = topToggle = 0; if (obj.settings.showSearch) { topResults += obj.elem.find('#search').outerHeight(); topMap = topFilters = topToggle = topResults; } if ((obj.settings.showMap && obj.settings.showResults) && obj.settings.locatorView == 'toggle') { topResults += obj.elem.find('#toggle').outerHeight(); topFilters = topMap = topResults; } if (obj.settings.showFilters) { topResults += obj.html.find('#filters a').outerHeight() + 10; topMap = topResults; } var resizeMap = false; obj.html.find('#toggle').css('top', topToggle); obj.html.find('#results').css('top', topResults); obj.html.find('#map').css('top', topMap); if (!obj.html.find('#filters').hasClass('hide') && !obj.html.find('#filters').hasClass('show')) { obj.html.find('#filters').css('top', (topFilters - obj.html.find('#filters').height() + 10 + obj.html.find('#filters a').outerHeight())); obj.elem.find('#filters').addClass('hide'); } if (obj.html.find('#foot')) { obj.elem.find('#results').css('bottom', obj.html.find('#foot').outerHeight()); obj.elem.find('#map').css('bottom', obj.html.find('#foot').outerHeight()); } if (typeof obj.locator.map !== 'undefined') { google.maps.event.trigger(obj.locator.map, 'resize'); } if (obj.settings.mobile) { obj.html.find('#search .field').css('width', parseInt(obj.html.find('#search form').innerWidth()) - 20); obj.html.find('#promotions, #foot').animate({ 'opacity': 1 }, { duration: 100, queue: false }); } if (obj.html.find('#errors')) { obj.html.find('#errors').css('top', topMap); } var triggerResize = true; if (arguments.length > 0) { triggerResize = arguments[0]; } if (triggerResize) { $(window).trigger('resize'); } }, /** * Pubic Object: locator.widgets * This is an object which houses all the locator specific widgets. **/ widgets: { search: function() { var thisWidget = $('<div id="search"></div>'); var thisInside = $('<div class="inside"></div>'); var thisForm = $('<form></form>'); thisForm.submit(function(E) { E.preventDefault(); obj.trackPageview('/Search/' + $(this).find('input.field').val()); obj.locator.find($(this).find('input.field').val(), true); }); thisForm.append('<input type="text" class="field"/>'); thisForm.append('<input type="submit" class="submit" value="Search"/>'); thisInside.append(thisForm); thisWidget.append(thisInside); return thisWidget; }, filters: function() { if (arguments.length > 0) { obj.locator.html.find('#filters label').each(function(index, elem) { var myCheck = $(elem).find('input'); var myName = 'filter' + $(myCheck).attr('name'); myCheck[0].checked = obj.settings[myName].check; }); } else { var thisWidget = $('<div id="filters"></div>'); var thisInside = $('<div class="inside"></div>'); thisWidget.append(thisInside); var thisFilters = new Array(); if (obj.settings.filterVIOC.show) thisFilters.push($('<label class="vioc" for="checkVIOC"><input type="checkbox" id="checkVIOC" name="VIOC" value="1">Valvoline Instant Oil Change</label>')); if (obj.settings.filterEC.show) thisFilters.push($('<label class="ec" for="checkEC"><input type="checkbox" id="checkEC" name="EC" value="1">Express Care</label>')); if (obj.settings.filterOther.show) thisFilters.push($('<label class="other" for="checkOther"><input type="checkbox" id="checkOther" name="Other" value="1">Other Service Provider</label>')); if (obj.settings.filterRetail.show) thisFilters.push($('<label class="retail" for="checkRetail"><input type="checkbox" id="checkRetail" name="Retail" value="1">Retail Outlet</label>')); $(thisFilters).each(function() { if (obj.settings['filter' + $(this).find('input').attr('name')].check) { $(this).find('input').attr('checked', 'checked'); } $(this).find('input').change(function() { var onoff = ''; if (this.checked) { //obj.console('Checked'); obj.settings['filter' + $(this).attr('name')].check = true; onoff = 'on'; } else { //obj.console('Unchecked'); obj.settings['filter' + $(this).attr('name')].check = false; onoff = 'off'; } obj.trackEvent('filter_change', $(this).attr('name'), onoff); obj.locator.find(); }); $(this).click(function() { obj.locator.find(); }); thisInside.append(this); }); var thisToggle = $('<a href="#">Select Product/Service Options</a>'); thisToggle.click(function(E) { E.preventDefault(); var myTop = 0; if (obj.settings.showSearch) { myTop += obj.elem.find('#search').outerHeight(); } if ((obj.settings.showMap && obj.settings.showResults) && obj.settings.locatorView == 'toggle') { myTop += obj.elem.find('#toggle').outerHeight(); } if (obj.elem.find('#filters').hasClass('hide')) { var newTop = parseInt(thisWidget.css('top')) + thisWidget.height() - 10 - obj.html.find('#filters a').outerHeight(); if (obj.html.find('#errors').length > 0) { obj.html.find('#errors').animate({ 'top': newTop + parseInt(thisWidget.height()) }, 500); } thisWidget.animate({ 'top': newTop }, 500, function() { thisWidget.addClass('show'); thisWidget.removeClass('hide'); }); } else if (obj.elem.find('#filters').hasClass('show')) { var newTop = parseInt(thisWidget.css('top')) - thisWidget.height() + 10 + obj.html.find('#filters a').outerHeight(); if (obj.html.find('#errors').length > 0) { obj.html.find('#errors').animate({ 'top': newTop + parseInt(thisWidget.height()) }, 500); } thisWidget.animate({ 'top': newTop }, 500, function() { thisWidget.addClass('hide'); thisWidget.removeClass('show'); }); } }); thisInside.append(thisToggle); return thisWidget; } }, results: function() { var thisWidget = $('<div id="results"><div class="default">Enter a city, zip code, or address into the search box above. We\'ll do the rest.</div></div>'); thisWidget.bind('update', function() { }); return thisWidget; }, result: function(info) { var thisAddress = info.Address.Street + '<br/>' + info.Address.City + ', ' + info.Address.State + ' ' + info.Address.Zip + '<br/>'; var thisWidget = $.tmpl("resultItem", info, { name: function() { var addAnalytics = ''; if (obj.settings.trackAnalytics) { addAnalytics = ' onclick="try{_gaq.push([\'_trackEvent\', \'map_change\', \'showstore\', \'' + info.ID + '\']);} catch(err){}"'; } if (obj.browserOk) { return '<h3><a href="#" ' + addAnalytics + 'id="show' + info.ID + '" class="mapShow">' + info.Name + '</a></h3>'; } return '<h3>' + info.Name + '</h3>'; }, typeShort: function() { switch (info.brand) { case 'AVI': return 'Other'; break; case 'DIY': return 'Retail'; break; case 'EC': return 'EC'; break; case 'VIOC': default: return 'VIOC'; } }, typeLong: function() { switch (info.brand) { case 'AVI': return 'Other Service Provider'; break; case 'DIY': return 'Retail Location'; break; case 'EC': return 'Express Care'; break; case 'VIOC': default: return 'Valvoline Instant Oil Change'; } }, directions: function() { var addAnalytics = ''; if (obj.settings.trackAnalytics) { addAnalytics = ' onclick="try{_gaq.push([\'_trackPageview\', \'\\List\\Directions\\' + info.ID + '\']);} catch(err){}"'; } return '<br/><a href="http://maps.google.com/maps?daddr=' + info.Address.Street + ', ' + info.Address.City + ', ' + info.Address.State + ' ' + info.Address.Zip + '" ' + addAnalytics + 'target="_blank">Get driving directions</a>'; }, careers: function() { if (typeof info.Careers === 'object') { var myElem = $('<span/>'); $.each(info.Careers, function(index, item) { var myTitle = item.Title.replace('&amp;', '&'); var myLi = $('<li></li>'); myLi.append('<a href="#" class="lightbox">' + myTitle + '</a>'); myLi.find('a').click(function() { obj.trackPageview('/lightbox/' + myTitle); }); var myDesc = $('<span class="description"></span>'); if (item.Description !== undefined) { myDesc.append(item.Description.replace('&amp;', '&')); if (item.StoreDescription !== undefined) { myDesc.append(item.StoreDescription.replace('&amp;', '&')); } } myDesc.prepend('<h3>' + myTitle + '</h3>'); if (typeof item.Link === 'string') { if (item.Link.search('mailto') >= 0) { var temp = item.Link.split(':'); temp = temp[1].split('?'); temp = temp[0]; var myLink = $('<span>Email your resume to <a href="' + item.Link + '" target="_blank">' + temp + '</a></span>'); myLink.find('a').click(function() { obj.trackEvent('Conversion', 'Career Apply', myTitle); }); } else if ((item.Link.substr(0, 7) == 'http://') || (item.Link.substr(0, 8) == 'https://')) { var myLink = $('<a href="' + item.Link + '" target="_blank">Apply</a>'); myLink.click(function() { obj.trackEvent('Conversion', 'Career Apply', myTitle); }); } else { var myLink = $('<span>' + item.Link + '</span>'); myLink.find('a').click(function() { obj.trackEvent('Conversion', 'Career Apply', myTitle); }); } myDesc.append('<br/>', myLink); } myLi.append(myDesc); myElem.append(myLi); }); return '<br/><br/><b>Careers:</b><br/><ul class="careers">' + myElem.html() + '</ul>'; } return ''; }, address: function() { return thisAddress; }, link: function() { if (info.Address.link !== null) { if (info.Address.link !== undefined && info.Address.link != '') { var addAnalytics = ''; if (obj.settings.trackAnalytics) { addAnalytics = ' onclick="try{_gaq.push([\'_trackEvent\', \'Conversion\', \'Results Store Click\', \'' + info.ID + '\']);} catch(err){}"'; } var thisTitle = 'Visit store site'; if (arguments.length > 0) { thisTitle = 'Visit store site for coupons.'; } return '<a href="' + info.Address.link + '" ' + addAnalytics + 'target="_blank">' + thisTitle + '</a>'; } } return ''; }, phone: function() { if (info.Address.phone !== null) { if (info.Address.phone !== undefined && info.Address.phone != '') { return info.Address.phone; } } return ''; }, nextgen: function() { if (info.SpecialServices.FeaturesNextGen == 'Y') { return '<div class="poursNextGen"></div>'; } return ''; }, hours: function() { if (typeof info.OperatingHours == 'object') { var showHours = true; var thisDays = {}; var thisTable = $('<table/>'); var thisTitles = $('<tr/>'); var thisValues = $('<tr/>'); thisTable.append(thisTitles); thisTable.append(thisValues); $.each(info.OperatingHours, function(trash, day) { if (day.Hours != null) { var hour = day.Hours; if (day.IsClosed == 'Y') { hour = 'Closed'; } if (hour == '') { showHours = false; } thisDays[day.Name] = hour; } else { showHours = false; } }); $.each(obj.settings.dayOrder, function(trash, day) { thisTitles.append('<td>' + day + '</td>'); thisValues.append('<td>' + thisDays[day] + '</td>'); }); if (showHours) { return '<table class="hours">' + thisTable.html() + '</table>'; } return ''; } return ''; } }); thisWidget.find('.careers .lightbox').click(function(e) { e.preventDefault(); obj.lightbox.create($(this).parent('li').find('span.description')); }); return thisWidget; }, map: function() { var thisWidget = $('<div id="map"></div>'); var thisInside = $('<div id="map_display"></div>'); thisWidget.append(thisInside); return thisWidget; }, footer: function() { var thisWidget = $('<div id="foot"></div>'); var thisInside = $('<div class="inside"></div>'); if (obj.settings.footerContent != '') { thisInside.append(obj.settings.footerContent); } thisWidget.append(thisInside); return thisWidget; }, marker: function(info) { var thisAddress = info.Address.Street + '<br/>' + info.Address.City + ', ' + info.Address.State + ' ' + info.Address.Zip + '<br/>'; var icon = obj.settings.marker(info); var shadow = obj.settings.markerImages.Shadow; var thisTemp = $.tmpl("mapItem", info, { address: function() { return thisAddress; }, link: function() { if (info.Address.link !== null) { if (info.Address.link !== undefined && info.Address.link != '') { var addAnalytics = ''; if (obj.settings.trackAnalytics) { addAnalytics = ' onclick="try{_gaq.push([\'_trackEvent\', \'Conversion\', \'Map Store Click\', \'' + info.ID + '\']);} catch(err){}"'; } var thisTitle = 'Visit store site'; if (arguments.length > 0) { thisTitle = 'Visit store site for coupons.'; } return '<a href="' + info.Address.link + '" ' + addAnalytics + 'target="_blank">' + thisTitle + '</a><br/>'; } } return ''; }, phone: function() { if (info.Address.phone !== null) { if (info.Address.phone !== undefined && info.Address.phone != '') { return info.Address.phone; } } return ''; }, careers: function() { if (typeof info.Careers === 'object') { var myElem = $('<span/>'); $.each(info.Careers, function(index, item) { var myTitle = item.Title.replace('&amp;', '&'); var myLi = $('<li></li>'); myLi.append('<a href="#" class="lightbox">' + myTitle + '</a>'); var myDesc = $('<span class="description"></span>'); if (item.Description !== undefined) { myDesc.append(item.Description.replace('&amp;', '&')); if (item.StoreDescription !== undefined) { myDesc.append(item.StoreDescription.replace('&amp;', '&')); } } myDesc.prepend('<h3>' + myTitle + '</h3>'); if (typeof item.Link === 'string') { if (item.Link.search('mailto') >= 0) { var temp = item.Link.split(':'); temp = temp[1].split('?'); temp = temp[0]; var myLink = $('<span>Email your resume to <a href="' + item.Link + '" target="_blank">' + temp + '</a></span>'); } else if ((item.Link.substr(0, 7) == 'http://') || (item.Link.substr(0, 8) == 'https://')) { var myLink = $('<a href="' + item.Link + '" target="_blank">Apply</a>'); } else { var myLink = $('<span>' + item.Link + '</span>'); } } myDesc.append('<br/>', myLink); myLi.append(myDesc); myElem.append(myLi); }); return '<br/><br/><b>Careers:</b><br/><ul class="careers">' + myElem.html() + '</ul>'; } return ''; }, nextgen: function() { if (info.SpecialServices.FeaturesNextGen == 'Y') { return '<div class="poursNextGen"></div>'; } return ''; }, directions: function() { var addAnalytics = ''; if (obj.settings.trackAnalytics) { addAnalytics = ' onclick="try{_gaq.push([\'_trackPageview\', \'\\Map\\Directions\\' + info.ID + '\']);} catch(err){}"'; } return '<br/><a href="http://maps.google.com/maps?daddr=' + info.Address.Street + ', ' + info.Address.City + ', ' + info.Address.State + ' ' + info.Address.Zip + '" ' + addAnalytics + 'target="_blank">Get driving directions</a>'; }, hours: function() { if (typeof info.OperatingHours == 'object') { var showHours = true; var thisDays = {}; var thisTable = $('<table/>'); var thisTitles = $('<tr/>'); var thisValues = $('<tr/>'); thisTable.append(thisTitles); thisTable.append(thisValues); $.each(info.OperatingHours, function(trash, day) { if (day.Hours !== null) { var hour = $.trim(day.Hours); if (day.IsClosed == 'Y') { hour = 'Closed'; } if (hour == '') { showHours = false; } thisDays[day.Name] = hour; } else { showHours = false; } }); $.each(obj.settings.dayOrder, function(trash, day) { thisTitles.append('<td>' + day + '</td>'); thisValues.append('<td>' + thisDays[day] + '</td>'); }); if (showHours) { return '<table class="hours">' + thisTable.html() + '</table>'; } } return ''; } }); var thisWidget = $('<div class="mapInfo"/>'); thisWidget.append(thisTemp); thisWidget.find('.careers .lightbox').click(function(e) { e.preventDefault(); obj.lightbox.create($(this).parent('li').find('span.description')); }); var marker = new google.maps.Marker({ position: (new google.maps.LatLng(info.Latitude, info.Longitude)), map: obj.locator.map, icon: icon, shadow: shadow, title: info.name }); if (obj.settings.showMarkers) { marker.content = $(thisWidget)[0]; google.maps.event.addListener(marker, 'click', function() { obj.locator.infoWindow.close(); obj.locator.infoWindow.content = marker.content; obj.locator.infoWindow.open(obj.locator.map, marker); setTimeout(function() { obj.locator.infoWindow.setContent(marker.content); }, 250); }); } return marker; }, toggle: function() { if (arguments.length > 0) { if (obj.settings.locatorView == 'toggle') { switch (arguments[0]) { case 'map': obj.trackEvent('toggle', 'map_results', 'map'); obj.locator.html.removeClass('toggle_results'); obj.locator.html.addClass('toggle_map'); obj.hash.set('toggle', 'map'); break; case 'results': obj.trackEvent('toggle', 'map_results', 'results'); obj.locator.html.removeClass('toggle_map'); obj.locator.html.addClass('toggle_results'); obj.hash.set('toggle', 'results'); break; } } } else { var thisWidget = $('<div id="toggle"></div>'); var thisInside = $('<div class="inside"></div>'); var thisToggle = $('<a href="#">Toggle Map/List</a>'); thisToggle.click(function(E) { E.preventDefault(); }); thisWidget.click(function(E) { E.preventDefault(); if (obj.locator.html.hasClass('toggle_map')) { obj.locator.widgets.toggle('results'); } else { obj.locator.widgets.toggle('map'); } obj.locator.resize(); }); if (obj.settings.mobile) { if (obj.settings.locatorView == 'toggle') { thisWidget.swipe({ threshold: 0, swipeLeft: function() { obj.widgets.toggle('results') }, swipeRight: function() { obj.widgets.toggle('map') } }); } } thisInside.append(thisToggle); thisWidget.append(thisInside); return thisWidget; } } } } /** * Pubic Object: coupon * This will house the initalization of the coupon object, including widgets and functions specific to the coupon. **/ this.coupon = { settings: { }, /** * Pubic Function: coupon.init (object) * The parameter passed is an object that merges/overwrites the current settings. **/ init: function(options) { $.extend({}, this.settings, options); return this; } } this.init(options); }; $.fn.Valvoline = function(options) { if (typeof this.valvoline !== 'object') { this.valvoline = new ValvolineObj(this, options); } else if (typeof options === 'object') { $.extend({}, this.valvoline.settings, options); } return this.valvoline; }; })(jQuery); (function($) { $.fn.URLEncode = function(c) { var o = ''; var x = 0; c = c.toString(); var r = /(^[a-zA-Z0-9_.]*)/; while (x < c.length) { var m = r.exec(c.substr(x)); if (m != null && m.length > 1 && m[1] != '') { o += m[1]; x += m[1].length; } else { if (c[x] == ' ') o += '+'; else { var d = c.charCodeAt(x); var h = d.toString(16); o += '%' + (h.length < 2 ? '0' : '') + h.toUpperCase(); } x++; } } return o; } $.fn.URLDecode = function(s) { var o = s; var binVal, t; var r = /(%[^%]{2})/; while ((m = r.exec(o)) != null && m.length > 1 && m[1] != '') { b = parseInt(m[1].substr(1), 16); t = String.fromCharCode(b); o = o.replace(m[1], t); } return o; } })(jQuery); jQuery(document.body).ready(function() { jQuery.ajaxTransport("+*", function(options, originalOptions, jqXHR) { if (jQuery.browser.msie && window.XDomainRequest) { var xdr; return { send: function(headers, completeCallback) { // Use Microsoft XDR xdr = new XDomainRequest(); xdr.open("get", options.url); xdr.onload = function() { if (this.contentType.match(/\/xml/)) { var dom = new ActiveXObject("Microsoft.XMLDOM"); dom.async = false; dom.loadXML(this.responseText); completeCallback(200, "success", [dom]); } else { completeCallback(200, "success", [this.responseText]); } }; xdr.ontimeout = function() { completeCallback(408, "error", ["The request timed out."]); }; xdr.onerror = function() { completeCallback(404, "error", ["The requested resource could not be found."]); }; xdr.send(); }, abort: function() { if (xdr) xdr.abort(); } }; } }); }); /*! * geo-location-javascript v0.4.3 * http://code.google.com/p/geo-location-javascript/ * * Copyright (c) 2009 Stan Wiechers * Licensed under the MIT licenses. * * Revision: $Rev: 68 $: * Author: $Author: whoisstan $: * Date: $Date: 2010-02-15 13:42:19 +0100 (Mon, 15 Feb 2010) $: */ var bb_successCallback; var bb_errorCallback; var bb_blackberryTimeout_id = -1; function handleBlackBerryLocationTimeout() { if (bb_blackberryTimeout_id != -1) { bb_errorCallback({ message: "Timeout error", code: 3 }); } } function handleBlackBerryLocation() { clearTimeout(bb_blackberryTimeout_id); bb_blackberryTimeout_id = -1; if (bb_successCallback && bb_errorCallback) { if (blackberry.location.latitude == 0 && blackberry.location.longitude == 0) { //http://dev.w3.org/geo/api/spec-source.html#position_unavailable_error //POSITION_UNAVAILABLE (numeric value 2) bb_errorCallback({ message: "Position unavailable", code: 2 }); } else { var timestamp = null; //only available with 4.6 and later //http://na.blackberry.com/eng/deliverables/8861/blackberry_location_568404_11.jsp if (blackberry.location.timestamp) { timestamp = new Date(blackberry.location.timestamp); } bb_successCallback({ timestamp: timestamp, coords: { latitude: blackberry.location.latitude, longitude: blackberry.location.longitude} }); } //since blackberry.location.removeLocationUpdate(); //is not working as described http://na.blackberry.com/eng/deliverables/8861/blackberry_location_removeLocationUpdate_568409_11.jsp //the callback are set to null to indicate that the job is done bb_successCallback = null; bb_errorCallback = null; } } var geo_position_js = function() { var pub = {}; var provider = null; pub.getCurrentPosition = function(successCallback, errorCallback, options) { provider.getCurrentPosition(successCallback, errorCallback, options); } pub.init = function() { try { if (typeof (geo_position_js_simulator) != "undefined") { provider = geo_position_js_simulator; } else if (typeof (bondi) != "undefined" && typeof (bondi.geolocation) != "undefined") { provider = bondi.geolocation; } else if (typeof (navigator.geolocation) != "undefined") { provider = navigator.geolocation; pub.getCurrentPosition = function(successCallback, errorCallback, options) { function _successCallback(p) { //for mozilla geode,it returns the coordinates slightly differently if (typeof (p.latitude) != "undefined") { successCallback({ timestamp: p.timestamp, coords: { latitude: p.latitude, longitude: p.longitude} }); } else { successCallback(p); } } provider.getCurrentPosition(_successCallback, errorCallback, options); } } else if (typeof (window.google) != "undefined" && typeof (google.gears) != "undefined") { provider = google.gears.factory.create('beta.geolocation'); } else if (typeof (Mojo) != "undefined" && typeof (Mojo.Service.Request) != "Mojo.Service.Request") { provider = true; pub.getCurrentPosition = function(successCallback, errorCallback, options) { parameters = {}; if (options) { //http://developer.palm.com/index.php?option=com_content&view=article&id=1673#GPS-getCurrentPosition if (options.enableHighAccuracy && options.enableHighAccuracy == true) { parameters.accuracy = 1; } if (options.maximumAge) { parameters.maximumAge = options.maximumAge; } if (options.responseTime) { if (options.responseTime < 5) { parameters.responseTime = 1; } else if (options.responseTime < 20) { parameters.responseTime = 2; } else { parameters.timeout = 3; } } } r = new Mojo.Service.Request('palm://com.palm.location', { method: "getCurrentPosition", parameters: parameters, onSuccess: function(p) { successCallback({ timestamp: p.timestamp, coords: { latitude: p.latitude, longitude: p.longitude, heading: p.heading} }); }, onFailure: function(e) { if (e.errorCode == 1) { errorCallback({ code: 3, message: "Timeout" }); } else if (e.errorCode == 2) { errorCallback({ code: 2, message: "Position Unavailable" }); } else { errorCallback({ code: 0, message: "Unknown Error: webOS-code" + errorCode }); } } }); } } else if (typeof (device) != "undefined" && typeof (device.getServiceObject) != "undefined") { provider = device.getServiceObject("Service.Location", "ILocation"); //override default method implementation pub.getCurrentPosition = function(successCallback, errorCallback, options) { function callback(transId, eventCode, result) { if (eventCode == 4) { errorCallback({ message: "Position unavailable", code: 2 }); } else { //no timestamp of location given? successCallback({ timestamp: null, coords: { latitude: result.ReturnValue.Latitude, longitude: result.ReturnValue.Longitude, altitude: result.ReturnValue.Altitude, heading: result.ReturnValue.Heading} }); } } //location criteria var criteria = new Object(); criteria.LocationInformationClass = "BasicLocationInformation"; //make the call provider.ILocation.GetLocation(criteria, callback); } } else if (typeof (window.blackberry) != "undefined" && blackberry.location.GPSSupported) { // set to autonomous mode if (typeof (blackberry.location.setAidMode) == "undefined") { return false; } blackberry.location.setAidMode(2); //override default method implementation pub.getCurrentPosition = function(successCallback, errorCallback, options) { //alert(parseFloat(navigator.appVersion)); //passing over callbacks as parameter didn't work consistently //in the onLocationUpdate method, thats why they have to be set //outside bb_successCallback = successCallback; bb_errorCallback = errorCallback; //function needs to be a string according to //http://www.tonybunce.com/2008/05/08/Blackberry-Browser-Amp-GPS.aspx if (options['timeout']) { bb_blackberryTimeout_id = setTimeout("handleBlackBerryLocationTimeout()", options['timeout']); } //default timeout when none is given to prevent a hanging script else { bb_blackberryTimeout_id = setTimeout("handleBlackBerryLocationTimeout()", 60000); } blackberry.location.onLocationUpdate("handleBlackBerryLocation()"); blackberry.location.refreshLocation(); } provider = blackberry.location; } } catch (e) { obj.console(e); return false; } return provider != null; } return pub; } (); (function($, window, undefined) { '$:nomunge'; // Used by YUI compressor. // Reused string. var str_hashchange = 'hashchange', // Method / object references. doc = document, fake_onhashchange, special = $.event.special, // Does the browser support window.onhashchange? Note that IE8 running in // IE7 compatibility mode reports true for 'onhashchange' in window, even // though the event isn't supported, so also test document.documentMode. doc_mode = doc.documentMode, supports_onhashchange = 'on' + str_hashchange in window && (doc_mode === undefined || doc_mode > 7); // Get location.hash (or what you'd expect location.hash to be) sans any // leading #. Thanks for making this necessary, Firefox! function get_fragment(url) { url = url || location.href; return '#' + url.replace(/^[^#]*#?(.*)$/, '$1'); }; // Method: jQuery.fn.hashchange // // Bind a handler to the window.onhashchange event or trigger all bound // window.onhashchange event handlers. This behavior is consistent with // jQuery's built-in event handlers. // // Usage: // // > jQuery(window).hashchange( [ handler ] ); // // Arguments: // // handler - (Function) Optional handler to be bound to the hashchange // event. This is a "shortcut" for the more verbose form: // jQuery(window).bind( 'hashchange', handler ). If handler is omitted, // all bound window.onhashchange event handlers will be triggered. This // is a shortcut for the more verbose // jQuery(window).trigger( 'hashchange' ). These forms are described in // the <hashchange event> section. // // Returns: // // (jQuery) The initial jQuery collection of elements. // Allow the "shortcut" format $(elem).hashchange( fn ) for binding and // $(elem).hashchange() for triggering, like jQuery does for built-in events. $.fn[str_hashchange] = function(fn) { return fn ? this.bind(str_hashchange, fn) : this.trigger(str_hashchange); }; // Property: jQuery.fn.hashchange.delay // // The numeric interval (in milliseconds) at which the <hashchange event> // polling loop executes. Defaults to 50. // Property: jQuery.fn.hashchange.domain // // If you're setting document.domain in your JavaScript, and you want hash // history to work in IE6/7, not only must this property be set, but you must // also set document.domain BEFORE jQuery is loaded into the page. This // property is only applicable if you are supporting IE6/7 (or IE8 operating // in "IE7 compatibility" mode). // // In addition, the <jQuery.fn.hashchange.src> property must be set to the // path of the included "document-domain.html" file, which can be renamed or // modified if necessary (note that the document.domain specified must be the // same in both your main JavaScript as well as in this file). // // Usage: // // jQuery.fn.hashchange.domain = document.domain; // Property: jQuery.fn.hashchange.src // // If, for some reason, you need to specify an Iframe src file (for example, // when setting document.domain as in <jQuery.fn.hashchange.domain>), you can // do so using this property. Note that when using this property, history // won't be recorded in IE6/7 until the Iframe src file loads. This property // is only applicable if you are supporting IE6/7 (or IE8 operating in "IE7 // compatibility" mode). // // Usage: // // jQuery.fn.hashchange.src = 'path/to/file.html'; $.fn[str_hashchange].delay = 50; /* $.fn[ str_hashchange ].domain = null; $.fn[ str_hashchange ].src = null; */ // Event: hashchange event // // Fired when location.hash changes. In browsers that support it, the native // HTML5 window.onhashchange event is used, otherwise a polling loop is // initialized, running every <jQuery.fn.hashchange.delay> milliseconds to // see if the hash has changed. In IE6/7 (and IE8 operating in "IE7 // compatibility" mode), a hidden Iframe is created to allow the back button // and hash-based history to work. // // Usage as described in <jQuery.fn.hashchange>: // // > // Bind an event handler. // > jQuery(window).hashchange( function(e) { // > var hash = location.hash; // > ... // > }); // > // > // Manually trigger the event handler. // > jQuery(window).hashchange(); // // A more verbose usage that allows for event namespacing: // // > // Bind an event handler. // > jQuery(window).bind( 'hashchange', function(e) { // > var hash = location.hash; // > ... // > }); // > // > // Manually trigger the event handler. // > jQuery(window).trigger( 'hashchange' ); // // Additional Notes: // // * The polling loop and Iframe are not created until at least one handler // is actually bound to the 'hashchange' event. // * If you need the bound handler(s) to execute immediately, in cases where // a location.hash exists on page load, via bookmark or page refresh for // example, use jQuery(window).hashchange() or the more verbose // jQuery(window).trigger( 'hashchange' ). // * The event can be bound before DOM ready, but since it won't be usable // before then in IE6/7 (due to the necessary Iframe), recommended usage is // to bind it inside a DOM ready handler. // Override existing $.event.special.hashchange methods (allowing this plugin // to be defined after jQuery BBQ in BBQ's source code). special[str_hashchange] = $.extend(special[str_hashchange], { // Called only when the first 'hashchange' event is bound to window. setup: function() { // If window.onhashchange is supported natively, there's nothing to do.. if (supports_onhashchange) { return false; } // Otherwise, we need to create our own. And we don't want to call this // until the user binds to the event, just in case they never do, since it // will create a polling loop and possibly even a hidden Iframe. $(fake_onhashchange.start); }, // Called only when the last 'hashchange' event is unbound from window. teardown: function() { // If window.onhashchange is supported natively, there's nothing to do.. if (supports_onhashchange) { return false; } // Otherwise, we need to stop ours (if possible). $(fake_onhashchange.stop); } }); // fake_onhashchange does all the work of triggering the window.onhashchange // event for browsers that don't natively support it, including creating a // polling loop to watch for hash changes and in IE 6/7 creating a hidden // Iframe to enable back and forward. fake_onhashchange = (function() { var self = {}, timeout_id, // Remember the initial hash so it doesn't get triggered immediately. last_hash = get_fragment(), fn_retval = function(val) { return val; }, history_set = fn_retval, history_get = fn_retval; // Start the polling loop. self.start = function() { timeout_id || poll(); }; // Stop the polling loop. self.stop = function() { timeout_id && clearTimeout(timeout_id); timeout_id = undefined; }; // This polling loop checks every $.fn.hashchange.delay milliseconds to see // if location.hash has changed, and triggers the 'hashchange' event on // window when necessary. function poll() { var hash = get_fragment(), history_hash = history_get(last_hash); if (hash !== last_hash) { history_set(last_hash = hash, history_hash); $(window).trigger(str_hashchange); } else if (history_hash !== last_hash) { location.href = location.href.replace(/#.*/, '') + history_hash; } timeout_id = setTimeout(poll, $.fn[str_hashchange].delay); }; // vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv // vvvvvvvvvvvvvvvvvvv REMOVE IF NOT SUPPORTING IE6/7/8 vvvvvvvvvvvvvvvvvvv // vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv $.browser.msie && !supports_onhashchange && (function() { // Not only do IE6/7 need the "magical" Iframe treatment, but so does IE8 // when running in "IE7 compatibility" mode. var iframe, iframe_src; // When the event is bound and polling starts in IE 6/7, create a hidden // Iframe for history handling. self.start = function() { if (!iframe) { iframe_src = $.fn[str_hashchange].src; iframe_src = iframe_src && iframe_src + get_fragment(); // Create hidden Iframe. Attempt to make Iframe as hidden as possible // by using techniques from http://www.paciellogroup.com/blog/?p=604. iframe = $('<iframe tabindex="-1" title="empty"></div>').hide() // When Iframe has completely loaded, initialize the history and // start polling. .one('load', function() { iframe_src || history_set(get_fragment()); poll(); }) // Load Iframe src if specified, otherwise nothing. .attr('src', iframe_src || 'javascript:0') // Append Iframe after the end of the body to prevent unnecessary // initial page scrolling (yes, this works). .insertAfter('body')[0].contentWindow; // Whenever `document.title` changes, update the Iframe's title to // prettify the back/next history menu entries. Since IE sometimes // errors with "Unspecified error" the very first time this is set // (yes, very useful) wrap this with a try/catch block. doc.onpropertychange = function() { try { if (event.propertyName === 'title') { iframe.document.title = doc.title; } } catch (e) { } }; } }; // Override the "stop" method since an IE6/7 Iframe was created. Even // if there are no longer any bound event handlers, the polling loop // is still necessary for back/next to work at all! self.stop = fn_retval; // Get history by looking at the hidden Iframe's location.hash. history_get = function() { return get_fragment(iframe.location.href); }; // Set a new history item by opening and then closing the Iframe // document, *then* setting its location.hash. If document.domain has // been set, update that as well. history_set = function(hash, history_hash) { var iframe_doc = iframe.document, domain = $.fn[str_hashchange].domain; if (hash !== history_hash) { // Update Iframe with any initial `document.title` that might be set. iframe_doc.title = doc.title; // Opening the Iframe's document after it has been closed is what // actually adds a history entry. iframe_doc.open(); // Set document.domain for the Iframe document as well, if necessary. domain && iframe_doc.write('<script>document.domain="' + domain + '"</script>'); iframe_doc.close(); // Update the Iframe's hash, for great justice. iframe.location.hash = hash; } }; })(); // ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ // ^^^^^^^^^^^^^^^^^^^ REMOVE IF NOT SUPPORTING IE6/7/8 ^^^^^^^^^^^^^^^^^^^ // ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ return self; })(); })(jQuery, this); (function($) { $.toJSON = function(o) { if (typeof (JSON) == 'object' && JSON.stringify) return JSON.stringify(o); var type = typeof (o); if (o === null) return "null"; if (type == "undefined") return undefined; if (type == "number" || type == "boolean") return o + ""; if (type == "string") return $.quoteString(o); if (type == 'object') { if (typeof o.toJSON == "function") return $.toJSON(o.toJSON()); if (o.constructor === Date) { var month = o.getUTCMonth() + 1; if (month < 10) month = '0' + month; var day = o.getUTCDate(); if (day < 10) day = '0' + day; var year = o.getUTCFullYear(); var hours = o.getUTCHours(); if (hours < 10) hours = '0' + hours; var minutes = o.getUTCMinutes(); if (minutes < 10) minutes = '0' + minutes; var seconds = o.getUTCSeconds(); if (seconds < 10) seconds = '0' + seconds; var milli = o.getUTCMilliseconds(); if (milli < 100) milli = '0' + milli; if (milli < 10) milli = '0' + milli; return '"' + year + '-' + month + '-' + day + 'T' + hours + ':' + minutes + ':' + seconds + '.' + milli + 'Z"'; } if (o.constructor === Array) { var ret = []; for (var i = 0; i < o.length; i++) ret.push($.toJSON(o[i]) || "null"); return "[" + ret.join(",") + "]"; } var pairs = []; for (var k in o) { var name; var type = typeof k; if (type == "number") name = '"' + k + '"'; else if (type == "string") name = $.quoteString(k); else continue; if (typeof o[k] == "function") continue; var val = $.toJSON(o[k]); pairs.push(name + ":" + val); } return "{" + pairs.join(", ") + "}"; } }; $.evalJSON = function(src) { if (typeof (JSON) == 'object' && JSON.parse) return JSON.parse(src); return eval("(" + src + ")"); }; $.secureEvalJSON = function(src) { if (typeof (JSON) == 'object' && JSON.parse) return JSON.parse(src); var filtered = src; filtered = filtered.replace(/\\["\\\/bfnrtu]/g, '@'); filtered = filtered.replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']'); filtered = filtered.replace(/(?:^|:|,)(?:\s*\[)+/g, ''); if (/^[\],:{}\s]*$/.test(filtered)) return eval("(" + src + ")"); else throw new SyntaxError("Error parsing JSON, source is not valid."); }; $.quoteString = function(string) { if (string.match(_escapeable)) { return '"' + string.replace(_escapeable, function(a) { var c = _meta[a]; if (typeof c === 'string') return c; c = a.charCodeAt(); return '\\u00' + Math.floor(c / 16).toString(16) + (c % 16).toString(16); }) + '"'; } return '"' + string + '"'; }; var _escapeable = /["\\\x00-\x1f\x7f-\x9f]/g; var _meta = { '\b': '\\b', '\t': '\\t', '\n': '\\n', '\f': '\\f', '\r': '\\r', '"': '\\"', '\\': '\\\\' }; })(jQuery); /*jslint browser: true */ /*global jQuery: true */ /** * 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 * */ // TODO JsDoc /** * Create a cookie with the given key and value and other optional parameters. * * @example $.cookie('the_cookie', 'the_value'); * @desc Set the value of a cookie. * @example $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true }); * @desc Create a cookie with all available options. * @example $.cookie('the_cookie', 'the_value'); * @desc Create a session cookie. * @example $.cookie('the_cookie', null); * @desc Delete a cookie by passing null as value. Keep in mind that you have to use the same path and domain * used when the cookie was set. * * @param String key The key of the cookie. * @param String value The value of the cookie. * @param Object options An object literal containing key/value pairs to provide optional cookie attributes. * @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object. * If a negative value is specified (e.g. a date in the past), the cookie will be deleted. * If set to null or omitted, the cookie will be a session cookie and will not be retained * when the the browser exits. * @option String path The value of the path atribute of the cookie (default: path of page that created the cookie). * @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie). * @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will * require a secure protocol (like HTTPS). * @type undefined * * @name $.cookie * @cat Plugins/Cookie * @author Klaus Hartl/klaus.hartl@stilbuero.de */ /** * Get the value of a cookie with the given key. * * @example $.cookie('the_cookie'); * @desc Get the value of a cookie. * * @param String key The key of the cookie. * @return The value of the cookie. * @type String * * @name $.cookie * @cat Plugins/Cookie * @author Klaus Hartl/klaus.hartl@stilbuero.de */ 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; }; jQuery.query = { numbers: false }; /** * jQuery.query - Query String Modification and Creation for jQuery * Written by Blair Mitchelmore (blair DOT mitchelmore AT gmail DOT com) * Licensed under the WTFPL (http://sam.zoy.org/wtfpl/). * Date: 2009/8/13 * * @author Blair Mitchelmore * @version 2.1.7 * **/ new function(settings) { // Various Settings var $separator = settings.separator || '&'; var $spaces = settings.spaces === false ? false : true; var $suffix = settings.suffix === false ? '' : '[]'; var $prefix = settings.prefix === false ? false : true; var $hash = $prefix ? settings.hash === true ? "#" : "?" : ""; var $numbers = settings.numbers === false ? false : true; jQuery.query = new function() { var is = function(o, t) { return o != undefined && o !== null && (!!t ? o.constructor == t : true); }; var parse = function(path) { var m, rx = /\[([^[]*)\]/g, match = /^([^[]+)(\[.*\])?$/.exec(path), base = match[1], tokens = []; while (m = rx.exec(match[2])) tokens.push(m[1]); return [base, tokens]; }; var set = function(target, tokens, value) { var o, token = tokens.shift(); if (typeof target != 'object') target = null; if (token === "") { if (!target) target = []; if (is(target, Array)) { target.push(tokens.length == 0 ? value : set(null, tokens.slice(0), value)); } else if (is(target, Object)) { var i = 0; while (target[i++] != null); target[--i] = tokens.length == 0 ? value : set(target[i], tokens.slice(0), value); } else { target = []; target.push(tokens.length == 0 ? value : set(null, tokens.slice(0), value)); } } else if (token && token.match(/^\s*[0-9]+\s*$/)) { var index = parseInt(token, 10); if (!target) target = []; target[index] = tokens.length == 0 ? value : set(target[index], tokens.slice(0), value); } else if (token) { var index = token.replace(/^\s*|\s*$/g, ""); if (!target) target = {}; if (is(target, Array)) { var temp = {}; for (var i = 0; i < target.length; ++i) { temp[i] = target[i]; } target = temp; } target[index] = tokens.length == 0 ? value : set(target[index], tokens.slice(0), value); } else { return value; } return target; }; var queryObject = function(a) { var self = this; self.keys = {}; if (a.queryObject) { jQuery.each(a.get(), function(key, val) { self.SET(key, val); }); } else { jQuery.each(arguments, function() { var q = "" + this; q = q.replace(/^[?#]/, ''); // remove any leading ? || # q = q.replace(/[;&]$/, ''); // remove any trailing & || ; if ($spaces) q = q.replace(/[+]/g, ' '); // replace +'s with spaces jQuery.each(q.split(/[&;]/), function() { var key = decodeURIComponent(this.split('=')[0] || ""); var val = decodeURIComponent(this.split('=')[1] || ""); if (!key) return; if ($numbers) { if (/^[+-]?[0-9]+\.[0-9]*$/.test(val)) // simple float regex val = parseFloat(val); else if (/^[+-]?[0-9]+$/.test(val)) // simple int regex val = parseInt(val, 10); } val = (!val && val !== 0) ? true : val; if (val !== false && val !== true && typeof val != 'number') val = val; self.SET(key, val); }); }); } return self; }; queryObject.prototype = { queryObject: true, has: function(key, type) { var value = this.get(key); return is(value, type); }, GET: function(key) { if (!is(key)) return this.keys; var parsed = parse(key), base = parsed[0], tokens = parsed[1]; var target = this.keys[base]; while (target != null && tokens.length != 0) { target = target[tokens.shift()]; } return typeof target == 'number' ? target : target || ""; }, get: function(key) { var target = this.GET(key); if (is(target, Object)) return jQuery.extend(true, {}, target); else if (is(target, Array)) return target.slice(0); return target; }, SET: function(key, val) { var value = !is(val) ? null : val; var parsed = parse(key), base = parsed[0], tokens = parsed[1]; var target = this.keys[base]; this.keys[base] = set(target, tokens.slice(0), value); return this; }, set: function(key, val) { return this.copy().SET(key, val); }, REMOVE: function(key) { return this.SET(key, null).COMPACT(); }, remove: function(key) { return this.copy().REMOVE(key); }, EMPTY: function() { var self = this; jQuery.each(self.keys, function(key, value) { delete self.keys[key]; }); return self; }, load: function(url) { var hash = url.replace(/^.*?[#](.+?)(?:\?.+)?$/, "$1"); var search = url.replace(/^.*?[?](.+?)(?:#.+)?$/, "$1"); return new queryObject(url.length == search.length ? '' : search, url.length == hash.length ? '' : hash); }, empty: function() { return this.copy().EMPTY(); }, copy: function() { return new queryObject(this); }, COMPACT: function() { function build(orig) { var obj = typeof orig == "object" ? is(orig, Array) ? [] : {} : orig; if (typeof orig == 'object') { function add(o, key, value) { if (is(o, Array)) o.push(value); else o[key] = value; } jQuery.each(orig, function(key, value) { if (!is(value)) return true; add(obj, key, build(value)); }); } return obj; } this.keys = build(this.keys); return this; }, compact: function() { return this.copy().COMPACT(); }, toString: function() { var i = 0, queryString = [], chunks = [], self = this; var encode = function(str) { str = str + ""; if ($spaces) str = str.replace(/ /g, "+"); return encodeURIComponent(str); }; var addFields = function(arr, key, value) { if (!is(value) || value === false) return; var o = [encode(key)]; if (value !== true) { o.push("="); o.push(encode(value)); } arr.push(o.join("")); }; var build = function(obj, base) { var newKey = function(key) { return !base || base == "" ? [key].join("") : [base, "[", key, "]"].join(""); }; jQuery.each(obj, function(key, value) { if (typeof value == 'object') build(value, newKey(key)); else addFields(chunks, newKey(key), value); }); }; build(this.keys); if (chunks.length > 0) queryString.push($hash); queryString.push(chunks.join($separator)); return queryString.join(""); } }; return new queryObject(location.search, location.hash); }; } (jQuery.query || {}); // Pass in jQuery.query as settings object if (jQuery.browser.msie && jQuery.browser.version == "7.0") { jQuery.ajaxSetup({ xhr: function() { return XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("MSXML2.XMLHTTP"); } }); } (function(a) { var r = a.fn.domManip, d = "_tmplitem", q = /^[^<]*(<[\w\W]+>)[^>]*$|\{\{\! /, b = {}, f = {}, e, p = { key: 0, data: {} }, h = 0, c = 0, l = []; function g(e, d, g, i) { var c = { data: i || (d ? d.data : {}), _wrap: d ? d._wrap : null, tmpl: null, parent: d || null, nodes: [], calls: u, nest: w, wrap: x, html: v, update: t }; e && a.extend(c, e, { nodes: [], parent: d }); if (g) { c.tmpl = g; c._ctnt = c._ctnt || c.tmpl(a, c); c.key = ++h; (l.length ? f : b)[h] = c } return c } a.each({ appendTo: "append", prependTo: "prepend", insertBefore: "before", insertAfter: "after", replaceAll: "replaceWith" }, function(f, d) { a.fn[f] = function(n) { var g = [], i = a(n), k, h, m, l, j = this.length === 1 && this[0].parentNode; e = b || {}; if (j && j.nodeType === 11 && j.childNodes.length === 1 && i.length === 1) { i[d](this[0]); g = this } else { for (h = 0, m = i.length; h < m; h++) { c = h; k = (h > 0 ? this.clone(true) : this).get(); a.fn[d].apply(a(i[h]), k); g = g.concat(k) } c = 0; g = this.pushStack(g, f, i.selector) } l = e; e = null; a.tmpl.complete(l); return g } }); a.fn.extend({ tmpl: function(d, c, b) { return a.tmpl(this[0], d, c, b) }, tmplItem: function() { return a.tmplItem(this[0]) }, template: function(b) { return a.template(b, this[0]) }, domManip: function(d, l, j) { if (d[0] && d[0].nodeType) { var f = a.makeArray(arguments), g = d.length, i = 0, h; while (i < g && !(h = a.data(d[i++], "tmplItem"))); if (g > 1) f[0] = [a.makeArray(d)]; if (h && c) f[2] = function(b) { a.tmpl.afterManip(this, b, j) }; r.apply(this, f) } else r.apply(this, arguments); c = 0; !e && a.tmpl.complete(b); return this } }); a.extend({ tmpl: function(d, h, e, c) { var j, k = !c; if (k) { c = p; d = a.template[d] || a.template(null, d); f = {} } else if (!d) { d = c.tmpl; b[c.key] = c; c.nodes = []; c.wrapped && n(c, c.wrapped); return a(i(c, null, c.tmpl(a, c))) } if (!d) return []; if (typeof h === "function") h = h.call(c || {}); e && e.wrapped && n(e, e.wrapped); j = a.isArray(h) ? a.map(h, function(a) { return a ? g(e, c, d, a) : null }) : [g(e, c, d, h)]; return k ? a(i(c, null, j)) : j }, tmplItem: function(b) { var c; if (b instanceof a) b = b[0]; while (b && b.nodeType === 1 && !(c = a.data(b, "tmplItem")) && (b = b.parentNode)); return c || p }, template: function(c, b) { if (b) { if (typeof b === "string") b = o(b); else if (b instanceof a) b = b[0] || {}; if (b.nodeType) b = a.data(b, "tmpl") || a.data(b, "tmpl", o(b.innerHTML)); return typeof c === "string" ? (a.template[c] = b) : b } return c ? typeof c !== "string" ? a.template(null, c) : a.template[c] || a.template(null, q.test(c) ? c : a(c)) : null }, encode: function(a) { return ("" + a).split("<").join("&lt;").split(">").join("&gt;").split('"').join("&#34;").split("'").join("&#39;") } }); a.extend(a.tmpl, { tag: { tmpl: { _default: { $2: "null" }, open: "if($notnull_1){_=_.concat($item.nest($1,$2));}" }, wrap: { _default: { $2: "null" }, open: "$item.calls(_,$1,$2);_=[];", close: "call=$item.calls();_=call._.concat($item.wrap(call,_));" }, each: { _default: { $2: "$index, $value" }, open: "if($notnull_1){$.each($1a,function($2){with(this){", close: "}});}" }, "if": { open: "if(($notnull_1) && $1a){", close: "}" }, "else": { _default: { $1: "true" }, open: "}else if(($notnull_1) && $1a){" }, html: { open: "if($notnull_1){_.push($1a);}" }, "=": { _default: { $1: "$data" }, open: "if($notnull_1){_.push($.encode($1a));}" }, "!": { open: ""} }, complete: function() { b = {} }, afterManip: function(f, b, d) { var e = b.nodeType === 11 ? a.makeArray(b.childNodes) : b.nodeType === 1 ? [b] : []; d.call(f, b); m(e); c++ } }); function i(e, g, f) { var b, c = f ? a.map(f, function(a) { return typeof a === "string" ? e.key ? a.replace(/(<\w+)(?=[\s>])(?![^>]*_tmplitem)([^>]*)/g, "$1 " + d + '="' + e.key + '" $2') : a : i(a, e, a._ctnt) }) : e; if (g) return c; c = c.join(""); c.replace(/^\s*([^<\s][^<]*)?(<[\w\W]+>)([^>]*[^>\s])?\s*$/, function(f, c, e, d) { b = a(e).get(); m(b); if (c) b = j(c).concat(b); if (d) b = b.concat(j(d)) }); return b ? b : j(c) } function j(c) { var b = document.createElement("div"); b.innerHTML = c; return a.makeArray(b.childNodes) } function o(b) { return new Function("jQuery", "$item", "var $=jQuery,call,_=[],$data=$item.data;with($data){_.push('" + a.trim(b).replace(/([\\'])/g, "\\$1").replace(/[\r\t\n]/g, " ").replace(/\$\{([^\}]*)\}/g, "{{= $1}}").replace(/\{\{(\/?)(\w+|.)(?:\(((?:[^\}]|\}(?!\}))*?)?\))?(?:\s+(.*?)?)?(\(((?:[^\}]|\}(?!\}))*?)\))?\s*\}\}/g, function(m, l, j, d, b, c, e) { var i = a.tmpl.tag[j], h, f, g; if (!i) throw "Template command not found: " + j; h = i._default || []; if (c && !/\w$/.test(b)) { b += c; c = "" } if (b) { b = k(b); e = e ? "," + k(e) + ")" : c ? ")" : ""; f = c ? b.indexOf(".") > -1 ? b + c : "(" + b + ").call($item" + e : b; g = c ? f : "(typeof(" + b + ")==='function'?(" + b + ").call($item):(" + b + "))" } else g = f = h.$1 || "null"; d = k(d); return "');" + i[l ? "close" : "open"].split("$notnull_1").join(b ? "typeof(" + b + ")!=='undefined' && (" + b + ")!=null" : "true").split("$1a").join(g).split("$1").join(f).split("$2").join(d ? d.replace(/\s*([^\(]+)\s*(\((.*?)\))?/g, function(d, c, b, a) { a = a ? "," + a + ")" : b ? ")" : ""; return a ? "(" + c + ").call($item" + a : d }) : h.$2 || "") + "_.push('" }) + "');}return _;") } function n(c, b) { c._wrap = i(c, true, a.isArray(b) ? b : [q.test(b) ? b : a(b).html()]).join("") } function k(a) { return a ? a.replace(/\\'/g, "'").replace(/\\\\/g, "\\") : null } function s(b) { var a = document.createElement("div"); a.appendChild(b.cloneNode(true)); return a.innerHTML } function m(o) { var n = "_" + c, k, j, l = {}, e, p, i; for (e = 0, p = o.length; e < p; e++) { if ((k = o[e]).nodeType !== 1) continue; j = k.getElementsByTagName("*"); for (i = j.length - 1; i >= 0; i--) m(j[i]); m(k) } function m(j) { var p, i = j, k, e, m; if (m = j.getAttribute(d)) { while (i.parentNode && (i = i.parentNode).nodeType === 1 && !(p = i.getAttribute(d))); if (p !== m) { i = i.parentNode ? i.nodeType === 11 ? 0 : i.getAttribute(d) || 0 : 0; if (!(e = b[m])) { e = f[m]; e = g(e, b[i] || f[i], null, true); e.key = ++h; b[h] = e } c && o(m) } j.removeAttribute(d) } else if (c && (e = a.data(j, "tmplItem"))) { o(e.key); b[e.key] = e; i = a.data(j.parentNode, "tmplItem"); i = i ? i.key : 0 } if (e) { k = e; while (k && k.key != i) { k.nodes.push(j); k = k.parent } delete e._ctnt; delete e._wrap; a.data(j, "tmplItem", e) } function o(a) { a = a + n; e = l[a] = l[a] || g(e, b[e.parent.key + n] || e.parent, null, true) } } } function u(a, d, c, b) { if (!a) return l.pop(); l.push({ _: a, tmpl: d, item: this, data: c, options: b }) } function w(d, c, b) { return a.tmpl(a.template(d), c, b, this) } function x(b, d) { var c = b.options || {}; c.wrapped = d; return a.tmpl(a.template(b.tmpl), b.data, c, b.item) } function v(d, c) { var b = this._wrap; return a.map(a(a.isArray(b) ? b.join("") : b).filter(d || "*"), function(a) { return c ? a.innerText || a.textContent : a.outerHTML || s(a) }) } function t() { var b = this.nodes; a.tmpl(null, null, null, this).insertBefore(b[0]); a(b).remove() } })(jQuery) /* ### jQuery XML to JSON Plugin v1.0 - 2008-07-01 ### * http://www.fyneworks.com/ - diego@fyneworks.com * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html ### Website: http://www.fyneworks.com/jquery/xml-to-json/ */ /* # INSPIRED BY: http://www.terracoder.com/ AND: http://www.thomasfrank.se/xml_to_json.html AND: http://www.kawa.net/works/js/xml/objtree-e.html */ /* This simple script converts XML (document of code) into a JSON object. It is the combination of 2 'xml to json' great parsers (see below) which allows for both 'simple' and 'extended' parsing modes. */ // Avoid collisions ; if (window.jQuery) (function($) { // Add function to jQuery namespace $.extend({ // converts xml documents and xml text to json object xml2json: function(xml, extended) { if (!xml) return {}; // quick fail //### PARSER LIBRARY // Core function function parseXML(node, simple) { if (!node) return null; var txt = '', obj = null, att = null; var nt = node.nodeType, nn = jsVar(node.localName || node.nodeName); var nv = node.text || node.nodeValue || ''; /*DBG*/ //if(window.console) console.log(['x2j',nn,nt,nv.length+' bytes']); if (node.childNodes) { if (node.childNodes.length > 0) { /*DBG*/ //if(window.console) console.log(['x2j',nn,'CHILDREN',node.childNodes]); $.each(node.childNodes, function(n, cn) { var cnt = cn.nodeType, cnn = jsVar(cn.localName || cn.nodeName); var cnv = cn.text || cn.nodeValue || ''; /*DBG*/ //if(window.console) console.log(['x2j',nn,'node>a',cnn,cnt,cnv]); if (cnt == 8) { /*DBG*/ //if(window.console) console.log(['x2j',nn,'node>b',cnn,'COMMENT (ignore)']); return; // ignore comment node } else if (cnt == 3 || cnt == 4 || !cnn) { // ignore white-space in between tags if (cnv.match(/^\s+$/)) { /*DBG*/ //if(window.console) console.log(['x2j',nn,'node>c',cnn,'WHITE-SPACE (ignore)']); return; }; /*DBG*/ //if(window.console) console.log(['x2j',nn,'node>d',cnn,'TEXT']); txt += cnv.replace(/^\s+/, '').replace(/\s+$/, ''); // make sure we ditch trailing spaces from markup } else { /*DBG*/ //if(window.console) console.log(['x2j',nn,'node>e',cnn,'OBJECT']); obj = obj || {}; if (obj[cnn]) { /*DBG*/ //if(window.console) console.log(['x2j',nn,'node>f',cnn,'ARRAY']); if (!obj[cnn].length) obj[cnn] = myArr(obj[cnn]); obj[cnn][obj[cnn].length] = parseXML(cn, true/* simple */); obj[cnn].length = obj[cnn].length; } else { /*DBG*/ //if(window.console) console.log(['x2j',nn,'node>g',cnn,'dig deeper...']); obj[cnn] = parseXML(cn); }; }; }); }; //node.childNodes.length>0 }; //node.childNodes if (node.attributes) { if (node.attributes.length > 0) { /*DBG*/ //if(window.console) console.log(['x2j',nn,'ATTRIBUTES',node.attributes]) att = {}; obj = obj || {}; $.each(node.attributes, function(a, at) { var atn = jsVar(at.name), atv = at.value; att[atn] = atv; if (obj[atn]) { /*DBG*/ //if(window.console) console.log(['x2j',nn,'attr>',atn,'ARRAY']); if (!obj[atn].length) obj[atn] = myArr(obj[atn]); //[ obj[ atn ] ]; obj[atn][obj[atn].length] = atv; obj[atn].length = obj[atn].length; } else { /*DBG*/ //if(window.console) console.log(['x2j',nn,'attr>',atn,'TEXT']); obj[atn] = atv; }; }); //obj['attributes'] = att; }; //node.attributes.length>0 }; //node.attributes if (obj) { obj = $.extend((txt != '' ? new String(txt) : {}), /* {text:txt},*/obj || {}/*, att || {}*/); txt = (obj.text) ? (typeof (obj.text) == 'object' ? obj.text : [obj.text || '']).concat([txt]) : txt; if (txt) obj.text = txt; txt = ''; }; var out = obj || txt; //console.log([extended, simple, out]); if (extended) { if (txt) out = {}; //new String(out); txt = out.text || txt || ''; if (txt) out.text = txt; if (!simple) out = myArr(out); }; return out; }; // parseXML // Core Function End // Utility functions var jsVar = function(s) { return String(s || '').replace(/-/g, "_"); }; var isNum = function(s) { return (typeof s == "number") || String((s && typeof s == "string") ? s : '').test(/^((-)?([0-9]*)((\.{0,1})([0-9]+))?$)/); }; var myArr = function(o) { if (!o.length) o = [o]; o.length = o.length; // here is where you can attach additional functionality, such as searching and sorting... return o; }; // Utility functions End //### PARSER LIBRARY END // Convert plain text to xml if (typeof xml == 'string') xml = $.text2xml(xml); // Quick fail if not xml (or if this is a node) if (!xml.nodeType) return; if (xml.nodeType == 3 || xml.nodeType == 4) return xml.nodeValue; // Find xml root node var root = (xml.nodeType == 9) ? xml.documentElement : xml; // Convert xml to json var out = parseXML(root, true /* simple */); // Clean-up memory xml = null; root = null; // Send output return out; }, // Convert text to XML DOM text2xml: function(str) { // NOTE: I'd like to use jQuery for this, but jQuery makes all tags uppercase //return $(xml)[0]; var out; try { var xml = ($.browser.msie) ? new ActiveXObject("Microsoft.XMLDOM") : new DOMParser(); xml.async = false; } catch (e) { throw new Error("XML Parser could not be instantiated") }; try { if ($.browser.msie) out = (xml.loadXML(str)) ? xml : false; else out = xml.parseFromString(str, "text/xml"); } catch (e) { throw new Error("Error parsing XML string") }; return out; } }); // extend $ })(jQuery); /*! * iScroll v4.1.6 ~ Copyright (c) 2011 Matteo Spinelli, http://cubiq.org * Released under MIT license, http://cubiq.org/license */ (function() { var m = Math, vendor = (/webkit/i).test(navigator.appVersion) ? 'webkit' : (/firefox/i).test(navigator.userAgent) ? 'Moz' : 'opera' in window ? 'O' : '', // Browser capabilities has3d = 'WebKitCSSMatrix' in window && 'm11' in new WebKitCSSMatrix(), hasTouch = 'ontouchstart' in window, hasTransform = vendor + 'Transform' in document.documentElement.style, isAndroid = (/android/gi).test(navigator.appVersion), isIDevice = (/iphone|ipad/gi).test(navigator.appVersion), isPlaybook = (/playbook/gi).test(navigator.appVersion), hasTransitionEnd = isIDevice || isPlaybook, nextFrame = (function() { return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(callback) { return setTimeout(callback, 17); } })(), cancelFrame = (function() { return window.cancelRequestAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelRequestAnimationFrame || window.oCancelRequestAnimationFrame || window.msCancelRequestAnimationFrame || clearTimeout })(), // Events RESIZE_EV = 'onorientationchange' in window ? 'orientationchange' : 'resize', START_EV = hasTouch ? 'touchstart' : 'mousedown', MOVE_EV = hasTouch ? 'touchmove' : 'mousemove', END_EV = hasTouch ? 'touchend' : 'mouseup', CANCEL_EV = hasTouch ? 'touchcancel' : 'mouseup', WHEEL_EV = vendor == 'Moz' ? 'DOMMouseScroll' : 'mousewheel', // Helpers trnOpen = 'translate' + (has3d ? '3d(' : '('), trnClose = has3d ? ',0)' : ')', // Constructor iScroll = function(el, options) { var that = this, doc = document, i; that.wrapper = typeof el == 'object' ? el : doc.getElementById(el); that.wrapper.style.overflow = 'hidden'; that.scroller = that.wrapper.children[0]; // Default options that.options = { hScroll: true, vScroll: true, bounce: true, bounceLock: false, momentum: true, lockDirection: true, useTransform: true, useTransition: false, checkDOMChanges: false, // Experimental // Scrollbar hScrollbar: true, vScrollbar: true, fixedScrollbar: isAndroid, hideScrollbar: isIDevice, fadeScrollbar: isIDevice && has3d, scrollbarClass: '', // Zoom zoom: false, zoomMin: 1, zoomMax: 4, doubleTapZoom: 2, wheelAction: 'scroll', // Snap snap: false, snapThreshold: 1, // Events onRefresh: null, onBeforeScrollStart: function(e) { e.preventDefault(); }, onScrollStart: null, onBeforeScrollMove: null, onScrollMove: null, onBeforeScrollEnd: null, onScrollEnd: null, onTouchEnd: null, onDestroy: null, onZoomStart: null, onZoom: null, onZoomEnd: null }; // User defined options for (i in options) that.options[i] = options[i]; // Normalize options that.options.useTransform = hasTransform ? that.options.useTransform : false; that.options.hScrollbar = that.options.hScroll && that.options.hScrollbar; that.options.vScrollbar = that.options.vScroll && that.options.vScrollbar; that.options.zoom = that.options.useTransform && that.options.zoom; that.options.useTransition = hasTransitionEnd && that.options.useTransition; // Set some default styles that.scroller.style[vendor + 'TransitionProperty'] = that.options.useTransform ? '-' + vendor.toLowerCase() + '-transform' : 'top left'; that.scroller.style[vendor + 'TransitionDuration'] = '0'; that.scroller.style[vendor + 'TransformOrigin'] = '0 0'; if (that.options.useTransition) that.scroller.style[vendor + 'TransitionTimingFunction'] = 'cubic-bezier(0.33,0.66,0.66,1)'; if (that.options.useTransform) that.scroller.style[vendor + 'Transform'] = trnOpen + '0,0' + trnClose; else that.scroller.style.cssText += ';position:absolute;top:0;left:0'; if (that.options.useTransition) that.options.fixedScrollbar = true; that.refresh(); that._bind(RESIZE_EV, window); that._bind(START_EV); if (!hasTouch) { that._bind('mouseout', that.wrapper); that._bind(WHEEL_EV); } if (that.options.checkDOMChanges) that.checkDOMTime = setInterval(function() { that._checkDOMChanges(); }, 500); }; // Prototype iScroll.prototype = { enabled: true, x: 0, y: 0, steps: [], scale: 1, currPageX: 0, currPageY: 0, pagesX: [], pagesY: [], aniTime: null, handleEvent: function(e) { var that = this; switch (e.type) { case START_EV: if (!hasTouch && e.button !== 0) return; that._start(e); break; case MOVE_EV: that._move(e); break; case END_EV: case CANCEL_EV: that._end(e); break; case RESIZE_EV: that._resize(); break; case WHEEL_EV: that._wheel(e); break; case 'mouseout': that._mouseout(e); break; case 'webkitTransitionEnd': that._transitionEnd(e); break; } }, _checkDOMChanges: function() { if (this.moved || this.zoomed || this.animating || (this.scrollerW == this.scroller.offsetWidth * this.scale && this.scrollerH == this.scroller.offsetHeight * this.scale)) return; this.refresh(); }, _scrollbar: function(dir) { var that = this, doc = document, bar; if (!that[dir + 'Scrollbar']) { if (that[dir + 'ScrollbarWrapper']) { if (hasTransform) that[dir + 'ScrollbarIndicator'].style[vendor + 'Transform'] = ''; that[dir + 'ScrollbarWrapper'].parentNode.removeChild(that[dir + 'ScrollbarWrapper']); that[dir + 'ScrollbarWrapper'] = null; that[dir + 'ScrollbarIndicator'] = null; } return; } if (!that[dir + 'ScrollbarWrapper']) { // Create the scrollbar wrapper bar = doc.createElement('div'); if (that.options.scrollbarClass) bar.className = that.options.scrollbarClass + dir.toUpperCase(); else bar.style.cssText = 'position:absolute;z-index:100;' + (dir == 'h' ? 'height:7px;bottom:1px;left:2px;right:' + (that.vScrollbar ? '7' : '2') + 'px' : 'width:7px;bottom:' + (that.hScrollbar ? '7' : '2') + 'px;top:2px;right:1px'); bar.style.cssText += ';pointer-events:none;-' + vendor + '-transition-property:opacity;-' + vendor + '-transition-duration:' + (that.options.fadeScrollbar ? '350ms' : '0') + ';overflow:hidden;opacity:' + (that.options.hideScrollbar ? '0' : '1'); that.wrapper.appendChild(bar); that[dir + 'ScrollbarWrapper'] = bar; // Create the scrollbar indicator bar = doc.createElement('div'); if (!that.options.scrollbarClass) { bar.style.cssText = 'position:absolute;z-index:100;background:rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.9);-' + vendor + '-background-clip:padding-box;-' + vendor + '-box-sizing:border-box;' + (dir == 'h' ? 'height:100%' : 'width:100%') + ';-' + vendor + '-border-radius:3px;border-radius:3px'; } bar.style.cssText += ';pointer-events:none;-' + vendor + '-transition-property:-' + vendor + '-transform;-' + vendor + '-transition-timing-function:cubic-bezier(0.33,0.66,0.66,1);-' + vendor + '-transition-duration:0;-' + vendor + '-transform:' + trnOpen + '0,0' + trnClose; if (that.options.useTransition) bar.style.cssText += ';-' + vendor + '-transition-timing-function:cubic-bezier(0.33,0.66,0.66,1)'; that[dir + 'ScrollbarWrapper'].appendChild(bar); that[dir + 'ScrollbarIndicator'] = bar; } if (dir == 'h') { that.hScrollbarSize = that.hScrollbarWrapper.clientWidth; that.hScrollbarIndicatorSize = m.max(m.round(that.hScrollbarSize * that.hScrollbarSize / that.scrollerW), 8); that.hScrollbarIndicator.style.width = that.hScrollbarIndicatorSize + 'px'; that.hScrollbarMaxScroll = that.hScrollbarSize - that.hScrollbarIndicatorSize; that.hScrollbarProp = that.hScrollbarMaxScroll / that.maxScrollX; } else { that.vScrollbarSize = that.vScrollbarWrapper.clientHeight; that.vScrollbarIndicatorSize = m.max(m.round(that.vScrollbarSize * that.vScrollbarSize / that.scrollerH), 8); that.vScrollbarIndicator.style.height = that.vScrollbarIndicatorSize + 'px'; that.vScrollbarMaxScroll = that.vScrollbarSize - that.vScrollbarIndicatorSize; that.vScrollbarProp = that.vScrollbarMaxScroll / that.maxScrollY; } // Reset position that._scrollbarPos(dir, true); }, _resize: function() { var that = this; setTimeout(function() { that.refresh(); }, isAndroid ? 200 : 0); }, _pos: function(x, y) { x = this.hScroll ? x : 0; y = this.vScroll ? y : 0; if (this.options.useTransform) { this.scroller.style[vendor + 'Transform'] = trnOpen + x + 'px,' + y + 'px' + trnClose + ' scale(' + this.scale + ')'; } else { x = m.round(x); y = m.round(y); this.scroller.style.left = x + 'px'; this.scroller.style.top = y + 'px'; } this.x = x; this.y = y; this._scrollbarPos('h'); this._scrollbarPos('v'); }, _scrollbarPos: function(dir, hidden) { var that = this, pos = dir == 'h' ? that.x : that.y, size; if (!that[dir + 'Scrollbar']) return; pos = that[dir + 'ScrollbarProp'] * pos; if (pos < 0) { if (!that.options.fixedScrollbar) { size = that[dir + 'ScrollbarIndicatorSize'] + m.round(pos * 3); if (size < 8) size = 8; that[dir + 'ScrollbarIndicator'].style[dir == 'h' ? 'width' : 'height'] = size + 'px'; } pos = 0; } else if (pos > that[dir + 'ScrollbarMaxScroll']) { if (!that.options.fixedScrollbar) { size = that[dir + 'ScrollbarIndicatorSize'] - m.round((pos - that[dir + 'ScrollbarMaxScroll']) * 3); if (size < 8) size = 8; that[dir + 'ScrollbarIndicator'].style[dir == 'h' ? 'width' : 'height'] = size + 'px'; pos = that[dir + 'ScrollbarMaxScroll'] + (that[dir + 'ScrollbarIndicatorSize'] - size); } else { pos = that[dir + 'ScrollbarMaxScroll']; } } that[dir + 'ScrollbarWrapper'].style[vendor + 'TransitionDelay'] = '0'; that[dir + 'ScrollbarWrapper'].style.opacity = hidden && that.options.hideScrollbar ? '0' : '1'; that[dir + 'ScrollbarIndicator'].style[vendor + 'Transform'] = trnOpen + (dir == 'h' ? pos + 'px,0' : '0,' + pos + 'px') + trnClose; }, _start: function(e) { var that = this, point = hasTouch ? e.touches[0] : e, matrix, x, y, c1, c2; if (!that.enabled) return; if (that.options.onBeforeScrollStart) that.options.onBeforeScrollStart.call(that, e); if (that.options.useTransition) that._transitionTime(0); that.moved = false; that.animating = false; that.zoomed = false; that.distX = 0; that.distY = 0; that.absDistX = 0; that.absDistY = 0; that.dirX = 0; that.dirY = 0; // Gesture start if (that.options.zoom && hasTouch && e.touches.length > 1) { c1 = m.abs(e.touches[0].pageX - e.touches[1].pageX); c2 = m.abs(e.touches[0].pageY - e.touches[1].pageY); that.touchesDistStart = m.sqrt(c1 * c1 + c2 * c2); that.originX = m.abs(e.touches[0].pageX + e.touches[1].pageX - that.wrapperOffsetLeft * 2) / 2 - that.x; that.originY = m.abs(e.touches[0].pageY + e.touches[1].pageY - that.wrapperOffsetTop * 2) / 2 - that.y; if (that.options.onZoomStart) that.options.onZoomStart.call(that, e); } if (that.options.momentum) { if (that.options.useTransform) { // Very lame general purpose alternative to CSSMatrix matrix = getComputedStyle(that.scroller, null)[vendor + 'Transform'].replace(/[^0-9-.,]/g, '').split(','); x = matrix[4] * 1; y = matrix[5] * 1; } else { x = getComputedStyle(that.scroller, null).left.replace(/[^0-9-]/g, '') * 1; y = getComputedStyle(that.scroller, null).top.replace(/[^0-9-]/g, '') * 1; } if (x != that.x || y != that.y) { if (that.options.useTransition) that._unbind('webkitTransitionEnd'); else cancelFrame(that.aniTime); that.steps = []; that._pos(x, y); } } that.absStartX = that.x; // Needed by snap threshold that.absStartY = that.y; that.startX = that.x; that.startY = that.y; that.pointX = point.pageX; that.pointY = point.pageY; that.startTime = e.timeStamp || (new Date()).getTime(); if (that.options.onScrollStart) that.options.onScrollStart.call(that, e); that._bind(MOVE_EV); that._bind(END_EV); that._bind(CANCEL_EV); }, _move: function(e) { var that = this, point = hasTouch ? e.touches[0] : e, deltaX = point.pageX - that.pointX, deltaY = point.pageY - that.pointY, newX = that.x + deltaX, newY = that.y + deltaY, c1, c2, scale, timestamp = e.timeStamp || (new Date()).getTime(); if (that.options.onBeforeScrollMove) that.options.onBeforeScrollMove.call(that, e); // Zoom if (that.options.zoom && hasTouch && e.touches.length > 1) { c1 = m.abs(e.touches[0].pageX - e.touches[1].pageX); c2 = m.abs(e.touches[0].pageY - e.touches[1].pageY); that.touchesDist = m.sqrt(c1 * c1 + c2 * c2); that.zoomed = true; scale = 1 / that.touchesDistStart * that.touchesDist * this.scale; if (scale < 0.5) scale = 0.5; else if (scale > that.options.zoomMax) scale = that.options.zoomMax; // if (scale < that.options.scaleMin) scale = 0.5 * that.options.scaleMin * Math.pow(2.0, scale / that.options.scaleMin); // else if (scale > that.options.scaleMax) scale = 2.0 * that.options.scaleMax * Math.pow(0.5, that.options.scaleMax / scale); that.lastScale = scale / this.scale; newX = this.originX - this.originX * that.lastScale + this.x, newY = this.originY - this.originY * that.lastScale + this.y; this.scroller.style[vendor + 'Transform'] = trnOpen + newX + 'px,' + newY + 'px' + trnClose + ' scale(' + scale + ')'; if (that.options.onZoom) that.options.onZoom.call(that, e); return; } that.pointX = point.pageX; that.pointY = point.pageY; // Slow down if outside of the boundaries if (newX > 0 || newX < that.maxScrollX) { newX = that.options.bounce ? that.x + (deltaX / 2) : newX >= 0 || that.maxScrollX >= 0 ? 0 : that.maxScrollX; } if (newY > 0 || newY < that.maxScrollY) { newY = that.options.bounce ? that.y + (deltaY / 2) : newY >= 0 || that.maxScrollY >= 0 ? 0 : that.maxScrollY; } if (that.absDistX < 6 && that.absDistY < 6) { that.distX += deltaX; that.distY += deltaY; that.absDistX = m.abs(that.distX); that.absDistY = m.abs(that.distY); return; } // Lock direction if (that.options.lockDirection) { if (that.absDistX > that.absDistY + 5) { newY = that.y; deltaY = 0; } else if (that.absDistY > that.absDistX + 5) { newX = that.x; deltaX = 0; } } that.moved = true; that._pos(newX, newY); that.dirX = deltaX > 0 ? -1 : deltaX < 0 ? 1 : 0; that.dirY = deltaY > 0 ? -1 : deltaY < 0 ? 1 : 0; if (timestamp - that.startTime > 300) { that.startTime = timestamp; that.startX = that.x; that.startY = that.y; } if (that.options.onScrollMove) that.options.onScrollMove.call(that, e); }, _end: function(e) { if (hasTouch && e.touches.length != 0) return; var that = this, point = hasTouch ? e.changedTouches[0] : e, target, ev, momentumX = { dist: 0, time: 0 }, momentumY = { dist: 0, time: 0 }, duration = (e.timeStamp || (new Date()).getTime()) - that.startTime, newPosX = that.x, newPosY = that.y, distX, distY, newDuration; that._unbind(MOVE_EV); that._unbind(END_EV); that._unbind(CANCEL_EV); if (that.options.onBeforeScrollEnd) that.options.onBeforeScrollEnd.call(that, e); if (that.zoomed) { that.scale = that.scale * that.lastScale; that.x = that.originX - that.originX * that.lastScale + that.x; that.y = that.originY - that.originY * that.lastScale + that.y; that.scroller.style.webkitTransform = trnOpen + that.x + 'px,' + that.y + 'px' + trnClose + ' scale(' + that.scale + ')'; that.refresh(); if (that.options.onZoomEnd) that.options.onZoomEnd.call(that, e); return; } if (!that.moved) { if (hasTouch) { if (that.doubleTapTimer && that.options.zoom) { // Double tapped clearTimeout(that.doubleTapTimer); that.doubleTapTimer = null; that.zoom(that.pointX, that.pointY, that.scale == 1 ? that.options.doubleTapZoom : 1); } else { that.doubleTapTimer = setTimeout(function() { that.doubleTapTimer = null; // Find the last touched element target = point.target; while (target.nodeType != 1) target = target.parentNode; if (target.tagName != 'SELECT' && target.tagName != 'INPUT' && target.tagName != 'TEXTAREA') { ev = document.createEvent('MouseEvents'); ev.initMouseEvent('click', true, true, e.view, 1, point.screenX, point.screenY, point.clientX, point.clientY, e.ctrlKey, e.altKey, e.shiftKey, e.metaKey, 0, null); ev._fake = true; target.dispatchEvent(ev); } }, that.options.zoom ? 250 : 0); } } that._resetPos(200); if (that.options.onTouchEnd) that.options.onTouchEnd.call(that, e); return; } if (duration < 300 && that.options.momentum) { momentumX = newPosX ? that._momentum(newPosX - that.startX, duration, -that.x, that.scrollerW - that.wrapperW + that.x, that.options.bounce ? that.wrapperW : 0) : momentumX; momentumY = newPosY ? that._momentum(newPosY - that.startY, duration, -that.y, (that.maxScrollY < 0 ? that.scrollerH - that.wrapperH + that.y : 0), that.options.bounce ? that.wrapperH : 0) : momentumY; newPosX = that.x + momentumX.dist; newPosY = that.y + momentumY.dist; if ((that.x > 0 && newPosX > 0) || (that.x < that.maxScrollX && newPosX < that.maxScrollX)) momentumX = { dist: 0, time: 0 }; if ((that.y > 0 && newPosY > 0) || (that.y < that.maxScrollY && newPosY < that.maxScrollY)) momentumY = { dist: 0, time: 0 }; } if (momentumX.dist || momentumY.dist) { newDuration = m.max(m.max(momentumX.time, momentumY.time), 10); // Do we need to snap? if (that.options.snap) { distX = newPosX - that.absStartX; distY = newPosY - that.absStartY; if (m.abs(distX) < that.options.snapThreshold && m.abs(distY) < that.options.snapThreshold) { that.scrollTo(that.absStartX, that.absStartY, 200); } else { snap = that._snap(newPosX, newPosY); newPosX = snap.x; newPosY = snap.y; newDuration = m.max(snap.time, newDuration); } } that.scrollTo(newPosX, newPosY, newDuration); if (that.options.onTouchEnd) that.options.onTouchEnd.call(that, e); return; } // Do we need to snap? if (that.options.snap) { distX = newPosX - that.absStartX; distY = newPosY - that.absStartY; if (m.abs(distX) < that.options.snapThreshold && m.abs(distY) < that.options.snapThreshold) that.scrollTo(that.absStartX, that.absStartY, 200); else { snap = that._snap(that.x, that.y); if (snap.x != that.x || snap.y != that.y) that.scrollTo(snap.x, snap.y, snap.time); } if (that.options.onTouchEnd) that.options.onTouchEnd.call(that, e); return; } that._resetPos(200); if (that.options.onTouchEnd) that.options.onTouchEnd.call(that, e); }, _resetPos: function(time) { var that = this, resetX = that.x >= 0 ? 0 : that.x < that.maxScrollX ? that.maxScrollX : that.x, resetY = that.y >= 0 || that.maxScrollY > 0 ? 0 : that.y < that.maxScrollY ? that.maxScrollY : that.y; if (resetX == that.x && resetY == that.y) { if (that.moved) { that.moved = false; if (that.options.onScrollEnd) that.options.onScrollEnd.call(that); // Execute custom code on scroll end } if (that.hScrollbar && that.options.hideScrollbar) { if (vendor == 'webkit') that.hScrollbarWrapper.style[vendor + 'TransitionDelay'] = '300ms'; that.hScrollbarWrapper.style.opacity = '0'; } if (that.vScrollbar && that.options.hideScrollbar) { if (vendor == 'webkit') that.vScrollbarWrapper.style[vendor + 'TransitionDelay'] = '300ms'; that.vScrollbarWrapper.style.opacity = '0'; } return; } that.scrollTo(resetX, resetY, time || 0); }, _wheel: function(e) { var that = this, deltaX, deltaY, deltaScale; if (that.options.wheelAction == 'zoom') { deltaY = 'wheelDelta' in e ? e.wheelDelta : 'detail' in e ? e.detail : 0; deltaScale = that.scale * Math.pow(2, 1 / 3 * (deltaY ? deltaY / Math.abs(deltaY) : 0)); if (deltaScale < that.options.zoomMin) deltaScale = that.options.zoomMin; if (deltaScale > that.options.zoomMax) deltaScale = that.options.zoomMax; that.zoom(e.pageX, e.pageY, deltaScale, 400); return; } if ('wheelDeltaX' in e) { deltaX = that.x + e.wheelDeltaX / 12, deltaY = that.y + e.wheelDeltaY / 12; } else if ('detail' in e) { deltaX = that.x - e.detail * 3, deltaY = that.y - e.detail * 3; } else { deltaX = that.x - e.wheelDelta, deltaY = that.y - e.wheelDelta; } if (deltaX > 0) deltaX = 0; else if (deltaX < that.maxScrollX) deltaX = that.maxScrollX; if (deltaY > 0) deltaY = 0; else if (deltaY < that.maxScrollY) deltaY = that.maxScrollY; that.scrollTo(deltaX, deltaY, 0); }, _mouseout: function(e) { var t = e.relatedTarget; if (!t) { this._end(e); return; } while (t = t.parentNode) if (t == this.wrapper) return; this._end(e); }, _transitionEnd: function(e) { var that = this; if (e.target != that.scroller) return; that._unbind('webkitTransitionEnd'); that._startAni(); }, /** * * Utilities * */ _startAni: function() { var that = this, startX = that.x, startY = that.y, startTime = (new Date).getTime(), step, easeOut; if (that.animating) return; if (!that.steps.length) { that._resetPos(400); return; } step = that.steps.shift(); if (step.x == startX && step.y == startY) step.time = 0; that.animating = true; that.moved = true; if (that.options.useTransition) { that._transitionTime(step.time); that._pos(step.x, step.y); that.animating = false; if (step.time) that._bind('webkitTransitionEnd'); else that._resetPos(0); return; } (function animate() { var now = (new Date).getTime(), newX, newY; if (now >= startTime + step.time) { that._pos(step.x, step.y); that.animating = false; if (that.options.onAnimationEnd) that.options.onAnimationEnd.call(that); // Execute custom code on animation end that._startAni(); return; } now = (now - startTime) / step.time - 1; easeOut = m.sqrt(1 - now * now); newX = (step.x - startX) * easeOut + startX; newY = (step.y - startY) * easeOut + startY; that._pos(newX, newY); if (that.animating) that.aniTime = nextFrame(animate); })(); }, _transitionTime: function(time) { time += 'ms'; this.scroller.style[vendor + 'TransitionDuration'] = time; if (this.hScrollbar) this.hScrollbarIndicator.style[vendor + 'TransitionDuration'] = time; if (this.vScrollbar) this.vScrollbarIndicator.style[vendor + 'TransitionDuration'] = time; }, _momentum: function(dist, time, maxDistUpper, maxDistLower, size) { var deceleration = 0.0006, speed = m.abs(dist) / time, newDist = (speed * speed) / (2 * deceleration), newTime = 0, outsideDist = 0; // Proportinally reduce speed if we are outside of the boundaries if (dist > 0 && newDist > maxDistUpper) { outsideDist = size / (6 / (newDist / speed * deceleration)); maxDistUpper = maxDistUpper + outsideDist; speed = speed * maxDistUpper / newDist; newDist = maxDistUpper; } else if (dist < 0 && newDist > maxDistLower) { outsideDist = size / (6 / (newDist / speed * deceleration)); maxDistLower = maxDistLower + outsideDist; speed = speed * maxDistLower / newDist; newDist = maxDistLower; } newDist = newDist * (dist < 0 ? -1 : 1); newTime = speed / deceleration; return { dist: newDist, time: m.round(newTime) }; }, _offset: function(el) { var left = -el.offsetLeft, top = -el.offsetTop; while (el = el.offsetParent) { left -= el.offsetLeft; top -= el.offsetTop; } if (el != this.wrapper) { left *= this.scale; top *= this.scale; } return { left: left, top: top }; }, _snap: function(x, y) { var that = this, i, l, page, time, sizeX, sizeY; // Check page X page = that.pagesX.length - 1; for (i = 0, l = that.pagesX.length; i < l; i++) { if (x >= that.pagesX[i]) { page = i; break; } } if (page == that.currPageX && page > 0 && that.dirX < 0) page--; x = that.pagesX[page]; sizeX = m.abs(x - that.pagesX[that.currPageX]); sizeX = sizeX ? m.abs(that.x - x) / sizeX * 500 : 0; that.currPageX = page; // Check page Y page = that.pagesY.length - 1; for (i = 0; i < page; i++) { if (y >= that.pagesY[i]) { page = i; break; } } if (page == that.currPageY && page > 0 && that.dirY < 0) page--; y = that.pagesY[page]; sizeY = m.abs(y - that.pagesY[that.currPageY]); sizeY = sizeY ? m.abs(that.y - y) / sizeY * 500 : 0; that.currPageY = page; // Snap with constant speed (proportional duration) time = m.round(m.max(sizeX, sizeY)) || 200; return { x: x, y: y, time: time }; }, _bind: function(type, el, bubble) { (el || this.scroller).addEventListener(type, this, !!bubble); }, _unbind: function(type, el, bubble) { (el || this.scroller).removeEventListener(type, this, !!bubble); }, /** * * Public methods * */ destroy: function() { var that = this; that.scroller.style[vendor + 'Transform'] = ''; // Remove the scrollbars that.hScrollbar = false; that.vScrollbar = false; that._scrollbar('h'); that._scrollbar('v'); // Remove the event listeners that._unbind(RESIZE_EV, window); that._unbind(START_EV); that._unbind(MOVE_EV); that._unbind(END_EV); that._unbind(CANCEL_EV); if (that.options.hasTouch) { that._unbind('mouseout', that.wrapper); that._unbind(WHEEL_EV); } if (that.options.useTransition) that._unbind('webkitTransitionEnd'); if (that.options.checkDOMChanges) clearInterval(that.checkDOMTime); if (that.options.onDestroy) that.options.onDestroy.call(that); }, refresh: function() { var that = this, offset, pos = 0, page = 0; if (that.scale < that.options.zoomMin) that.scale = that.options.zoomMin; that.wrapperW = that.wrapper.clientWidth || 1; that.wrapperH = that.wrapper.clientHeight || 1; that.scrollerW = m.round(that.scroller.offsetWidth * that.scale); that.scrollerH = m.round(that.scroller.offsetHeight * that.scale); that.maxScrollX = that.wrapperW - that.scrollerW; that.maxScrollY = that.wrapperH - that.scrollerH; that.dirX = 0; that.dirY = 0; that.hScroll = that.options.hScroll && that.maxScrollX < 0; that.vScroll = that.options.vScroll && (!that.options.bounceLock && !that.hScroll || that.scrollerH > that.wrapperH); that.hScrollbar = that.hScroll && that.options.hScrollbar; that.vScrollbar = that.vScroll && that.options.vScrollbar && that.scrollerH > that.wrapperH; offset = that._offset(that.wrapper); that.wrapperOffsetLeft = -offset.left; that.wrapperOffsetTop = -offset.top; // Prepare snap if (typeof that.options.snap == 'string') { that.pagesX = []; that.pagesY = []; els = that.scroller.querySelectorAll(that.options.snap); for (i = 0, l = els.length; i < l; i++) { pos = that._offset(els[i]); pos.left += that.wrapperOffsetLeft; pos.top += that.wrapperOffsetTop; that.pagesX[i] = pos.left < that.maxScrollX ? that.maxScrollX : pos.left * that.scale; that.pagesY[i] = pos.top < that.maxScrollY ? that.maxScrollY : pos.top * that.scale; } } else if (that.options.snap) { that.pagesX = []; while (pos >= that.maxScrollX) { that.pagesX[page] = pos; pos = pos - that.wrapperW; page++; } if (that.maxScrollX % that.wrapperW) that.pagesX[that.pagesX.length] = that.maxScrollX - that.pagesX[that.pagesX.length - 1] + that.pagesX[that.pagesX.length - 1]; pos = 0; page = 0; that.pagesY = []; while (pos >= that.maxScrollY) { that.pagesY[page] = pos; pos = pos - that.wrapperH; page++; } if (that.maxScrollY % that.wrapperH) that.pagesY[that.pagesY.length] = that.maxScrollY - that.pagesY[that.pagesY.length - 1] + that.pagesY[that.pagesY.length - 1]; } // Prepare the scrollbars that._scrollbar('h'); that._scrollbar('v'); that.scroller.style[vendor + 'TransitionDuration'] = '0'; that._resetPos(200); }, scrollTo: function(x, y, time, relative) { var that = this, step = x, i, l; that.stop(); if (!step.length) step = [{ x: x, y: y, time: time, relative: relative}]; for (i = 0, l = step.length; i < l; i++) { if (step[i].relative) { step[i].x = that.x - step[i].x; step[i].y = that.y - step[i].y; } that.steps.push({ x: step[i].x, y: step[i].y, time: step[i].time || 0 }); } that._startAni(); }, scrollToElement: function(el, time) { var that = this, pos; el = el.nodeType ? el : that.scroller.querySelector(el); if (!el) return; pos = that._offset(el); pos.left += that.wrapperOffsetLeft; pos.top += that.wrapperOffsetTop; pos.left = pos.left > 0 ? 0 : pos.left < that.maxScrollX ? that.maxScrollX : pos.left; pos.top = pos.top > 0 ? 0 : pos.top < that.maxScrollY ? that.maxScrollY : pos.top; time = time === undefined ? m.max(m.abs(pos.left) * 2, m.abs(pos.top) * 2) : time; that.scrollTo(pos.left, pos.top, time); }, scrollToPage: function(pageX, pageY, time) { var that = this, x, y; if (that.options.snap) { pageX = pageX == 'next' ? that.currPageX + 1 : pageX == 'prev' ? that.currPageX - 1 : pageX; pageY = pageY == 'next' ? that.currPageY + 1 : pageY == 'prev' ? that.currPageY - 1 : pageY; pageX = pageX < 0 ? 0 : pageX > that.pagesX.length - 1 ? that.pagesX.length - 1 : pageX; pageY = pageY < 0 ? 0 : pageY > that.pagesY.length - 1 ? that.pagesY.length - 1 : pageY; that.currPageX = pageX; that.currPageY = pageY; x = that.pagesX[pageX]; y = that.pagesY[pageY]; } else { x = -that.wrapperW * pageX; y = -that.wrapperH * pageY; if (x < that.maxScrollX) x = that.maxScrollX; if (y < that.maxScrollY) y = that.maxScrollY; } that.scrollTo(x, y, time || 400); }, disable: function() { this.stop(); this._resetPos(0); this.enabled = false; // If disabled after touchstart we make sure that there are no left over events this._unbind(MOVE_EV); this._unbind(END_EV); this._unbind(CANCEL_EV); }, enable: function() { this.enabled = true; }, stop: function() { if (this.options.useTransition) this._unbind('webkitTransitionEnd'); else cancelFrame(this.aniTime); this.steps = []; this.moved = false; this.animating = false; }, zoom: function(x, y, scale, time) { var that = this, relScale = scale / that.scale; if (!that.options.useTransform) return; time = (time || 200) + 'ms' x = x - that.wrapperOffsetLeft - that.x; y = y - that.wrapperOffsetTop - that.y; that.x = x - x * relScale + that.x; that.y = y - y * relScale + that.y; that.scale = scale; that.scroller.style[vendor + 'TransitionDuration'] = time; that.scroller.style[vendor + 'Transform'] = trnOpen + that.x + 'px,' + that.y + 'px' + trnClose + ' scale(' + scale + ')'; that.refresh(); }, isReady: function() { return !this.moved && !this.zoomed && !this.animating; } }; if (typeof exports !== 'undefined') exports.iScroll = iScroll; else window.iScroll = iScroll; })(); /* * iscroll-wrapper for jQquery. * http://sanraul.com/projects/jqloader/ * * Copyright (c) 2011 Raul Sanchez (http://www.sanraul.com) * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ (function($) { $.fn.iscroll = function(options) { if (this.data('iScrollReady') == null) { var that = this; var options = $.extend({}, options); options.onScrollEnd = function() { that.triggerHandler('onScrollEnd', [this]); }; arguments.callee.object = new iScroll(this.get(0), options); // NOTE: for some reason in a complex page the plugin does not register // the size of the element. This will fix that in the meantime. setTimeout(function(scroller) { scroller.refresh(); }, 1000, arguments.callee.object); this.data('iScrollReady', true); } else { arguments.callee.object.refresh(); } return arguments.callee.object; }; })(jQuery); // jquery.jsonp 2.1.4 (c)2010 Julian Aubourg | MIT License // http://code.google.com/p/jquery-jsonp/ (function(e, b) { function d() { } function t(C) { c = [C] } function m(C) { f.insertBefore(C, f.firstChild) } function l(E, C, D) { return E && E.apply(C.context || C, D) } function k(C) { return /\?/.test(C) ? "&" : "?" } var n = "async", s = "charset", q = "", A = "error", r = "_jqjsp", w = "on", o = w + "click", p = w + A, a = w + "load", i = w + "readystatechange", z = "removeChild", g = "<script/>", v = "success", y = "timeout", x = e.browser, f = e("head")[0] || document.documentElement, u = {}, j = 0, c, h = { callback: r, url: location.href }; function B(C) { C = e.extend({}, h, C); var Q = C.complete, E = C.dataFilter, M = C.callbackParameter, R = C.callback, G = C.cache, J = C.pageCache, I = C.charset, D = C.url, L = C.data, P = C.timeout, O, K = 0, H = d; C.abort = function() { !K++ && H() }; if (l(C.beforeSend, C, [C]) === false || K) { return C } D = D || q; L = L ? ((typeof L) == "string" ? L : e.param(L, C.traditional)) : q; D += L ? (k(D) + L) : q; M && (D += k(D) + encodeURIComponent(M) + "=?"); !G && !J && (D += k(D) + "_" + (new Date()).getTime() + "="); D = D.replace(/=\?(&|$)/, "=" + R + "$1"); function N(S) { !K++ && b(function() { H(); J && (u[D] = { s: [S] }); E && (S = E.apply(C, [S])); l(C.success, C, [S, v]); l(Q, C, [C, v]) }, 0) } function F(S) { !K++ && b(function() { H(); J && S != y && (u[D] = S); l(C.error, C, [C, S]); l(Q, C, [C, S]) }, 0) } J && (O = u[D]) ? (O.s ? N(O.s[0]) : F(O)) : b(function(T, S, U) { if (!K) { U = P > 0 && b(function() { F(y) }, P); H = function() { U && clearTimeout(U); T[i] = T[o] = T[a] = T[p] = null; f[z](T); S && f[z](S) }; window[R] = t; T = e(g)[0]; T.id = r + j++; if (I) { T[s] = I } function V(W) { (T[o] || d)(); W = c; c = undefined; W ? N(W[0]) : F(A) } if (x.msie) { T.event = o; T.htmlFor = T.id; T[i] = function() { /loaded|complete/.test(T.readyState) && V() } } else { T[p] = T[a] = V; x.opera ? ((S = e(g)[0]).text = "jQuery('#" + T.id + "')[0]." + p + "()") : T[n] = n } T.src = D; m(T); S && m(S) } }, 0); return C } B.setup = function(C) { e.extend(h, C) }; e.jsonp = B })(jQuery, setTimeout); /* * touchSwipe - jQuery Plugin * http://plugins.jquery.com/project/touchSwipe * http://labs.skinkers.com/touchSwipe/ * * Copyright (c) 2010 Matt Bryson (www.skinkers.com) * Dual licensed under the MIT or GPL Version 2 licenses. * * $version: 1.2.3 * * Changelog * $Date: 2010-12-12 (Wed, 12 Dec 2010) $ * $version: 1.0.0 * $version: 1.0.1 - removed multibyte comments * * $Date: 2011-21-02 (Mon, 21 Feb 2011) $ * $version: 1.1.0 - added allowPageScroll property to allow swiping and scrolling of page * - changed handler signatures so one handler can be used for multiple events * $Date: 2011-23-02 (Wed, 23 Feb 2011) $ * $version: 1.2.0 - added click handler. This is fired if the user simply clicks and does not swipe. The event object and click target are passed to handler. * - If you use the http://code.google.com/p/jquery-ui-for-ipad-and-iphone/ plugin, you can also assign jQuery mouse events to children of a touchSwipe object. * $version: 1.2.1 - removed console log! * * $version: 1.2.2 - Fixed bug where scope was not preserved in callback methods. * * $Date: 2011-28-04 (Thurs, 28 April 2011) $ * $version: 1.2.4 - Changed licence terms to be MIT or GPL inline with jQuery. Added check for support of touch events to stop non compatible browsers erroring. * * A jQuery plugin to capture left, right, up and down swipes on touch devices. * You can capture 2 finger or 1 finger swipes, set the threshold and define either a catch all handler, or individual direction handlers. * Options: * swipe Function A catch all handler that is triggered for all swipe directions. Handler is passed 3 arguments, the original event object, the direction of the swipe : "left", "right", "up", "down" and the distance of the swipe. * swipeLeft Function A handler that is triggered for "left" swipes. Handler is passed 3 arguments, the original event object, the direction of the swipe : "left", "right", "up", "down" and the distance of the swipe. * swipeRight Function A handler that is triggered for "right" swipes. Handler is passed 3 arguments, the original event object, the direction of the swipe : "left", "right", "up", "down" and the distance of the swipe. * swipeUp Function A handler that is triggered for "up" swipes. Handler is passed 3 arguments, the original event object, the direction of the swipe : "left", "right", "up", "down" and the distance of the swipe. * swipeDown Function A handler that is triggered for "down" swipes. Handler is passed 3 arguments, the original event object, the direction of the swipe : "left", "right", "up", "down" and the distance of the swipe. * swipeStatus Function A handler triggered for every phase of the swipe. Handler is passed 4 arguments: event : The original event object, phase:The current swipe face, either "startýÿ, "moveýÿ, "endýÿ or "cancelýÿ. direction : The swipe direction, either "upýÿ, "downýÿ, "left " or "rightýÿ.distance : The distance of the swipe. * click Function A handler triggered when a user just clicks on the item, rather than swipes it. If they do not move, click is triggered, if they do move, it is not. * * fingers int Default 1. The number of fingers to trigger the swipe, 1 or 2. * threshold int Default 75. The number of pixels that the user must move their finger by before it is considered a swipe. * triggerOnTouchEnd Boolean Default true If true, the swipe events are triggered when the touch end event is received (user releases finger). If false, it will be triggered on reaching the threshold, and then cancel the touch event automatically. * allowPageScroll String Default "auto". How the browser handles page scrolls when the user is swiping on a touchSwipe object. * "auto" : all undefined swipes will cause the page to scroll in that direction. * "none" : the page will not scroll when user swipes. * "horizontal" : will force page to scroll on horizontal swipes. * "vertical" : will force page to scroll on vertical swipes. * * This jQuery plugin will only run on devices running Mobile Webkit based browsers (iOS 2.0+, android 2.2+) */ (function($) { $.fn.swipe = function(options) { if (!this) return false; // Default thresholds & swipe functions var defaults = { fingers: 1, // int - The number of fingers to trigger the swipe, 1 or 2. Default is 1. threshold: 75, // int - The number of pixels that the user must move their finger by before it is considered a swipe. Default is 75. swipe: null, // Function - A catch all handler that is triggered for all swipe directions. Accepts 2 arguments, the original event object and the direction of the swipe : "left", "right", "up", "down". swipeLeft: null, // Function - A handler that is triggered for "left" swipes. Accepts 3 arguments, the original event object, the direction of the swipe : "left", "right", "up", "down" and the distance of the swipe. swipeRight: null, // Function - A handler that is triggered for "right" swipes. Accepts 3 arguments, the original event object, the direction of the swipe : "left", "right", "up", "down" and the distance of the swipe. swipeUp: null, // Function - A handler that is triggered for "up" swipes. Accepts 3 arguments, the original event object, the direction of the swipe : "left", "right", "up", "down" and the distance of the swipe. swipeDown: null, // Function - A handler that is triggered for "down" swipes. Accepts 3 arguments, the original event object, the direction of the swipe : "left", "right", "up", "down" and the distance of the swipe. swipeStatus: null, // Function - A handler triggered for every phase of the swipe. Handler is passed 4 arguments: event : The original event object, phase:The current swipe face, either "startýÿ, "moveýÿ, "endýÿ or "cancelýÿ. direction : The swipe direction, either "upýÿ, "downýÿ, "left " or "rightýÿ.distance : The distance of the swipe. click: null, // Function - A handler triggered when a user just clicks on the item, rather than swipes it. If they do not move, click is triggered, if they do move, it is not. triggerOnTouchEnd: true, // Boolean, if true, the swipe events are triggered when the touch end event is received (user releases finger). If false, it will be triggered on reaching the threshold, and then cancel the touch event automatically. allowPageScroll: "auto" /* How the browser handles page scrolls when the user is swiping on a touchSwipe object. "auto" : all undefined swipes will cause the page to scroll in that direction. "none" : the page will not scroll when user swipes. "horizontal" : will force page to scroll on horizontal swipes. "vertical" : will force page to scroll on vertical swipes. */ }; //Constants var LEFT = "left"; var RIGHT = "right"; var UP = "up"; var DOWN = "down"; var NONE = "none"; var HORIZONTAL = "horizontal"; var VERTICAL = "vertical"; var AUTO = "auto"; var PHASE_START = "start"; var PHASE_MOVE = "move"; var PHASE_END = "end"; var PHASE_CANCEL = "cancel"; var phase = "start"; if (options.allowPageScroll == undefined && (options.swipe != undefined || options.swipeStatus != undefined)) options.allowPageScroll = NONE; if (options) $.extend(defaults, options); /** * Setup each object to detect swipe gestures */ return this.each(function() { var $this = $(this); var triggerElementID = null; // this variable is used to identity the triggering element var fingerCount = 0; // the current number of fingers being used. //track mouse points / delta var start = { x: 0, y: 0 }; var end = { x: 0, y: 0 }; var delta = { x: 0, y: 0 }; /** * Event handler for a touch start event. * Stops the default click event from triggering and stores where we touched */ function touchStart(event) { phase = PHASE_START; // get the total number of fingers touching the screen fingerCount = event.touches.length; //clear vars.. distance = 0; direction = null; // check the number of fingers is what we are looking for if (fingerCount == defaults.fingers) { // get the coordinates of the touch start.x = end.x = event.touches[0].pageX; start.y = end.y = event.touches[0].pageY; if (defaults.swipeStatus) triggerHandler(event, phase); } else { //touch with more/less than the fingers we are looking for touchCancel(event); } } /** * Event handler for a touch move event. * If we change fingers during move, then cancel the event */ function touchMove(event) { if (phase == PHASE_END || phase == PHASE_CANCEL) return; end.x = event.touches[0].pageX; end.y = event.touches[0].pageY; direction = caluculateDirection(); fingerCount = event.touches.length; phase = PHASE_MOVE //Check if we need to prevent default evnet (page scroll) or not validateDefaultEvent(event, direction); if (fingerCount == defaults.fingers) { distance = caluculateDistance(); if (defaults.swipeStatus) triggerHandler(event, phase, direction, distance); //If we trigger whilst dragging, not on touch end, then calculate now... if (!defaults.triggerOnTouchEnd) { // if the user swiped more than the minimum length, perform the appropriate action if (distance >= defaults.threshold) { phase = PHASE_END; triggerHandler(event, phase); touchCancel(event); // reset the variables } } } else { phase = PHASE_CANCEL; triggerHandler(event, phase); touchCancel(event); } } /** * Event handler for a touch end event. * Calculate the direction and trigger events */ function touchEnd(event) { event.preventDefault(); distance = caluculateDistance(); direction = caluculateDirection(); if (defaults.triggerOnTouchEnd) { phase = PHASE_END; // check to see if more than one finger was used and that there is an ending coordinate if (fingerCount == defaults.fingers && end.x != 0) { // if the user swiped more than the minimum length, perform the appropriate action if (distance >= defaults.threshold) { triggerHandler(event, phase); touchCancel(event); // reset the variables } else { phase = PHASE_CANCEL; triggerHandler(event, phase); touchCancel(event); } } else { phase = PHASE_CANCEL; triggerHandler(event, phase); touchCancel(event); } } else if (phase == PHASE_MOVE) { phase = PHASE_CANCEL; triggerHandler(event, phase); touchCancel(event); } } /** * Event handler for a touch cancel event. * Clears current vars */ function touchCancel(event) { // reset the variables back to default values fingerCount = 0; start.x = 0; start.y = 0; end.x = 0; end.y = 0; delta.x = 0; delta.y = 0; } /** * Trigger the relevant event handler * The handlers are passed the original event, the element that was swiped, and in the case of the catch all handler, the direction that was swiped, "left", "right", "up", or "down" */ function triggerHandler(event, phase) { //update status if (defaults.swipeStatus) defaults.swipeStatus.call($this, event, phase, direction || null, distance || 0); if (phase == PHASE_CANCEL) { if (defaults.click && fingerCount == 1 && (isNaN(distance) || distance == 0)) defaults.click.call($this, event, event.target); } if (phase == PHASE_END) { //trigger catch all event handler if (defaults.swipe) { defaults.swipe.call($this, event, direction, distance); } //trigger direction specific event handlers switch (direction) { case LEFT: if (defaults.swipeLeft) defaults.swipeLeft.call($this, event, direction, distance); break; case RIGHT: if (defaults.swipeRight) defaults.swipeRight.call($this, event, direction, distance); break; case UP: if (defaults.swipeUp) defaults.swipeUp.call($this, event, direction, distance); break; case DOWN: if (defaults.swipeDown) defaults.swipeDown.call($this, event, direction, distance); break; } } } /** * Checks direction of the swipe and the value allowPageScroll to see if we should allow or prevent the default behaviour from occurring. * This will essentially allow page scrolling or not when the user is swiping on a touchSwipe object. */ function validateDefaultEvent(event, direction) { if (defaults.allowPageScroll == NONE) { event.preventDefault(); } else { var auto = defaults.allowPageScroll == AUTO; switch (direction) { case LEFT: if ((defaults.swipeLeft && auto) || (!auto && defaults.allowPageScroll != HORIZONTAL)) event.preventDefault(); break; case RIGHT: if ((defaults.swipeRight && auto) || (!auto && defaults.allowPageScroll != HORIZONTAL)) event.preventDefault(); break; case UP: if ((defaults.swipeUp && auto) || (!auto && defaults.allowPageScroll != VERTICAL)) event.preventDefault(); break; case DOWN: if ((defaults.swipeDown && auto) || (!auto && defaults.allowPageScroll != VERTICAL)) event.preventDefault(); break; } } } /** * Calcualte the length / distance of the swipe */ function caluculateDistance() { return Math.round(Math.sqrt(Math.pow(end.x - start.x, 2) + Math.pow(end.y - start.y, 2))); } /** * Calcualte the angle of the swipe */ function caluculateAngle() { var X = start.x - end.x; var Y = end.y - start.y; var r = Math.atan2(Y, X); //radians var angle = Math.round(r * 180 / Math.PI); //degrees //ensure value is positive if (angle < 0) angle = 360 - Math.abs(angle); return angle; } /** * Calcualte the direction of the swipe * This will also call caluculateAngle to get the latest angle of swipe */ function caluculateDirection() { var angle = caluculateAngle(); if ((angle <= 45) && (angle >= 0)) return LEFT; else if ((angle <= 360) && (angle >= 315)) return LEFT; else if ((angle >= 135) && (angle <= 225)) return RIGHT; else if ((angle > 45) && (angle < 135)) return DOWN; else return UP; } // Add gestures to all swipable areas if supported try { this.addEventListener("touchstart", touchStart, false); this.addEventListener("touchmove", touchMove, false); this.addEventListener("touchend", touchEnd, false); this.addEventListener("touchcancel", touchCancel, false); } catch (e) { //touch not supported } }); }; })(jQuery); (function($) { $.fn.tipsy = function(options) { options = $.extend({}, $.fn.tipsy.defaults, options); return this.each(function() { var opts = $.fn.tipsy.elementOptions(this, options); $(this).hover(function() { $.data(this, 'cancel.tipsy', true); var tip = $.data(this, 'active.tipsy'); if (!tip) { tip = $('<div class="tipsy"><div class="tipsy-inner"/></div>'); tip.css({ position: 'absolute', zIndex: 100000 }); $.data(this, 'active.tipsy', tip); } if ($(this).attr('title') || typeof ($(this).attr('original-title')) != 'string') { $(this).attr('original-title', $(this).attr('title') || '').removeAttr('title'); } var title; if (typeof opts.title == 'string') { title = $(this).attr(opts.title == 'title' ? 'original-title' : opts.title); } else if (typeof opts.title == 'function') { title = opts.title.call(this); } tip.find('.tipsy-inner')[opts.html ? 'html' : 'text'](title || opts.fallback); var pos = $.extend({}, $(this).offset(), { width: this.offsetWidth, height: this.offsetHeight }); tip.get(0).className = 'tipsy'; // reset classname in case of dynamic gravity tip.remove().css({ top: 0, left: 0, visibility: 'hidden', display: 'block' }).appendTo(document.body); var actualWidth = tip[0].offsetWidth, actualHeight = tip[0].offsetHeight; var gravity = (typeof opts.gravity == 'function') ? opts.gravity.call(this) : opts.gravity; switch (gravity.charAt(0)) { case 'n': tip.css({ top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2 }).addClass('tipsy-north'); break; case 's': tip.css({ top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2 }).addClass('tipsy-south'); break; case 'e': tip.css({ top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth }).addClass('tipsy-east'); break; case 'w': tip.css({ top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width }).addClass('tipsy-west'); break; } if (opts.fade) { tip.css({ opacity: 0, display: 'block', visibility: 'visible' }).animate({ opacity: 0.8 }); } else { tip.css({ visibility: 'visible' }); } }, function() { $.data(this, 'cancel.tipsy', false); var self = this; setTimeout(function() { if ($.data(this, 'cancel.tipsy')) return; var tip = $.data(self, 'active.tipsy'); if (opts.fade) { tip.stop().fadeOut(function() { $(this).remove(); }); } else { tip.remove(); } }, 100); }); }); }; // Overwrite this method to provide options on a per-element basis. // For example, you could store the gravity in a 'tipsy-gravity' attribute: // return $.extend({}, options, {gravity: $(ele).attr('tipsy-gravity') || 'n' }); // (remember - do not modify 'options' in place!) $.fn.tipsy.elementOptions = function(ele, options) { return $.metadata ? $.extend({}, options, $(ele).metadata()) : options; }; $.fn.tipsy.defaults = { fade: false, fallback: '', gravity: 'n', html: false, title: 'title' }; $.fn.tipsy.autoNS = function() { return $(this).offset().top > ($(document).scrollTop() + $(window).height() / 2) ? 's' : 'n'; }; $.fn.tipsy.autoWE = function() { return $(this).offset().left > ($(document).scrollLeft() + $(window).width() / 2) ? 'e' : 'w'; }; })(jQuery); var userAgent = navigator.userAgent.toLowerCase(); jQuery.browser.chrome = /chrome/.test(navigator.userAgent.toLowerCase()); if (jQuery.browser.chrome) { jQuery.browser.safari = false; }