").append( jQuery.parseHTML( responseText ) ).find( selector ) :
+
+ // Otherwise use the full result
+ responseText );
+
+ }).complete( callback && function( jqXHR, status ) {
+ self.each( callback, response || [ jqXHR.responseText, status, jqXHR ] );
+ });
+ }
+
+ return this;
+};
+
+
+
+
+jQuery.expr.filters.animated = function( elem ) {
+ return jQuery.grep(jQuery.timers, function( fn ) {
+ return elem === fn.elem;
+ }).length;
+};
+
+
+
+
+
+var docElem = window.document.documentElement;
+
+/**
+ * Gets a window from an element
+ */
+function getWindow( elem ) {
+ return jQuery.isWindow( elem ) ?
+ elem :
+ elem.nodeType === 9 ?
+ elem.defaultView || elem.parentWindow :
+ false;
+}
+
+jQuery.offset = {
+ setOffset: function( elem, options, i ) {
+ var curPosition, curLeft, curCSSTop, curTop, curOffset, curCSSLeft, calculatePosition,
+ position = jQuery.css( elem, "position" ),
+ curElem = jQuery( elem ),
+ props = {};
+
+ // set position first, in-case top/left are set even on static elem
+ if ( position === "static" ) {
+ elem.style.position = "relative";
+ }
+
+ curOffset = curElem.offset();
+ curCSSTop = jQuery.css( elem, "top" );
+ curCSSLeft = jQuery.css( elem, "left" );
+ calculatePosition = ( position === "absolute" || position === "fixed" ) &&
+ jQuery.inArray("auto", [ curCSSTop, curCSSLeft ] ) > -1;
+
+ // need to be able to calculate position if either top or left is auto and position is either absolute or fixed
+ if ( calculatePosition ) {
+ curPosition = curElem.position();
+ curTop = curPosition.top;
+ curLeft = curPosition.left;
+ } else {
+ curTop = parseFloat( curCSSTop ) || 0;
+ curLeft = parseFloat( curCSSLeft ) || 0;
+ }
+
+ if ( jQuery.isFunction( options ) ) {
+ options = options.call( elem, i, curOffset );
+ }
+
+ if ( options.top != null ) {
+ props.top = ( options.top - curOffset.top ) + curTop;
+ }
+ if ( options.left != null ) {
+ props.left = ( options.left - curOffset.left ) + curLeft;
+ }
+
+ if ( "using" in options ) {
+ options.using.call( elem, props );
+ } else {
+ curElem.css( props );
+ }
+ }
+};
+
+jQuery.fn.extend({
+ offset: function( options ) {
+ if ( arguments.length ) {
+ return options === undefined ?
+ this :
+ this.each(function( i ) {
+ jQuery.offset.setOffset( this, options, i );
+ });
+ }
+
+ var docElem, win,
+ box = { top: 0, left: 0 },
+ elem = this[ 0 ],
+ doc = elem && elem.ownerDocument;
+
+ if ( !doc ) {
+ return;
+ }
+
+ docElem = doc.documentElement;
+
+ // Make sure it's not a disconnected DOM node
+ if ( !jQuery.contains( docElem, elem ) ) {
+ return box;
+ }
+
+ // If we don't have gBCR, just use 0,0 rather than error
+ // BlackBerry 5, iOS 3 (original iPhone)
+ if ( typeof elem.getBoundingClientRect !== strundefined ) {
+ box = elem.getBoundingClientRect();
+ }
+ win = getWindow( doc );
+ return {
+ top: box.top + ( win.pageYOffset || docElem.scrollTop ) - ( docElem.clientTop || 0 ),
+ left: box.left + ( win.pageXOffset || docElem.scrollLeft ) - ( docElem.clientLeft || 0 )
+ };
+ },
+
+ position: function() {
+ if ( !this[ 0 ] ) {
+ return;
+ }
+
+ var offsetParent, offset,
+ parentOffset = { top: 0, left: 0 },
+ elem = this[ 0 ];
+
+ // fixed elements are offset from window (parentOffset = {top:0, left: 0}, because it is its only offset parent
+ if ( jQuery.css( elem, "position" ) === "fixed" ) {
+ // we assume that getBoundingClientRect is available when computed position is fixed
+ offset = elem.getBoundingClientRect();
+ } else {
+ // Get *real* offsetParent
+ offsetParent = this.offsetParent();
+
+ // Get correct offsets
+ offset = this.offset();
+ if ( !jQuery.nodeName( offsetParent[ 0 ], "html" ) ) {
+ parentOffset = offsetParent.offset();
+ }
+
+ // Add offsetParent borders
+ parentOffset.top += jQuery.css( offsetParent[ 0 ], "borderTopWidth", true );
+ parentOffset.left += jQuery.css( offsetParent[ 0 ], "borderLeftWidth", true );
+ }
+
+ // Subtract parent offsets and element margins
+ // note: when an element has margin: auto the offsetLeft and marginLeft
+ // are the same in Safari causing offset.left to incorrectly be 0
+ return {
+ top: offset.top - parentOffset.top - jQuery.css( elem, "marginTop", true ),
+ left: offset.left - parentOffset.left - jQuery.css( elem, "marginLeft", true)
+ };
+ },
+
+ offsetParent: function() {
+ return this.map(function() {
+ var offsetParent = this.offsetParent || docElem;
+
+ while ( offsetParent && ( !jQuery.nodeName( offsetParent, "html" ) && jQuery.css( offsetParent, "position" ) === "static" ) ) {
+ offsetParent = offsetParent.offsetParent;
+ }
+ return offsetParent || docElem;
+ });
+ }
+});
+
+// Create scrollLeft and scrollTop methods
+jQuery.each( { scrollLeft: "pageXOffset", scrollTop: "pageYOffset" }, function( method, prop ) {
+ var top = /Y/.test( prop );
+
+ jQuery.fn[ method ] = function( val ) {
+ return access( this, function( elem, method, val ) {
+ var win = getWindow( elem );
+
+ if ( val === undefined ) {
+ return win ? (prop in win) ? win[ prop ] :
+ win.document.documentElement[ method ] :
+ elem[ method ];
+ }
+
+ if ( win ) {
+ win.scrollTo(
+ !top ? val : jQuery( win ).scrollLeft(),
+ top ? val : jQuery( win ).scrollTop()
+ );
+
+ } else {
+ elem[ method ] = val;
+ }
+ }, method, val, arguments.length, null );
+ };
+});
+
+// Add the top/left cssHooks using jQuery.fn.position
+// Webkit bug: https://bugs.webkit.org/show_bug.cgi?id=29084
+// getComputedStyle returns percent when specified for top/left/bottom/right
+// rather than make the css module depend on the offset module, we just check for it here
+jQuery.each( [ "top", "left" ], function( i, prop ) {
+ jQuery.cssHooks[ prop ] = addGetHookIf( support.pixelPosition,
+ function( elem, computed ) {
+ if ( computed ) {
+ computed = curCSS( elem, prop );
+ // if curCSS returns percentage, fallback to offset
+ return rnumnonpx.test( computed ) ?
+ jQuery( elem ).position()[ prop ] + "px" :
+ computed;
+ }
+ }
+ );
+});
+
+
+// Create innerHeight, innerWidth, height, width, outerHeight and outerWidth methods
+jQuery.each( { Height: "height", Width: "width" }, function( name, type ) {
+ jQuery.each( { padding: "inner" + name, content: type, "": "outer" + name }, function( defaultExtra, funcName ) {
+ // margin is only for outerHeight, outerWidth
+ jQuery.fn[ funcName ] = function( margin, value ) {
+ var chainable = arguments.length && ( defaultExtra || typeof margin !== "boolean" ),
+ extra = defaultExtra || ( margin === true || value === true ? "margin" : "border" );
+
+ return access( this, function( elem, type, value ) {
+ var doc;
+
+ if ( jQuery.isWindow( elem ) ) {
+ // As of 5/8/2012 this will yield incorrect results for Mobile Safari, but there
+ // isn't a whole lot we can do. See pull request at this URL for discussion:
+ // https://github.com/jquery/jquery/pull/764
+ return elem.document.documentElement[ "client" + name ];
+ }
+
+ // Get document width or height
+ if ( elem.nodeType === 9 ) {
+ doc = elem.documentElement;
+
+ // Either scroll[Width/Height] or offset[Width/Height] or client[Width/Height], whichever is greatest
+ // unfortunately, this causes bug #3838 in IE6/8 only, but there is currently no good, small way to fix it.
+ return Math.max(
+ elem.body[ "scroll" + name ], doc[ "scroll" + name ],
+ elem.body[ "offset" + name ], doc[ "offset" + name ],
+ doc[ "client" + name ]
+ );
+ }
+
+ return value === undefined ?
+ // Get width or height on the element, requesting but not forcing parseFloat
+ jQuery.css( elem, type, extra ) :
+
+ // Set width or height on the element
+ jQuery.style( elem, type, value, extra );
+ }, type, chainable ? margin : undefined, chainable, null );
+ };
+ });
+});
+
+
+// The number of elements contained in the matched element set
+jQuery.fn.size = function() {
+ return this.length;
+};
+
+jQuery.fn.andSelf = jQuery.fn.addBack;
+
+
+
+
+// Register as a named AMD module, since jQuery can be concatenated with other
+// files that may use define, but not via a proper concatenation script that
+// understands anonymous AMD modules. A named AMD is safest and most robust
+// way to register. Lowercase jquery is used because AMD module names are
+// derived from file names, and jQuery is normally delivered in a lowercase
+// file name. Do this after creating the global so that if an AMD module wants
+// to call noConflict to hide this version of jQuery, it will work.
+
+// Note that for maximum portability, libraries that are not jQuery should
+// declare themselves as anonymous modules, and avoid setting a global if an
+// AMD loader is present. jQuery is a special case. For more information, see
+// https://github.com/jrburke/requirejs/wiki/Updating-existing-libraries#wiki-anon
+
+if ( typeof define === "function" && define.amd ) {
+ define( "jquery", [], function() {
+ return jQuery;
+ });
+}
+
+
+
+
+var
+ // Map over jQuery in case of overwrite
+ _jQuery = window.jQuery,
+
+ // Map over the $ in case of overwrite
+ _$ = window.$;
+
+jQuery.noConflict = function( deep ) {
+ if ( window.$ === jQuery ) {
+ window.$ = _$;
+ }
+
+ if ( deep && window.jQuery === jQuery ) {
+ window.jQuery = _jQuery;
+ }
+
+ return jQuery;
+};
+
+// Expose jQuery and $ identifiers, even in
+// AMD (#7102#comment:10, https://github.com/jquery/jquery/pull/557)
+// and CommonJS for browser emulators (#13566)
+if ( typeof noGlobal === strundefined ) {
+ window.jQuery = window.$ = jQuery;
+}
+
+
+
+
+return jQuery;
+
+}));
diff --git a/mamweb/static/js/jquery.jcarousel-core.js b/mamweb/static/js/jquery.jcarousel-core.js
new file mode 100644
index 00000000..0054c007
--- /dev/null
+++ b/mamweb/static/js/jquery.jcarousel-core.js
@@ -0,0 +1,1021 @@
+/*! jCarousel - v0.3.1 - 2014-04-26
+* http://sorgalla.com/jcarousel
+* Copyright (c) 2014 Jan Sorgalla; Licensed MIT */
+(function($) {
+ 'use strict';
+
+ var jCarousel = $.jCarousel = {};
+
+ jCarousel.version = '0.3.1';
+
+ var rRelativeTarget = /^([+\-]=)?(.+)$/;
+
+ jCarousel.parseTarget = function(target) {
+ var relative = false,
+ parts = typeof target !== 'object' ?
+ rRelativeTarget.exec(target) :
+ null;
+
+ if (parts) {
+ target = parseInt(parts[2], 10) || 0;
+
+ if (parts[1]) {
+ relative = true;
+ if (parts[1] === '-=') {
+ target *= -1;
+ }
+ }
+ } else if (typeof target !== 'object') {
+ target = parseInt(target, 10) || 0;
+ }
+
+ return {
+ target: target,
+ relative: relative
+ };
+ };
+
+ jCarousel.detectCarousel = function(element) {
+ var carousel;
+
+ while (element.length > 0) {
+ carousel = element.filter('[data-jcarousel]');
+
+ if (carousel.length > 0) {
+ return carousel;
+ }
+
+ carousel = element.find('[data-jcarousel]');
+
+ if (carousel.length > 0) {
+ return carousel;
+ }
+
+ element = element.parent();
+ }
+
+ return null;
+ };
+
+ jCarousel.base = function(pluginName) {
+ return {
+ version: jCarousel.version,
+ _options: {},
+ _element: null,
+ _carousel: null,
+ _init: $.noop,
+ _create: $.noop,
+ _destroy: $.noop,
+ _reload: $.noop,
+ create: function() {
+ this._element
+ .attr('data-' + pluginName.toLowerCase(), true)
+ .data(pluginName, this);
+
+ if (false === this._trigger('create')) {
+ return this;
+ }
+
+ this._create();
+
+ this._trigger('createend');
+
+ return this;
+ },
+ destroy: function() {
+ if (false === this._trigger('destroy')) {
+ return this;
+ }
+
+ this._destroy();
+
+ this._trigger('destroyend');
+
+ this._element
+ .removeData(pluginName)
+ .removeAttr('data-' + pluginName.toLowerCase());
+
+ return this;
+ },
+ reload: function(options) {
+ if (false === this._trigger('reload')) {
+ return this;
+ }
+
+ if (options) {
+ this.options(options);
+ }
+
+ this._reload();
+
+ this._trigger('reloadend');
+
+ return this;
+ },
+ element: function() {
+ return this._element;
+ },
+ options: function(key, value) {
+ if (arguments.length === 0) {
+ return $.extend({}, this._options);
+ }
+
+ if (typeof key === 'string') {
+ if (typeof value === 'undefined') {
+ return typeof this._options[key] === 'undefined' ?
+ null :
+ this._options[key];
+ }
+
+ this._options[key] = value;
+ } else {
+ this._options = $.extend({}, this._options, key);
+ }
+
+ return this;
+ },
+ carousel: function() {
+ if (!this._carousel) {
+ this._carousel = jCarousel.detectCarousel(this.options('carousel') || this._element);
+
+ if (!this._carousel) {
+ $.error('Could not detect carousel for plugin "' + pluginName + '"');
+ }
+ }
+
+ return this._carousel;
+ },
+ _trigger: function(type, element, data) {
+ var event,
+ defaultPrevented = false;
+
+ data = [this].concat(data || []);
+
+ (element || this._element).each(function() {
+ event = $.Event((pluginName + ':' + type).toLowerCase());
+
+ $(this).trigger(event, data);
+
+ if (event.isDefaultPrevented()) {
+ defaultPrevented = true;
+ }
+ });
+
+ return !defaultPrevented;
+ }
+ };
+ };
+
+ jCarousel.plugin = function(pluginName, pluginPrototype) {
+ var Plugin = $[pluginName] = function(element, options) {
+ this._element = $(element);
+ this.options(options);
+
+ this._init();
+ this.create();
+ };
+
+ Plugin.fn = Plugin.prototype = $.extend(
+ {},
+ jCarousel.base(pluginName),
+ pluginPrototype
+ );
+
+ $.fn[pluginName] = function(options) {
+ var args = Array.prototype.slice.call(arguments, 1),
+ returnValue = this;
+
+ if (typeof options === 'string') {
+ this.each(function() {
+ var instance = $(this).data(pluginName);
+
+ if (!instance) {
+ return $.error(
+ 'Cannot call methods on ' + pluginName + ' prior to initialization; ' +
+ 'attempted to call method "' + options + '"'
+ );
+ }
+
+ if (!$.isFunction(instance[options]) || options.charAt(0) === '_') {
+ return $.error(
+ 'No such method "' + options + '" for ' + pluginName + ' instance'
+ );
+ }
+
+ var methodValue = instance[options].apply(instance, args);
+
+ if (methodValue !== instance && typeof methodValue !== 'undefined') {
+ returnValue = methodValue;
+ return false;
+ }
+ });
+ } else {
+ this.each(function() {
+ var instance = $(this).data(pluginName);
+
+ if (instance instanceof Plugin) {
+ instance.reload(options);
+ } else {
+ new Plugin(this, options);
+ }
+ });
+ }
+
+ return returnValue;
+ };
+
+ return Plugin;
+ };
+}(jQuery));
+
+(function($, window) {
+ 'use strict';
+
+ var toFloat = function(val) {
+ return parseFloat(val) || 0;
+ };
+
+ $.jCarousel.plugin('jcarousel', {
+ animating: false,
+ tail: 0,
+ inTail: false,
+ resizeTimer: null,
+ lt: null,
+ vertical: false,
+ rtl: false,
+ circular: false,
+ underflow: false,
+ relative: false,
+
+ _options: {
+ list: function() {
+ return this.element().children().eq(0);
+ },
+ items: function() {
+ return this.list().children();
+ },
+ animation: 400,
+ transitions: false,
+ wrap: null,
+ vertical: null,
+ rtl: null,
+ center: false
+ },
+
+ // Protected, don't access directly
+ _list: null,
+ _items: null,
+ _target: null,
+ _first: null,
+ _last: null,
+ _visible: null,
+ _fullyvisible: null,
+ _init: function() {
+ var self = this;
+
+ this.onWindowResize = function() {
+ if (self.resizeTimer) {
+ clearTimeout(self.resizeTimer);
+ }
+
+ self.resizeTimer = setTimeout(function() {
+ self.reload();
+ }, 100);
+ };
+
+ return this;
+ },
+ _create: function() {
+ this._reload();
+
+ $(window).on('resize.jcarousel', this.onWindowResize);
+ },
+ _destroy: function() {
+ $(window).off('resize.jcarousel', this.onWindowResize);
+ },
+ _reload: function() {
+ this.vertical = this.options('vertical');
+
+ if (this.vertical == null) {
+ this.vertical = this.list().height() > this.list().width();
+ }
+
+ this.rtl = this.options('rtl');
+
+ if (this.rtl == null) {
+ this.rtl = (function(element) {
+ if (('' + element.attr('dir')).toLowerCase() === 'rtl') {
+ return true;
+ }
+
+ var found = false;
+
+ element.parents('[dir]').each(function() {
+ if ((/rtl/i).test($(this).attr('dir'))) {
+ found = true;
+ return false;
+ }
+ });
+
+ return found;
+ }(this._element));
+ }
+
+ this.lt = this.vertical ? 'top' : 'left';
+
+ // Ensure before closest() call
+ this.relative = this.list().css('position') === 'relative';
+
+ // Force list and items reload
+ this._list = null;
+ this._items = null;
+
+ var item = this._target && this.index(this._target) >= 0 ?
+ this._target :
+ this.closest();
+
+ // _prepare() needs this here
+ this.circular = this.options('wrap') === 'circular';
+ this.underflow = false;
+
+ var props = {'left': 0, 'top': 0};
+
+ if (item.length > 0) {
+ this._prepare(item);
+ this.list().find('[data-jcarousel-clone]').remove();
+
+ // Force items reload
+ this._items = null;
+
+ this.underflow = this._fullyvisible.length >= this.items().length;
+ this.circular = this.circular && !this.underflow;
+
+ props[this.lt] = this._position(item) + 'px';
+ }
+
+ this.move(props);
+
+ return this;
+ },
+ list: function() {
+ if (this._list === null) {
+ var option = this.options('list');
+ this._list = $.isFunction(option) ? option.call(this) : this._element.find(option);
+ }
+
+ return this._list;
+ },
+ items: function() {
+ if (this._items === null) {
+ var option = this.options('items');
+ this._items = ($.isFunction(option) ? option.call(this) : this.list().find(option)).not('[data-jcarousel-clone]');
+ }
+
+ return this._items;
+ },
+ index: function(item) {
+ return this.items().index(item);
+ },
+ closest: function() {
+ var self = this,
+ pos = this.list().position()[this.lt],
+ closest = $(), // Ensure we're returning a jQuery instance
+ stop = false,
+ lrb = this.vertical ? 'bottom' : (this.rtl && !this.relative ? 'left' : 'right'),
+ width;
+
+ if (this.rtl && this.relative && !this.vertical) {
+ pos += this.list().width() - this.clipping();
+ }
+
+ this.items().each(function() {
+ closest = $(this);
+
+ if (stop) {
+ return false;
+ }
+
+ var dim = self.dimension(closest);
+
+ pos += dim;
+
+ if (pos >= 0) {
+ width = dim - toFloat(closest.css('margin-' + lrb));
+
+ if ((Math.abs(pos) - dim + (width / 2)) <= 0) {
+ stop = true;
+ } else {
+ return false;
+ }
+ }
+ });
+
+
+ return closest;
+ },
+ target: function() {
+ return this._target;
+ },
+ first: function() {
+ return this._first;
+ },
+ last: function() {
+ return this._last;
+ },
+ visible: function() {
+ return this._visible;
+ },
+ fullyvisible: function() {
+ return this._fullyvisible;
+ },
+ hasNext: function() {
+ if (false === this._trigger('hasnext')) {
+ return true;
+ }
+
+ var wrap = this.options('wrap'),
+ end = this.items().length - 1;
+
+ return end >= 0 && !this.underflow &&
+ ((wrap && wrap !== 'first') ||
+ (this.index(this._last) < end) ||
+ (this.tail && !this.inTail)) ? true : false;
+ },
+ hasPrev: function() {
+ if (false === this._trigger('hasprev')) {
+ return true;
+ }
+
+ var wrap = this.options('wrap');
+
+ return this.items().length > 0 && !this.underflow &&
+ ((wrap && wrap !== 'last') ||
+ (this.index(this._first) > 0) ||
+ (this.tail && this.inTail)) ? true : false;
+ },
+ clipping: function() {
+ return this._element['inner' + (this.vertical ? 'Height' : 'Width')]();
+ },
+ dimension: function(element) {
+ return element['outer' + (this.vertical ? 'Height' : 'Width')](true);
+ },
+ scroll: function(target, animate, callback) {
+ if (this.animating) {
+ return this;
+ }
+
+ if (false === this._trigger('scroll', null, [target, animate])) {
+ return this;
+ }
+
+ if ($.isFunction(animate)) {
+ callback = animate;
+ animate = true;
+ }
+
+ var parsed = $.jCarousel.parseTarget(target);
+
+ if (parsed.relative) {
+ var end = this.items().length - 1,
+ scroll = Math.abs(parsed.target),
+ wrap = this.options('wrap'),
+ current,
+ first,
+ index,
+ start,
+ curr,
+ isVisible,
+ props,
+ i;
+
+ if (parsed.target > 0) {
+ var last = this.index(this._last);
+
+ if (last >= end && this.tail) {
+ if (!this.inTail) {
+ this._scrollTail(animate, callback);
+ } else {
+ if (wrap === 'both' || wrap === 'last') {
+ this._scroll(0, animate, callback);
+ } else {
+ if ($.isFunction(callback)) {
+ callback.call(this, false);
+ }
+ }
+ }
+ } else {
+ current = this.index(this._target);
+
+ if ((this.underflow && current === end && (wrap === 'circular' || wrap === 'both' || wrap === 'last')) ||
+ (!this.underflow && last === end && (wrap === 'both' || wrap === 'last'))) {
+ this._scroll(0, animate, callback);
+ } else {
+ index = current + scroll;
+
+ if (this.circular && index > end) {
+ i = end;
+ curr = this.items().get(-1);
+
+ while (i++ < index) {
+ curr = this.items().eq(0);
+ isVisible = this._visible.index(curr) >= 0;
+
+ if (isVisible) {
+ curr.after(curr.clone(true).attr('data-jcarousel-clone', true));
+ }
+
+ this.list().append(curr);
+
+ if (!isVisible) {
+ props = {};
+ props[this.lt] = this.dimension(curr);
+ this.moveBy(props);
+ }
+
+ // Force items reload
+ this._items = null;
+ }
+
+ this._scroll(curr, animate, callback);
+ } else {
+ this._scroll(Math.min(index, end), animate, callback);
+ }
+ }
+ }
+ } else {
+ if (this.inTail) {
+ this._scroll(Math.max((this.index(this._first) - scroll) + 1, 0), animate, callback);
+ } else {
+ first = this.index(this._first);
+ current = this.index(this._target);
+ start = this.underflow ? current : first;
+ index = start - scroll;
+
+ if (start <= 0 && ((this.underflow && wrap === 'circular') || wrap === 'both' || wrap === 'first')) {
+ this._scroll(end, animate, callback);
+ } else {
+ if (this.circular && index < 0) {
+ i = index;
+ curr = this.items().get(0);
+
+ while (i++ < 0) {
+ curr = this.items().eq(-1);
+ isVisible = this._visible.index(curr) >= 0;
+
+ if (isVisible) {
+ curr.after(curr.clone(true).attr('data-jcarousel-clone', true));
+ }
+
+ this.list().prepend(curr);
+
+ // Force items reload
+ this._items = null;
+
+ var dim = this.dimension(curr);
+
+ props = {};
+ props[this.lt] = -dim;
+ this.moveBy(props);
+
+ }
+
+ this._scroll(curr, animate, callback);
+ } else {
+ this._scroll(Math.max(index, 0), animate, callback);
+ }
+ }
+ }
+ }
+ } else {
+ this._scroll(parsed.target, animate, callback);
+ }
+
+ this._trigger('scrollend');
+
+ return this;
+ },
+ moveBy: function(properties, opts) {
+ var position = this.list().position(),
+ multiplier = 1,
+ correction = 0;
+
+ if (this.rtl && !this.vertical) {
+ multiplier = -1;
+
+ if (this.relative) {
+ correction = this.list().width() - this.clipping();
+ }
+ }
+
+ if (properties.left) {
+ properties.left = (position.left + correction + toFloat(properties.left) * multiplier) + 'px';
+ }
+
+ if (properties.top) {
+ properties.top = (position.top + correction + toFloat(properties.top) * multiplier) + 'px';
+ }
+
+ return this.move(properties, opts);
+ },
+ move: function(properties, opts) {
+ opts = opts || {};
+
+ var option = this.options('transitions'),
+ transitions = !!option,
+ transforms = !!option.transforms,
+ transforms3d = !!option.transforms3d,
+ duration = opts.duration || 0,
+ list = this.list();
+
+ if (!transitions && duration > 0) {
+ list.animate(properties, opts);
+ return;
+ }
+
+ var complete = opts.complete || $.noop,
+ css = {};
+
+ if (transitions) {
+ var backup = list.css(['transitionDuration', 'transitionTimingFunction', 'transitionProperty']),
+ oldComplete = complete;
+
+ complete = function() {
+ $(this).css(backup);
+ oldComplete.call(this);
+ };
+ css = {
+ transitionDuration: (duration > 0 ? duration / 1000 : 0) + 's',
+ transitionTimingFunction: option.easing || opts.easing,
+ transitionProperty: duration > 0 ? (function() {
+ if (transforms || transforms3d) {
+ // We have to use 'all' because jQuery doesn't prefix
+ // css values, like transition-property: transform;
+ return 'all';
+ }
+
+ return properties.left ? 'left' : 'top';
+ })() : 'none',
+ transform: 'none'
+ };
+ }
+
+ if (transforms3d) {
+ css.transform = 'translate3d(' + (properties.left || 0) + ',' + (properties.top || 0) + ',0)';
+ } else if (transforms) {
+ css.transform = 'translate(' + (properties.left || 0) + ',' + (properties.top || 0) + ')';
+ } else {
+ $.extend(css, properties);
+ }
+
+ if (transitions && duration > 0) {
+ list.one('transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd', complete);
+ }
+
+ list.css(css);
+
+ if (duration <= 0) {
+ list.each(function() {
+ complete.call(this);
+ });
+ }
+ },
+ _scroll: function(item, animate, callback) {
+ if (this.animating) {
+ if ($.isFunction(callback)) {
+ callback.call(this, false);
+ }
+
+ return this;
+ }
+
+ if (typeof item !== 'object') {
+ item = this.items().eq(item);
+ } else if (typeof item.jquery === 'undefined') {
+ item = $(item);
+ }
+
+ if (item.length === 0) {
+ if ($.isFunction(callback)) {
+ callback.call(this, false);
+ }
+
+ return this;
+ }
+
+ this.inTail = false;
+
+ this._prepare(item);
+
+ var pos = this._position(item),
+ currPos = this.list().position()[this.lt];
+
+ if (pos === currPos) {
+ if ($.isFunction(callback)) {
+ callback.call(this, false);
+ }
+
+ return this;
+ }
+
+ var properties = {};
+ properties[this.lt] = pos + 'px';
+
+ this._animate(properties, animate, callback);
+
+ return this;
+ },
+ _scrollTail: function(animate, callback) {
+ if (this.animating || !this.tail) {
+ if ($.isFunction(callback)) {
+ callback.call(this, false);
+ }
+
+ return this;
+ }
+
+ var pos = this.list().position()[this.lt];
+
+ if (this.rtl && this.relative && !this.vertical) {
+ pos += this.list().width() - this.clipping();
+ }
+
+ if (this.rtl && !this.vertical) {
+ pos += this.tail;
+ } else {
+ pos -= this.tail;
+ }
+
+ this.inTail = true;
+
+ var properties = {};
+ properties[this.lt] = pos + 'px';
+
+ this._update({
+ target: this._target.next(),
+ fullyvisible: this._fullyvisible.slice(1).add(this._visible.last())
+ });
+
+ this._animate(properties, animate, callback);
+
+ return this;
+ },
+ _animate: function(properties, animate, callback) {
+ callback = callback || $.noop;
+
+ if (false === this._trigger('animate')) {
+ callback.call(this, false);
+ return this;
+ }
+
+ this.animating = true;
+
+ var animation = this.options('animation'),
+ complete = $.proxy(function() {
+ this.animating = false;
+
+ var c = this.list().find('[data-jcarousel-clone]');
+
+ if (c.length > 0) {
+ c.remove();
+ this._reload();
+ }
+
+ this._trigger('animateend');
+
+ callback.call(this, true);
+ }, this);
+
+ var opts = typeof animation === 'object' ?
+ $.extend({}, animation) :
+ {duration: animation},
+ oldComplete = opts.complete || $.noop;
+
+ if (animate === false) {
+ opts.duration = 0;
+ } else if (typeof $.fx.speeds[opts.duration] !== 'undefined') {
+ opts.duration = $.fx.speeds[opts.duration];
+ }
+
+ opts.complete = function() {
+ complete();
+ oldComplete.call(this);
+ };
+
+ this.move(properties, opts);
+
+ return this;
+ },
+ _prepare: function(item) {
+ var index = this.index(item),
+ idx = index,
+ wh = this.dimension(item),
+ clip = this.clipping(),
+ lrb = this.vertical ? 'bottom' : (this.rtl ? 'left' : 'right'),
+ center = this.options('center'),
+ update = {
+ target: item,
+ first: item,
+ last: item,
+ visible: item,
+ fullyvisible: wh <= clip ? item : $()
+ },
+ curr,
+ isVisible,
+ margin,
+ dim;
+
+ if (center) {
+ wh /= 2;
+ clip /= 2;
+ }
+
+ if (wh < clip) {
+ while (true) {
+ curr = this.items().eq(++idx);
+
+ if (curr.length === 0) {
+ if (!this.circular) {
+ break;
+ }
+
+ curr = this.items().eq(0);
+
+ if (item.get(0) === curr.get(0)) {
+ break;
+ }
+
+ isVisible = this._visible.index(curr) >= 0;
+
+ if (isVisible) {
+ curr.after(curr.clone(true).attr('data-jcarousel-clone', true));
+ }
+
+ this.list().append(curr);
+
+ if (!isVisible) {
+ var props = {};
+ props[this.lt] = this.dimension(curr);
+ this.moveBy(props);
+ }
+
+ // Force items reload
+ this._items = null;
+ }
+
+ dim = this.dimension(curr);
+
+ if (dim === 0) {
+ break;
+ }
+
+ wh += dim;
+
+ update.last = curr;
+ update.visible = update.visible.add(curr);
+
+ // Remove right/bottom margin from total width
+ margin = toFloat(curr.css('margin-' + lrb));
+
+ if ((wh - margin) <= clip) {
+ update.fullyvisible = update.fullyvisible.add(curr);
+ }
+
+ if (wh >= clip) {
+ break;
+ }
+ }
+ }
+
+ if (!this.circular && !center && wh < clip) {
+ idx = index;
+
+ while (true) {
+ if (--idx < 0) {
+ break;
+ }
+
+ curr = this.items().eq(idx);
+
+ if (curr.length === 0) {
+ break;
+ }
+
+ dim = this.dimension(curr);
+
+ if (dim === 0) {
+ break;
+ }
+
+ wh += dim;
+
+ update.first = curr;
+ update.visible = update.visible.add(curr);
+
+ // Remove right/bottom margin from total width
+ margin = toFloat(curr.css('margin-' + lrb));
+
+ if ((wh - margin) <= clip) {
+ update.fullyvisible = update.fullyvisible.add(curr);
+ }
+
+ if (wh >= clip) {
+ break;
+ }
+ }
+ }
+
+ this._update(update);
+
+ this.tail = 0;
+
+ if (!center &&
+ this.options('wrap') !== 'circular' &&
+ this.options('wrap') !== 'custom' &&
+ this.index(update.last) === (this.items().length - 1)) {
+
+ // Remove right/bottom margin from total width
+ wh -= toFloat(update.last.css('margin-' + lrb));
+
+ if (wh > clip) {
+ this.tail = wh - clip;
+ }
+ }
+
+ return this;
+ },
+ _position: function(item) {
+ var first = this._first,
+ pos = first.position()[this.lt],
+ center = this.options('center'),
+ centerOffset = center ? (this.clipping() / 2) - (this.dimension(first) / 2) : 0;
+
+ if (this.rtl && !this.vertical) {
+ if (this.relative) {
+ pos -= this.list().width() - this.dimension(first);
+ } else {
+ pos -= this.clipping() - this.dimension(first);
+ }
+
+ pos += centerOffset;
+ } else {
+ pos -= centerOffset;
+ }
+
+ if (!center &&
+ (this.index(item) > this.index(first) || this.inTail) &&
+ this.tail) {
+ pos = this.rtl && !this.vertical ? pos - this.tail : pos + this.tail;
+ this.inTail = true;
+ } else {
+ this.inTail = false;
+ }
+
+ return -pos;
+ },
+ _update: function(update) {
+ var self = this,
+ current = {
+ target: this._target || $(),
+ first: this._first || $(),
+ last: this._last || $(),
+ visible: this._visible || $(),
+ fullyvisible: this._fullyvisible || $()
+ },
+ back = this.index(update.first || current.first) < this.index(current.first),
+ key,
+ doUpdate = function(key) {
+ var elIn = [],
+ elOut = [];
+
+ update[key].each(function() {
+ if (current[key].index(this) < 0) {
+ elIn.push(this);
+ }
+ });
+
+ current[key].each(function() {
+ if (update[key].index(this) < 0) {
+ elOut.push(this);
+ }
+ });
+
+ if (back) {
+ elIn = elIn.reverse();
+ } else {
+ elOut = elOut.reverse();
+ }
+
+ self._trigger(key + 'in', $(elIn));
+ self._trigger(key + 'out', $(elOut));
+
+ self['_' + key] = update[key];
+ };
+
+ for (key in update) {
+ doUpdate(key);
+ }
+
+ return this;
+ }
+ });
+}(jQuery, window));
diff --git a/mamweb/static/js/jquery.prettyPhoto.js b/mamweb/static/js/jquery.prettyPhoto.js
new file mode 100644
index 00000000..0436a493
--- /dev/null
+++ b/mamweb/static/js/jquery.prettyPhoto.js
@@ -0,0 +1,911 @@
+/* ------------------------------------------------------------------------
+ Class: prettyPhoto
+ Use: Lightbox clone for jQuery
+ Author: Stephane Caron (http://www.no-margin-for-errors.com)
+ Version: 3.1.5
+------------------------------------------------------------------------- */
+(function($) {
+ $.prettyPhoto = {version: '3.1.5'};
+
+ $.fn.prettyPhoto = function(pp_settings) {
+ pp_settings = jQuery.extend({
+ hook: 'rel', /* the attribute tag to use for prettyPhoto hooks. default: 'rel'. For HTML5, use "data-rel" or similar. */
+ animation_speed: 'fast', /* fast/slow/normal */
+ ajaxcallback: function() {},
+ slideshow: 5000, /* false OR interval time in ms */
+ autoplay_slideshow: false, /* true/false */
+ opacity: 0.80, /* Value between 0 and 1 */
+ show_title: true, /* true/false */
+ allow_resize: true, /* Resize the photos bigger than viewport. true/false */
+ allow_expand: true, /* Allow the user to expand a resized image. true/false */
+ default_width: 500,
+ default_height: 344,
+ counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */
+ theme: 'pp_default', /* light_rounded / dark_rounded / light_square / dark_square / facebook */
+ horizontal_padding: 20, /* The padding on each side of the picture */
+ hideflash: false, /* Hides all the flash object on a page, set to TRUE if flash appears over prettyPhoto */
+ wmode: 'opaque', /* Set the flash wmode attribute */
+ autoplay: true, /* Automatically start videos: True/False */
+ modal: false, /* If set to true, only the close button will close the window */
+ deeplinking: true, /* Allow prettyPhoto to update the url to enable deeplinking. */
+ overlay_gallery: true, /* If set to true, a gallery will overlay the fullscreen image on mouse over */
+ overlay_gallery_max: 30, /* Maximum number of pictures in the overlay gallery */
+ keyboard_shortcuts: true, /* Set to false if you open forms inside prettyPhoto */
+ changepicturecallback: function(){}, /* Called everytime an item is shown/changed */
+ callback: function(){}, /* Called when prettyPhoto is closed */
+ ie6_fallback: true,
+ markup: '
\
+
\
+
\
+
\
+
\
+
\
+
\
+
\
+
\
+
Expand \
+
\
+
\
+
\
+
\
+
\
+
{pp_social}
\
+
Close \
+
\
+
\
+
\
+
\
+
\
+
\
+
\
+
\
+
',
+ gallery_markup: '
',
+ image_markup: '
',
+ flash_markup: '
',
+ quicktime_markup: '
',
+ iframe_markup: '
',
+ inline_markup: '
{content}
',
+ custom_markup: '',
+ social_tools: '
' /* html or false to disable */
+ }, pp_settings);
+
+ // Global variables accessible only by prettyPhoto
+ var matchedObjects = this, percentBased = false, pp_dimensions, pp_open,
+
+ // prettyPhoto container specific
+ pp_contentHeight, pp_contentWidth, pp_containerHeight, pp_containerWidth,
+
+ // Window size
+ windowHeight = $(window).height(), windowWidth = $(window).width(),
+
+ // Global elements
+ pp_slideshow;
+
+ doresize = true, scroll_pos = _get_scroll();
+
+ // Window/Keyboard events
+ $(window).unbind('resize.prettyphoto').bind('resize.prettyphoto',function(){ _center_overlay(); _resize_overlay(); });
+
+ if(pp_settings.keyboard_shortcuts) {
+ $(document).unbind('keydown.prettyphoto').bind('keydown.prettyphoto',function(e){
+ if(typeof $pp_pic_holder != 'undefined'){
+ if($pp_pic_holder.is(':visible')){
+ switch(e.keyCode){
+ case 37:
+ $.prettyPhoto.changePage('previous');
+ e.preventDefault();
+ break;
+ case 39:
+ $.prettyPhoto.changePage('next');
+ e.preventDefault();
+ break;
+ case 27:
+ if(!settings.modal)
+ $.prettyPhoto.close();
+ e.preventDefault();
+ break;
+ };
+ // return false;
+ };
+ };
+ });
+ };
+
+ /**
+ * Initialize prettyPhoto.
+ */
+ $.prettyPhoto.initialize = function() {
+
+ settings = pp_settings;
+
+ if(settings.theme == 'pp_default') settings.horizontal_padding = 16;
+
+ // Find out if the picture is part of a set
+ theRel = $(this).attr(settings.hook);
+ galleryRegExp = /\[(?:.*)\]/;
+ isSet = (galleryRegExp.exec(theRel)) ? true : false;
+
+ // Put the SRCs, TITLEs, ALTs into an array.
+ pp_images = (isSet) ? jQuery.map(matchedObjects, function(n, i){ if($(n).attr(settings.hook).indexOf(theRel) != -1) return $(n).attr('href'); }) : $.makeArray($(this).attr('href'));
+ pp_titles = (isSet) ? jQuery.map(matchedObjects, function(n, i){ if($(n).attr(settings.hook).indexOf(theRel) != -1) return ($(n).find('img').attr('alt')) ? $(n).find('img').attr('alt') : ""; }) : $.makeArray($(this).find('img').attr('alt'));
+ pp_descriptions = (isSet) ? jQuery.map(matchedObjects, function(n, i){ if($(n).attr(settings.hook).indexOf(theRel) != -1) return ($(n).attr('title')) ? $(n).attr('title') : ""; }) : $.makeArray($(this).attr('title'));
+
+ if(pp_images.length > settings.overlay_gallery_max) settings.overlay_gallery = false;
+
+ set_position = jQuery.inArray($(this).attr('href'), pp_images); // Define where in the array the clicked item is positionned
+ rel_index = (isSet) ? set_position : $("a["+settings.hook+"^='"+theRel+"']").index($(this));
+
+ _build_overlay(this); // Build the overlay {this} being the caller
+
+ if(settings.allow_resize)
+ $(window).bind('scroll.prettyphoto',function(){ _center_overlay(); });
+
+
+ $.prettyPhoto.open();
+
+ return false;
+ }
+
+
+ /**
+ * Opens the prettyPhoto modal box.
+ * @param image {String,Array} Full path to the image to be open, can also be an array containing full images paths.
+ * @param title {String,Array} The title to be displayed with the picture, can also be an array containing all the titles.
+ * @param description {String,Array} The description to be displayed with the picture, can also be an array containing all the descriptions.
+ */
+ $.prettyPhoto.open = function(event) {
+ if(typeof settings == "undefined"){ // Means it's an API call, need to manually get the settings and set the variables
+ settings = pp_settings;
+ pp_images = $.makeArray(arguments[0]);
+ pp_titles = (arguments[1]) ? $.makeArray(arguments[1]) : $.makeArray("");
+ pp_descriptions = (arguments[2]) ? $.makeArray(arguments[2]) : $.makeArray("");
+ isSet = (pp_images.length > 1) ? true : false;
+ set_position = (arguments[3])? arguments[3]: 0;
+ _build_overlay(event.target); // Build the overlay {this} being the caller
+ }
+
+ if(settings.hideflash) $('object,embed,iframe[src*=youtube],iframe[src*=vimeo]').css('visibility','hidden'); // Hide the flash
+
+ _checkPosition($(pp_images).size()); // Hide the next/previous links if on first or last images.
+
+ $('.pp_loaderIcon').show();
+
+ if(settings.deeplinking)
+ setHashtag();
+
+ // Rebuild Facebook Like Button with updated href
+ if(settings.social_tools){
+ facebook_like_link = settings.social_tools.replace('{location_href}', encodeURIComponent(location.href));
+ $pp_pic_holder.find('.pp_social').html(facebook_like_link);
+ }
+
+ // Fade the content in
+ if($ppt.is(':hidden')) $ppt.css('opacity',0).show();
+ $pp_overlay.show().fadeTo(settings.animation_speed,settings.opacity);
+
+ // Display the current position
+ $pp_pic_holder.find('.currentTextHolder').text((set_position+1) + settings.counter_separator_label + $(pp_images).size());
+
+ // Set the description
+ if(typeof pp_descriptions[set_position] != 'undefined' && pp_descriptions[set_position] != ""){
+ $pp_pic_holder.find('.pp_description').show().html(unescape(pp_descriptions[set_position]));
+ }else{
+ $pp_pic_holder.find('.pp_description').hide();
+ }
+
+ // Get the dimensions
+ movie_width = ( parseFloat(getParam('width',pp_images[set_position])) ) ? getParam('width',pp_images[set_position]) : settings.default_width.toString();
+ movie_height = ( parseFloat(getParam('height',pp_images[set_position])) ) ? getParam('height',pp_images[set_position]) : settings.default_height.toString();
+
+ // If the size is % based, calculate according to window dimensions
+ percentBased=false;
+ if(movie_height.indexOf('%') != -1) { movie_height = parseFloat(($(window).height() * parseFloat(movie_height) / 100) - 150); percentBased = true; }
+ if(movie_width.indexOf('%') != -1) { movie_width = parseFloat(($(window).width() * parseFloat(movie_width) / 100) - 150); percentBased = true; }
+
+ // Fade the holder
+ $pp_pic_holder.fadeIn(function(){
+ // Set the title
+ (settings.show_title && pp_titles[set_position] != "" && typeof pp_titles[set_position] != "undefined") ? $ppt.html(unescape(pp_titles[set_position])) : $ppt.html(' ');
+
+ imgPreloader = "";
+ skipInjection = false;
+
+ // Inject the proper content
+ switch(_getFileType(pp_images[set_position])){
+ case 'image':
+ imgPreloader = new Image();
+
+ // Preload the neighbour images
+ nextImage = new Image();
+ if(isSet && set_position < $(pp_images).size() -1) nextImage.src = pp_images[set_position + 1];
+ prevImage = new Image();
+ if(isSet && pp_images[set_position - 1]) prevImage.src = pp_images[set_position - 1];
+
+ $pp_pic_holder.find('#pp_full_res')[0].innerHTML = settings.image_markup.replace(/{path}/g,pp_images[set_position]);
+
+ imgPreloader.onload = function(){
+ // Fit item to viewport
+ pp_dimensions = _fitToViewport(imgPreloader.width,imgPreloader.height);
+
+ _showContent();
+ };
+
+ imgPreloader.onerror = function(){
+ alert('Image cannot be loaded. Make sure the path is correct and image exist.');
+ $.prettyPhoto.close();
+ };
+
+ imgPreloader.src = pp_images[set_position];
+ break;
+
+ case 'youtube':
+ pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
+
+ // Regular youtube link
+ movie_id = getParam('v',pp_images[set_position]);
+
+ // youtu.be link
+ if(movie_id == ""){
+ movie_id = pp_images[set_position].split('youtu.be/');
+ movie_id = movie_id[1];
+ if(movie_id.indexOf('?') > 0)
+ movie_id = movie_id.substr(0,movie_id.indexOf('?')); // Strip anything after the ?
+
+ if(movie_id.indexOf('&') > 0)
+ movie_id = movie_id.substr(0,movie_id.indexOf('&')); // Strip anything after the &
+ }
+
+ movie = 'http://www.youtube.com/embed/'+movie_id;
+ (getParam('rel',pp_images[set_position])) ? movie+="?rel="+getParam('rel',pp_images[set_position]) : movie+="?rel=1";
+
+ if(settings.autoplay) movie += "&autoplay=1";
+
+ toInject = settings.iframe_markup.replace(/{width}/g,pp_dimensions['width']).replace(/{height}/g,pp_dimensions['height']).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,movie);
+ break;
+
+ case 'vimeo':
+ pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
+
+ movie_id = pp_images[set_position];
+ var regExp = /http(s?):\/\/(www\.)?vimeo.com\/(\d+)/;
+ var match = movie_id.match(regExp);
+
+ movie = 'http://player.vimeo.com/video/'+ match[3] +'?title=0&byline=0&portrait=0';
+ if(settings.autoplay) movie += "&autoplay=1;";
+
+ vimeo_width = pp_dimensions['width'] + '/embed/?moog_width='+ pp_dimensions['width'];
+
+ toInject = settings.iframe_markup.replace(/{width}/g,vimeo_width).replace(/{height}/g,pp_dimensions['height']).replace(/{path}/g,movie);
+ break;
+
+ case 'quicktime':
+ pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
+ pp_dimensions['height']+=15; pp_dimensions['contentHeight']+=15; pp_dimensions['containerHeight']+=15; // Add space for the control bar
+
+ toInject = settings.quicktime_markup.replace(/{width}/g,pp_dimensions['width']).replace(/{height}/g,pp_dimensions['height']).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,pp_images[set_position]).replace(/{autoplay}/g,settings.autoplay);
+ break;
+
+ case 'flash':
+ pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
+
+ flash_vars = pp_images[set_position];
+ flash_vars = flash_vars.substring(pp_images[set_position].indexOf('flashvars') + 10,pp_images[set_position].length);
+
+ filename = pp_images[set_position];
+ filename = filename.substring(0,filename.indexOf('?'));
+
+ toInject = settings.flash_markup.replace(/{width}/g,pp_dimensions['width']).replace(/{height}/g,pp_dimensions['height']).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,filename+'?'+flash_vars);
+ break;
+
+ case 'iframe':
+ pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
+
+ frame_url = pp_images[set_position];
+ frame_url = frame_url.substr(0,frame_url.indexOf('iframe')-1);
+
+ toInject = settings.iframe_markup.replace(/{width}/g,pp_dimensions['width']).replace(/{height}/g,pp_dimensions['height']).replace(/{path}/g,frame_url);
+ break;
+
+ case 'ajax':
+ doresize = false; // Make sure the dimensions are not resized.
+ pp_dimensions = _fitToViewport(movie_width,movie_height);
+ doresize = true; // Reset the dimensions
+
+ skipInjection = true;
+ $.get(pp_images[set_position],function(responseHTML){
+ toInject = settings.inline_markup.replace(/{content}/g,responseHTML);
+ $pp_pic_holder.find('#pp_full_res')[0].innerHTML = toInject;
+ _showContent();
+ });
+
+ break;
+
+ case 'custom':
+ pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
+
+ toInject = settings.custom_markup;
+ break;
+
+ case 'inline':
+ // to get the item height clone it, apply default width, wrap it in the prettyPhoto containers , then delete
+ myClone = $(pp_images[set_position]).clone().append('
').css({'width':settings.default_width}).wrapInner('
').appendTo($('body')).show();
+ doresize = false; // Make sure the dimensions are not resized.
+ pp_dimensions = _fitToViewport($(myClone).width(),$(myClone).height());
+ doresize = true; // Reset the dimensions
+ $(myClone).remove();
+ toInject = settings.inline_markup.replace(/{content}/g,$(pp_images[set_position]).html());
+ break;
+ };
+
+ if(!imgPreloader && !skipInjection){
+ $pp_pic_holder.find('#pp_full_res')[0].innerHTML = toInject;
+
+ // Show content
+ _showContent();
+ };
+ });
+
+ return false;
+ };
+
+
+ /**
+ * Change page in the prettyPhoto modal box
+ * @param direction {String} Direction of the paging, previous or next.
+ */
+ $.prettyPhoto.changePage = function(direction){
+ currentGalleryPage = 0;
+
+ if(direction == 'previous') {
+ set_position--;
+ if (set_position < 0) set_position = $(pp_images).size()-1;
+ }else if(direction == 'next'){
+ set_position++;
+ if(set_position > $(pp_images).size()-1) set_position = 0;
+ }else{
+ set_position=direction;
+ };
+
+ rel_index = set_position;
+
+ if(!doresize) doresize = true; // Allow the resizing of the images
+ if(settings.allow_expand) {
+ $('.pp_contract').removeClass('pp_contract').addClass('pp_expand');
+ }
+
+ _hideContent(function(){ $.prettyPhoto.open(); });
+ };
+
+
+ /**
+ * Change gallery page in the prettyPhoto modal box
+ * @param direction {String} Direction of the paging, previous or next.
+ */
+ $.prettyPhoto.changeGalleryPage = function(direction){
+ if(direction=='next'){
+ currentGalleryPage ++;
+
+ if(currentGalleryPage > totalPage) currentGalleryPage = 0;
+ }else if(direction=='previous'){
+ currentGalleryPage --;
+
+ if(currentGalleryPage < 0) currentGalleryPage = totalPage;
+ }else{
+ currentGalleryPage = direction;
+ };
+
+ slide_speed = (direction == 'next' || direction == 'previous') ? settings.animation_speed : 0;
+
+ slide_to = currentGalleryPage * (itemsPerPage * itemWidth);
+
+ $pp_gallery.find('ul').animate({left:-slide_to},slide_speed);
+ };
+
+
+ /**
+ * Start the slideshow...
+ */
+ $.prettyPhoto.startSlideshow = function(){
+ if(typeof pp_slideshow == 'undefined'){
+ $pp_pic_holder.find('.pp_play').unbind('click').removeClass('pp_play').addClass('pp_pause').click(function(){
+ $.prettyPhoto.stopSlideshow();
+ return false;
+ });
+ pp_slideshow = setInterval($.prettyPhoto.startSlideshow,settings.slideshow);
+ }else{
+ $.prettyPhoto.changePage('next');
+ };
+ }
+
+
+ /**
+ * Stop the slideshow...
+ */
+ $.prettyPhoto.stopSlideshow = function(){
+ $pp_pic_holder.find('.pp_pause').unbind('click').removeClass('pp_pause').addClass('pp_play').click(function(){
+ $.prettyPhoto.startSlideshow();
+ return false;
+ });
+ clearInterval(pp_slideshow);
+ pp_slideshow=undefined;
+ }
+
+
+ /**
+ * Closes prettyPhoto.
+ */
+ $.prettyPhoto.close = function(){
+ if($pp_overlay.is(":animated")) return;
+
+ $.prettyPhoto.stopSlideshow();
+
+ $pp_pic_holder.stop().find('object,embed').css('visibility','hidden');
+
+ $('div.pp_pic_holder,div.ppt,.pp_fade').fadeOut(settings.animation_speed,function(){ $(this).remove(); });
+
+ $pp_overlay.fadeOut(settings.animation_speed, function(){
+
+ if(settings.hideflash) $('object,embed,iframe[src*=youtube],iframe[src*=vimeo]').css('visibility','visible'); // Show the flash
+
+ $(this).remove(); // No more need for the prettyPhoto markup
+
+ $(window).unbind('scroll.prettyphoto');
+
+ clearHashtag();
+
+ settings.callback();
+
+ doresize = true;
+
+ pp_open = false;
+
+ delete settings;
+ });
+ };
+
+ /**
+ * Set the proper sizes on the containers and animate the content in.
+ */
+ function _showContent(){
+ $('.pp_loaderIcon').hide();
+
+ // Calculate the opened top position of the pic holder
+ projectedTop = scroll_pos['scrollTop'] + ((windowHeight/2) - (pp_dimensions['containerHeight']/2));
+ if(projectedTop < 0) projectedTop = 0;
+
+ $ppt.fadeTo(settings.animation_speed,1);
+
+ // Resize the content holder
+ $pp_pic_holder.find('.pp_content')
+ .animate({
+ height:pp_dimensions['contentHeight'],
+ width:pp_dimensions['contentWidth']
+ },settings.animation_speed);
+
+ // Resize picture the holder
+ $pp_pic_holder.animate({
+ 'top': projectedTop,
+ 'left': ((windowWidth/2) - (pp_dimensions['containerWidth']/2) < 0) ? 0 : (windowWidth/2) - (pp_dimensions['containerWidth']/2),
+ width:pp_dimensions['containerWidth']
+ },settings.animation_speed,function(){
+ $pp_pic_holder.find('.pp_hoverContainer,#fullResImage').height(pp_dimensions['height']).width(pp_dimensions['width']);
+
+ $pp_pic_holder.find('.pp_fade').fadeIn(settings.animation_speed); // Fade the new content
+
+ // Show the nav
+ if(isSet && _getFileType(pp_images[set_position])=="image") { $pp_pic_holder.find('.pp_hoverContainer').show(); }else{ $pp_pic_holder.find('.pp_hoverContainer').hide(); }
+
+ if(settings.allow_expand) {
+ if(pp_dimensions['resized']){ // Fade the resizing link if the image is resized
+ $('a.pp_expand,a.pp_contract').show();
+ }else{
+ $('a.pp_expand').hide();
+ }
+ }
+
+ if(settings.autoplay_slideshow && !pp_slideshow && !pp_open) $.prettyPhoto.startSlideshow();
+
+ settings.changepicturecallback(); // Callback!
+
+ pp_open = true;
+ });
+
+ _insert_gallery();
+ pp_settings.ajaxcallback();
+ };
+
+ /**
+ * Hide the content...DUH!
+ */
+ function _hideContent(callback){
+ // Fade out the current picture
+ $pp_pic_holder.find('#pp_full_res object,#pp_full_res embed').css('visibility','hidden');
+ $pp_pic_holder.find('.pp_fade').fadeOut(settings.animation_speed,function(){
+ $('.pp_loaderIcon').show();
+
+ callback();
+ });
+ };
+
+ /**
+ * Check the item position in the gallery array, hide or show the navigation links
+ * @param setCount {integer} The total number of items in the set
+ */
+ function _checkPosition(setCount){
+ (setCount > 1) ? $('.pp_nav').show() : $('.pp_nav').hide(); // Hide the bottom nav if it's not a set.
+ };
+
+ /**
+ * Resize the item dimensions if it's bigger than the viewport
+ * @param width {integer} Width of the item to be opened
+ * @param height {integer} Height of the item to be opened
+ * @return An array containin the "fitted" dimensions
+ */
+ function _fitToViewport(width,height){
+ resized = false;
+
+ _getDimensions(width,height);
+
+ // Define them in case there's no resize needed
+ imageWidth = width, imageHeight = height;
+
+ if( ((pp_containerWidth > windowWidth) || (pp_containerHeight > windowHeight)) && doresize && settings.allow_resize && !percentBased) {
+ resized = true, fitting = false;
+
+ while (!fitting){
+ if((pp_containerWidth > windowWidth)){
+ imageWidth = (windowWidth - 200);
+ imageHeight = (height/width) * imageWidth;
+ }else if((pp_containerHeight > windowHeight)){
+ imageHeight = (windowHeight - 200);
+ imageWidth = (width/height) * imageHeight;
+ }else{
+ fitting = true;
+ };
+
+ pp_containerHeight = imageHeight, pp_containerWidth = imageWidth;
+ };
+
+
+
+ if((pp_containerWidth > windowWidth) || (pp_containerHeight > windowHeight)){
+ _fitToViewport(pp_containerWidth,pp_containerHeight)
+ };
+
+ _getDimensions(imageWidth,imageHeight);
+ };
+
+ return {
+ width:Math.floor(imageWidth),
+ height:Math.floor(imageHeight),
+ containerHeight:Math.floor(pp_containerHeight),
+ containerWidth:Math.floor(pp_containerWidth) + (settings.horizontal_padding * 2),
+ contentHeight:Math.floor(pp_contentHeight),
+ contentWidth:Math.floor(pp_contentWidth),
+ resized:resized
+ };
+ };
+
+ /**
+ * Get the containers dimensions according to the item size
+ * @param width {integer} Width of the item to be opened
+ * @param height {integer} Height of the item to be opened
+ */
+ function _getDimensions(width,height){
+ width = parseFloat(width);
+ height = parseFloat(height);
+
+ // Get the details height, to do so, I need to clone it since it's invisible
+ $pp_details = $pp_pic_holder.find('.pp_details');
+ $pp_details.width(width);
+ detailsHeight = parseFloat($pp_details.css('marginTop')) + parseFloat($pp_details.css('marginBottom'));
+
+ $pp_details = $pp_details.clone().addClass(settings.theme).width(width).appendTo($('body')).css({
+ 'position':'absolute',
+ 'top':-10000
+ });
+ detailsHeight += $pp_details.height();
+ detailsHeight = (detailsHeight <= 34) ? 36 : detailsHeight; // Min-height for the details
+ $pp_details.remove();
+
+ // Get the titles height, to do so, I need to clone it since it's invisible
+ $pp_title = $pp_pic_holder.find('.ppt');
+ $pp_title.width(width);
+ titleHeight = parseFloat($pp_title.css('marginTop')) + parseFloat($pp_title.css('marginBottom'));
+ $pp_title = $pp_title.clone().appendTo($('body')).css({
+ 'position':'absolute',
+ 'top':-10000
+ });
+ titleHeight += $pp_title.height();
+ $pp_title.remove();
+
+ // Get the container size, to resize the holder to the right dimensions
+ pp_contentHeight = height + detailsHeight;
+ pp_contentWidth = width;
+ pp_containerHeight = pp_contentHeight + titleHeight + $pp_pic_holder.find('.pp_top').height() + $pp_pic_holder.find('.pp_bottom').height();
+ pp_containerWidth = width;
+ }
+
+ function _getFileType(itemSrc){
+ if (itemSrc.match(/youtube\.com\/watch/i) || itemSrc.match(/youtu\.be/i)) {
+ return 'youtube';
+ }else if (itemSrc.match(/vimeo\.com/i)) {
+ return 'vimeo';
+ }else if(itemSrc.match(/\b.mov\b/i)){
+ return 'quicktime';
+ }else if(itemSrc.match(/\b.swf\b/i)){
+ return 'flash';
+ }else if(itemSrc.match(/\biframe=true\b/i)){
+ return 'iframe';
+ }else if(itemSrc.match(/\bajax=true\b/i)){
+ return 'ajax';
+ }else if(itemSrc.match(/\bcustom=true\b/i)){
+ return 'custom';
+ }else if(itemSrc.substr(0,1) == '#'){
+ return 'inline';
+ }else{
+ return 'image';
+ };
+ };
+
+ function _center_overlay(){
+ if(doresize && typeof $pp_pic_holder != 'undefined') {
+ scroll_pos = _get_scroll();
+ contentHeight = $pp_pic_holder.height(), contentwidth = $pp_pic_holder.width();
+
+ projectedTop = (windowHeight/2) + scroll_pos['scrollTop'] - (contentHeight/2);
+ if(projectedTop < 0) projectedTop = 0;
+
+ if(contentHeight > windowHeight)
+ return;
+
+ $pp_pic_holder.css({
+ 'top': projectedTop,
+ 'left': (windowWidth/2) + scroll_pos['scrollLeft'] - (contentwidth/2)
+ });
+ };
+ };
+
+ function _get_scroll(){
+ if (self.pageYOffset) {
+ return {scrollTop:self.pageYOffset,scrollLeft:self.pageXOffset};
+ } else if (document.documentElement && document.documentElement.scrollTop) { // Explorer 6 Strict
+ return {scrollTop:document.documentElement.scrollTop,scrollLeft:document.documentElement.scrollLeft};
+ } else if (document.body) {// all other Explorers
+ return {scrollTop:document.body.scrollTop,scrollLeft:document.body.scrollLeft};
+ };
+ };
+
+ function _resize_overlay() {
+ windowHeight = $(window).height(), windowWidth = $(window).width();
+
+ if(typeof $pp_overlay != "undefined") $pp_overlay.height($(document).height()).width(windowWidth);
+ };
+
+ function _insert_gallery(){
+ if(isSet && settings.overlay_gallery && _getFileType(pp_images[set_position])=="image") {
+ itemWidth = 52+5; // 52 beign the thumb width, 5 being the right margin.
+ navWidth = (settings.theme == "facebook" || settings.theme == "pp_default") ? 50 : 30; // Define the arrow width depending on the theme
+
+ itemsPerPage = Math.floor((pp_dimensions['containerWidth'] - 100 - navWidth) / itemWidth);
+ itemsPerPage = (itemsPerPage < pp_images.length) ? itemsPerPage : pp_images.length;
+ totalPage = Math.ceil(pp_images.length / itemsPerPage) - 1;
+
+ // Hide the nav in the case there's no need for links
+ if(totalPage == 0){
+ navWidth = 0; // No nav means no width!
+ $pp_gallery.find('.pp_arrow_next,.pp_arrow_previous').hide();
+ }else{
+ $pp_gallery.find('.pp_arrow_next,.pp_arrow_previous').show();
+ };
+
+ galleryWidth = itemsPerPage * itemWidth;
+ fullGalleryWidth = pp_images.length * itemWidth;
+
+ // Set the proper width to the gallery items
+ $pp_gallery
+ .css('margin-left',-((galleryWidth/2) + (navWidth/2)))
+ .find('div:first').width(galleryWidth+5)
+ .find('ul').width(fullGalleryWidth)
+ .find('li.selected').removeClass('selected');
+
+ goToPage = (Math.floor(set_position/itemsPerPage) < totalPage) ? Math.floor(set_position/itemsPerPage) : totalPage;
+
+ $.prettyPhoto.changeGalleryPage(goToPage);
+
+ $pp_gallery_li.filter(':eq('+set_position+')').addClass('selected');
+ }else{
+ $pp_pic_holder.find('.pp_content').unbind('mouseenter mouseleave');
+ // $pp_gallery.hide();
+ }
+ }
+
+ function _build_overlay(caller){
+ // Inject Social Tool markup into General markup
+ if(settings.social_tools)
+ facebook_like_link = settings.social_tools.replace('{location_href}', encodeURIComponent(location.href));
+
+ settings.markup = settings.markup.replace('{pp_social}','');
+
+ $('body').append(settings.markup); // Inject the markup
+
+ $pp_pic_holder = $('.pp_pic_holder') , $ppt = $('.ppt'), $pp_overlay = $('div.pp_overlay'); // Set my global selectors
+
+ // Inject the inline gallery!
+ if(isSet && settings.overlay_gallery) {
+ currentGalleryPage = 0;
+ toInject = "";
+ for (var i=0; i < pp_images.length; i++) {
+ if(!pp_images[i].match(/\b(jpg|jpeg|png|gif)\b/gi)){
+ classname = 'default';
+ img_src = '';
+ }else{
+ classname = '';
+ img_src = pp_images[i];
+ }
+ toInject += "
";
+ };
+
+ toInject = settings.gallery_markup.replace(/{gallery}/g,toInject);
+
+ $pp_pic_holder.find('#pp_full_res').after(toInject);
+
+ $pp_gallery = $('.pp_pic_holder .pp_gallery'), $pp_gallery_li = $pp_gallery.find('li'); // Set the gallery selectors
+
+ $pp_gallery.find('.pp_arrow_next').click(function(){
+ $.prettyPhoto.changeGalleryPage('next');
+ $.prettyPhoto.stopSlideshow();
+ return false;
+ });
+
+ $pp_gallery.find('.pp_arrow_previous').click(function(){
+ $.prettyPhoto.changeGalleryPage('previous');
+ $.prettyPhoto.stopSlideshow();
+ return false;
+ });
+
+ $pp_pic_holder.find('.pp_content').hover(
+ function(){
+ $pp_pic_holder.find('.pp_gallery:not(.disabled)').fadeIn();
+ },
+ function(){
+ $pp_pic_holder.find('.pp_gallery:not(.disabled)').fadeOut();
+ });
+
+ itemWidth = 52+5; // 52 beign the thumb width, 5 being the right margin.
+ $pp_gallery_li.each(function(i){
+ $(this)
+ .find('a')
+ .click(function(){
+ $.prettyPhoto.changePage(i);
+ $.prettyPhoto.stopSlideshow();
+ return false;
+ });
+ });
+ };
+
+
+ // Inject the play/pause if it's a slideshow
+ if(settings.slideshow){
+ $pp_pic_holder.find('.pp_nav').prepend('
Play ')
+ $pp_pic_holder.find('.pp_nav .pp_play').click(function(){
+ $.prettyPhoto.startSlideshow();
+ return false;
+ });
+ }
+
+ $pp_pic_holder.attr('class','pp_pic_holder ' + settings.theme); // Set the proper theme
+
+ $pp_overlay
+ .css({
+ 'opacity':0,
+ 'height':$(document).height(),
+ 'width':$(window).width()
+ })
+ .bind('click',function(){
+ if(!settings.modal) $.prettyPhoto.close();
+ });
+
+ $('a.pp_close').bind('click',function(){ $.prettyPhoto.close(); return false; });
+
+
+ if(settings.allow_expand) {
+ $('a.pp_expand').bind('click',function(e){
+ // Expand the image
+ if($(this).hasClass('pp_expand')){
+ $(this).removeClass('pp_expand').addClass('pp_contract');
+ doresize = false;
+ }else{
+ $(this).removeClass('pp_contract').addClass('pp_expand');
+ doresize = true;
+ };
+
+ _hideContent(function(){ $.prettyPhoto.open(); });
+
+ return false;
+ });
+ }
+
+ $pp_pic_holder.find('.pp_previous, .pp_nav .pp_arrow_previous').bind('click',function(){
+ $.prettyPhoto.changePage('previous');
+ $.prettyPhoto.stopSlideshow();
+ return false;
+ });
+
+ $pp_pic_holder.find('.pp_next, .pp_nav .pp_arrow_next').bind('click',function(){
+ $.prettyPhoto.changePage('next');
+ $.prettyPhoto.stopSlideshow();
+ return false;
+ });
+
+ _center_overlay(); // Center it
+ };
+
+ if(!pp_alreadyInitialized && getHashtag()){
+ pp_alreadyInitialized = true;
+
+ // Grab the rel index to trigger the click on the correct element
+ hashIndex = getHashtag();
+ hashRel = hashIndex;
+ hashIndex = hashIndex.substring(hashIndex.indexOf('/')+1,hashIndex.length-1);
+ hashRel = hashRel.substring(0,hashRel.indexOf('/'));
+
+ // Little timeout to make sure all the prettyPhoto initialize scripts has been run.
+ // Useful in the event the page contain several init scripts.
+ setTimeout(function(){ $("a["+pp_settings.hook+"^='"+hashRel+"']:eq("+hashIndex+")").trigger('click'); },50);
+ }
+
+ return this.unbind('click.prettyphoto').bind('click.prettyphoto',$.prettyPhoto.initialize); // Return the jQuery object for chaining. The unbind method is used to avoid click conflict when the plugin is called more than once
+ };
+
+ function getHashtag(){
+ var url = location.href;
+ hashtag = (url.indexOf('#prettyPhoto') !== -1) ? decodeURI(url.substring(url.indexOf('#prettyPhoto')+1,url.length)) : false;
+
+ return hashtag;
+ };
+
+ function setHashtag(){
+ if(typeof theRel == 'undefined') return; // theRel is set on normal calls, it's impossible to deeplink using the API
+ location.hash = theRel + '/'+rel_index+'/';
+ };
+
+ function clearHashtag(){
+ if ( location.href.indexOf('#prettyPhoto') !== -1 ) location.hash = "prettyPhoto";
+ }
+
+ function getParam(name,url){
+ name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
+ var regexS = "[\\?&]"+name+"=([^&#]*)";
+ var regex = new RegExp( regexS );
+ var results = regex.exec( url );
+ return ( results == null ) ? "" : results[1];
+ }
+
+})(jQuery);
+
+var pp_alreadyInitialized = false; // Used for the deep linking to make sure not to call the same function several times.
+ 
+ 
+ 
+ 
+ 
+ 
+ 
