diff --git a/.gitignore b/.gitignore
index 4a6eb87d61..de1566ae49 100644
--- a/.gitignore
+++ b/.gitignore
@@ -64,6 +64,7 @@ Session.vim
 
 ## SublimeText
 /*.sublime-project
+/*.sublime-workspace
 
 ## Textmate
 *.tmproj
diff --git a/akvo/mediaroot/core/galleria/LICENSE b/akvo/mediaroot/core/galleria/LICENSE
new file mode 100644
index 0000000000..4f6237ee4b
--- /dev/null
+++ b/akvo/mediaroot/core/galleria/LICENSE
@@ -0,0 +1,21 @@
+The MIT License
+
+Copyright (c) 2012 Aino http://aino.se
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
\ No newline at end of file
diff --git a/akvo/mediaroot/core/galleria/galleria-1.2.8.js b/akvo/mediaroot/core/galleria/galleria-1.2.8.js
new file mode 100644
index 0000000000..ed753ae273
--- /dev/null
+++ b/akvo/mediaroot/core/galleria/galleria-1.2.8.js
@@ -0,0 +1,5926 @@
+/**
+ * Galleria v 1.2.8 2012-08-09
+ * http://galleria.io
+ *
+ * Licensed under the MIT license
+ * https://raw.github.com/aino/galleria/master/LICENSE
+ *
+ */
+
+(function( $ ) {
+
+/*global jQuery, navigator, Galleria:true, Image */
+
+// some references
+var undef,
+    window = this,
+    doc    = window.document,
+    $doc   = $( doc ),
+    $win   = $( window ),
+
+// native prototypes
+    protoArray = Array.prototype,
+
+// internal constants
+    VERSION = 1.28,
+    DEBUG = true,
+    TIMEOUT = 30000,
+    DUMMY = false,
+    NAV = navigator.userAgent.toLowerCase(),
+    HASH = window.location.hash.replace(/#\//, ''),
+    F = function(){},
+    FALSE = function() { return false; },
+    IE = (function() {
+
+        var v = 3,
+            div = doc.createElement( 'div' ),
+            all = div.getElementsByTagName( 'i' );
+
+        do {
+            div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->';
+        } while ( all[0] );
+
+        return v > 4 ? v : undef;
+
+    }() ),
+    DOM = function() {
+        return {
+            html:  doc.documentElement,
+            body:  doc.body,
+            head:  doc.getElementsByTagName('head')[0],
+            title: doc.title
+        };
+    },
+
+    // list of Galleria events
+    _eventlist = 'data ready thumbnail loadstart loadfinish image play pause progress ' +
+                 'fullscreen_enter fullscreen_exit idle_enter idle_exit rescale ' +
+                 'lightbox_open lightbox_close lightbox_image',
+
+    _events = (function() {
+
+        var evs = [];
+
+        $.each( _eventlist.split(' '), function( i, ev ) {
+            evs.push( ev );
+
+            // legacy events
+            if ( /_/.test( ev ) ) {
+                evs.push( ev.replace( /_/g, '' ) );
+            }
+        });
+
+        return evs;
+
+    }()),
+
+    // legacy options
+    // allows the old my_setting syntax and converts it to camel case
+
+    _legacyOptions = function( options ) {
+
+        var n;
+
+        if ( typeof options !== 'object' ) {
+
+            // return whatever it was...
+            return options;
+        }
+
+        $.each( options, function( key, value ) {
+            if ( /^[a-z]+_/.test( key ) ) {
+                n = '';
+                $.each( key.split('_'), function( i, k ) {
+                    n += i > 0 ? k.substr( 0, 1 ).toUpperCase() + k.substr( 1 ) : k;
+                });
+                options[ n ] = value;
+                delete options[ key ];
+            }
+        });
+
+        return options;
+    },
+
+    _patchEvent = function( type ) {
+
+        // allow 'image' instead of Galleria.IMAGE
+        if ( $.inArray( type, _events ) > -1 ) {
+            return Galleria[ type.toUpperCase() ];
+        }
+
+        return type;
+    },
+
+    // video providers
+    _video = {
+        youtube: {
+            reg: /https?:\/\/(?:[a-zA_Z]{2,3}.)?(?:youtube\.com\/watch\?)((?:[\w\d\-\_\=]+&amp;(?:amp;)?)*v(?:&lt;[A-Z]+&gt;)?=([0-9a-zA-Z\-\_]+))/i,
+            embed: function(id) {
+                return 'http://www.youtube.com/embed/'+id;
+            },
+            getThumb: function( id, success, fail ) {
+                fail = fail || F;
+                $.getJSON('http://gdata.youtube.com/feeds/api/videos/' + id + '?v=2&alt=json-in-script&callback=?', function(data) {
+                    try {
+                        success( data.entry.media$group.media$thumbnail[0].url );
+                    } catch(e) {
+                        fail();
+                    }
+                }).error(fail);
+            }
+        },
+        vimeo: {
+            reg: /https?:\/\/(?:www\.)?(vimeo\.com)\/(?:hd#)?([0-9]+)/i,
+            embed: function(id) {
+                return 'http://player.vimeo.com/video/'+id;
+            },
+            getThumb: function( id, success, fail ) {
+                fail = fail || F;
+                $.getJSON('http://vimeo.com/api/v2/video/' + id + '.json?callback=?', function(data) {
+                    try {
+                        success( data[0].thumbnail_medium );
+                    } catch(e) {
+                        fail();
+                    }
+                }).error(fail);
+            }
+        },
+        dailymotion: {
+            reg: /https?:\/\/(?:www\.)?(dailymotion\.com)\/video\/([^_]+)/,
+            embed: function(id) {
+                return 'http://www.dailymotion.com/embed/video/'+id;
+            },
+            getThumb: function( id, success, fail ) {
+                fail = fail || F;
+                $.getJSON('https://api.dailymotion.com/video/'+id+'?fields=thumbnail_medium_url&callback=?', function(data) {
+                    try {
+                        success( data.thumbnail_medium_url );
+                    } catch(e) {
+                        fail();
+                    }
+                }).error(fail);
+            }
+        }
+    },
+
+    // utility for testing the video URL and getting the video ID
+    _videoTest = function( url ) {
+        var match;
+        for ( var v in _video ) {
+            match = url && url.match( _video[v].reg );
+            if( match && match.length ) {
+                return {
+                    id: match[2],
+                    provider: v
+                };
+            }
+        }
+        return false;
+    },
+
+    // native fullscreen handler
+    _nativeFullscreen = {
+
+        support: (function() {
+            var html = DOM().html;
+            return html.requestFullscreen || html.mozRequestFullScreen || html.webkitRequestFullScreen;
+        }()),
+
+        callback: F,
+
+        enter: function( instance, callback ) {
+
+            this.instance = instance;
+
+            this.callback = callback || F;
+
+            var html = DOM().html;
+            if ( html.requestFullscreen ) {
+                html.requestFullscreen();
+            }
+            else if ( html.mozRequestFullScreen ) {
+                html.mozRequestFullScreen();
+            }
+            else if ( html.webkitRequestFullScreen ) {
+                html.webkitRequestFullScreen();
+            }
+        },
+
+        exit: function( callback ) {
+
+            this.callback = callback || F;
+
+            if ( doc.exitFullscreen ) {
+                doc.exitFullscreen();
+            }
+            else if ( doc.mozCancelFullScreen ) {
+                doc.mozCancelFullScreen();
+            }
+            else if ( doc.webkitCancelFullScreen ) {
+                doc.webkitCancelFullScreen();
+            }
+        },
+
+        instance: null,
+
+        listen: function() {
+
+            if ( !this.support ) {
+                return;
+            }
+
+            var handler = function() {
+
+                if ( !_nativeFullscreen.instance ) {
+                    return;
+                }
+                var fs = _nativeFullscreen.instance._fullscreen;
+
+                if ( doc.fullscreen || doc.mozFullScreen || doc.webkitIsFullScreen ) {
+                    fs._enter( _nativeFullscreen.callback );
+                } else {
+                    fs._exit( _nativeFullscreen.callback );
+                }
+            };
+            doc.addEventListener( 'fullscreenchange', handler, false );
+            doc.addEventListener( 'mozfullscreenchange', handler, false );
+            doc.addEventListener( 'webkitfullscreenchange', handler, false );
+        }
+    },
+
+    // the internal gallery holder
+    _galleries = [],
+
+    // the internal instance holder
+    _instances = [],
+
+    // flag for errors
+    _hasError = false,
+
+    // canvas holder
+    _canvas = false,
+
+    // instance pool, holds the galleries until themeLoad is triggered
+    _pool = [],
+
+    // themeLoad trigger
+    _themeLoad = function( theme ) {
+        Galleria.theme = theme;
+
+        // run the instances we have in the pool
+        $.each( _pool, function( i, instance ) {
+            if ( !instance._initialized ) {
+                instance._init.call( instance );
+            }
+        });
+    },
+
+    // the Utils singleton
+    Utils = (function() {
+
+        return {
+
+            // legacy support for clearTimer
+            clearTimer: function( id ) {
+                $.each( Galleria.get(), function() {
+                    this.clearTimer( id );
+                });
+            },
+
+            // legacy support for addTimer
+            addTimer: function( id ) {
+                $.each( Galleria.get(), function() {
+                    this.addTimer( id );
+                });
+            },
+
+            array : function( obj ) {
+                return protoArray.slice.call(obj, 0);
+            },
+
+            create : function( className, nodeName ) {
+                nodeName = nodeName || 'div';
+                var elem = doc.createElement( nodeName );
+                elem.className = className;
+                return elem;
+            },
+
+            getScriptPath : function( src ) {
+
+                // the currently executing script is always the last
+                src = src || $('script:last').attr('src');
+                var slices = src.split('/');
+
+                if (slices.length == 1) {
+                    return '';
+                }
+
+                slices.pop();
+
+                return slices.join('/') + '/';
+            },
+
+            // CSS3 transitions, added in 1.2.4
+            animate : (function() {
+
+                // detect transition
+                var transition = (function( style ) {
+                    var props = 'transition WebkitTransition MozTransition OTransition'.split(' '),
+                        i;
+
+                    // disable css3 animations in opera until stable
+                    if ( window.opera ) {
+                        return false;
+                    }
+
+                    for ( i = 0; props[i]; i++ ) {
+                        if ( typeof style[ props[ i ] ] !== 'undefined' ) {
+                            return props[ i ];
+                        }
+                    }
+                    return false;
+                }(( doc.body || doc.documentElement).style ));
+
+                // map transitionend event
+                var endEvent = {
+                    MozTransition: 'transitionend',
+                    OTransition: 'oTransitionEnd',
+                    WebkitTransition: 'webkitTransitionEnd',
+                    transition: 'transitionend'
+                }[ transition ];
+
+                // map bezier easing conversions
+                var easings = {
+                    _default: [0.25, 0.1, 0.25, 1],
+                    galleria: [0.645, 0.045, 0.355, 1],
+                    galleriaIn: [0.55, 0.085, 0.68, 0.53],
+                    galleriaOut: [0.25, 0.46, 0.45, 0.94],
+                    ease: [0.25, 0, 0.25, 1],
+                    linear: [0.25, 0.25, 0.75, 0.75],
+                    'ease-in': [0.42, 0, 1, 1],
+                    'ease-out': [0, 0, 0.58, 1],
+                    'ease-in-out': [0.42, 0, 0.58, 1]
+                };
+
+                // function for setting transition css for all browsers
+                var setStyle = function( elem, value, suffix ) {
+                    var css = {};
+                    suffix = suffix || 'transition';
+                    $.each( 'webkit moz ms o'.split(' '), function() {
+                        css[ '-' + this + '-' + suffix ] = value;
+                    });
+                    elem.css( css );
+                };
+
+                // clear styles
+                var clearStyle = function( elem ) {
+                    setStyle( elem, 'none', 'transition' );
+                    if ( Galleria.WEBKIT && Galleria.TOUCH ) {
+                        setStyle( elem, 'translate3d(0,0,0)', 'transform' );
+                        if ( elem.data('revert') ) {
+                            elem.css( elem.data('revert') );
+                            elem.data('revert', null);
+                        }
+                    }
+                };
+
+                // various variables
+                var change, strings, easing, syntax, revert, form, css;
+
+                // the actual animation method
+                return function( elem, to, options ) {
+
+                    // extend defaults
+                    options = $.extend({
+                        duration: 400,
+                        complete: F,
+                        stop: false
+                    }, options);
+
+                    // cache jQuery instance
+                    elem = $( elem );
+
+                    if ( !options.duration ) {
+                        elem.css( to );
+                        options.complete.call( elem[0] );
+                        return;
+                    }
+
+                    // fallback to jQuery's animate if transition is not supported
+                    if ( !transition ) {
+                        elem.animate(to, options);
+                        return;
+                    }
+
+                    // stop
+                    if ( options.stop ) {
+                        // clear the animation
+                        elem.unbind( endEvent );
+                        clearStyle( elem );
+                    }
+
+                    // see if there is a change
+                    change = false;
+                    $.each( to, function( key, val ) {
+                        css = elem.css( key );
+                        if ( Utils.parseValue( css ) != Utils.parseValue( val ) ) {
+                            change = true;
+                        }
+                        // also add computed styles for FF
+                        elem.css( key, css );
+                    });
+                    if ( !change ) {
+                        window.setTimeout( function() {
+                            options.complete.call( elem[0] );
+                        }, options.duration );
+                        return;
+                    }
+
+                    // the css strings to be applied
+                    strings = [];
+
+                    // the easing bezier
+                    easing = options.easing in easings ? easings[ options.easing ] : easings._default;
+
+                    // the syntax
+                    syntax = ' ' + options.duration + 'ms' + ' cubic-bezier('  + easing.join(',') + ')';
+
+                    // add a tiny timeout so that the browsers catches any css changes before animating
+                    window.setTimeout( (function(elem, endEvent, to, syntax) {
+                        return function() {
+
+                            // attach the end event
+                            elem.one(endEvent, (function( elem ) {
+                                return function() {
+
+                                    // clear the animation
+                                    clearStyle(elem);
+
+                                    // run the complete method
+                                    options.complete.call(elem[0]);
+                                };
+                            }( elem )));
+
+                            // do the webkit translate3d for better performance on iOS
+                            if( Galleria.WEBKIT && Galleria.TOUCH ) {
+
+                                revert = {};
+                                form = [0,0,0];
+
+                                $.each( ['left', 'top'], function(i, m) {
+                                    if ( m in to ) {
+                                        form[ i ] = ( Utils.parseValue( to[ m ] ) - Utils.parseValue(elem.css( m )) ) + 'px';
+                                        revert[ m ] = to[ m ];
+                                        delete to[ m ];
+                                    }
+                                });
+
+                                if ( form[0] || form[1]) {
+
+                                    elem.data('revert', revert);
+
+                                    strings.push('-webkit-transform' + syntax);
+
+                                    // 3d animate
+                                    setStyle( elem, 'translate3d(' + form.join(',') + ')', 'transform');
+                                }
+                            }
+
+                            // push the animation props
+                            $.each(to, function( p, val ) {
+                                strings.push(p + syntax);
+                            });
+
+                            // set the animation styles
+                            setStyle( elem, strings.join(',') );
+
+                            // animate
+                            elem.css( to );
+
+                        };
+                    }(elem, endEvent, to, syntax)), 2);
+                };
+            }()),
+
+            removeAlpha : function( elem ) {
+                if ( IE < 9 && elem ) {
+
+                    var style = elem.style,
+                        currentStyle = elem.currentStyle,
+                        filter = currentStyle && currentStyle.filter || style.filter || "";
+
+                    if ( /alpha/.test( filter ) ) {
+                        style.filter = filter.replace( /alpha\([^)]*\)/i, '' );
+                    }
+                }
+            },
+
+            forceStyles : function( elem, styles ) {
+                elem = $(elem);
+                if ( elem.attr( 'style' ) ) {
+                    elem.data( 'styles', elem.attr( 'style' ) ).removeAttr( 'style' );
+                }
+                elem.css( styles );
+            },
+
+            revertStyles : function() {
+                $.each( Utils.array( arguments ), function( i, elem ) {
+
+                    elem = $( elem );
+                    elem.removeAttr( 'style' );
+
+                    elem.attr('style',''); // "fixes" webkit bug
+
+                    if ( elem.data( 'styles' ) ) {
+                        elem.attr( 'style', elem.data('styles') ).data( 'styles', null );
+                    }
+                });
+            },
+
+            moveOut : function( elem ) {
+                Utils.forceStyles( elem, {
+                    position: 'absolute',
+                    left: -10000
+                });
+            },
+
+            moveIn : function() {
+                Utils.revertStyles.apply( Utils, Utils.array( arguments ) );
+            },
+
+            elem : function( elem ) {
+                if (elem instanceof $) {
+                    return {
+                        $: elem,
+                        dom: elem[0]
+                    };
+                } else {
+                    return {
+                        $: $(elem),
+                        dom: elem
+                    };
+                }
+            },
+
+            hide : function( elem, speed, callback ) {
+
+                callback = callback || F;
+
+                var el = Utils.elem( elem ),
+                    $elem = el.$;
+
+                elem = el.dom;
+
+                // save the value if not exist
+                if (! $elem.data('opacity') ) {
+                    $elem.data('opacity', $elem.css('opacity') );
+                }
+
+                // always hide
+                var style = { opacity: 0 };
+
+                if (speed) {
+
+                    var complete = IE < 9 && elem ? function() {
+                        Utils.removeAlpha( elem );
+                        elem.style.visibility = 'hidden';
+                        callback.call( elem );
+                    } : callback;
+
+                    Utils.animate( elem, style, {
+                        duration: speed,
+                        complete: complete,
+                        stop: true
+                    });
+                } else {
+                    if ( IE < 9 && elem ) {
+                        Utils.removeAlpha( elem );
+                        elem.style.visibility = 'hidden';
+                    } else {
+                        $elem.css( style );
+                    }
+                }
+            },
+
+            show : function( elem, speed, callback ) {
+
+                callback = callback || F;
+
+                var el = Utils.elem( elem ),
+                    $elem = el.$;
+
+                elem = el.dom;
+
+                // bring back saved opacity
+                var saved = parseFloat( $elem.data('opacity') ) || 1,
+                    style = { opacity: saved };
+
+                // animate or toggle
+                if (speed) {
+
+                    if ( IE < 9 ) {
+                        $elem.css('opacity', 0);
+                        elem.style.visibility = 'visible';
+                    }
+
+                    var complete = IE < 9 && elem ? function() {
+                        if ( style.opacity == 1 ) {
+                            Utils.removeAlpha( elem );
+                        }
+                        callback.call( elem );
+                    } : callback;
+
+                    Utils.animate( elem, style, {
+                        duration: speed,
+                        complete: complete,
+                        stop: true
+                    });
+                } else {
+                    if ( IE < 9 && style.opacity == 1 && elem ) {
+                        Utils.removeAlpha( elem );
+                        elem.style.visibility = 'visible';
+                    } else {
+                        $elem.css( style );
+                    }
+                }
+            },
+
+
+            // enhanced click for mobile devices
+            // we bind a touchend and hijack any click event in the bubble
+            // then we execute the click directly and save it in a separate data object for later
+            optimizeTouch: (function() {
+
+                var node,
+                    evs,
+                    fakes,
+                    travel,
+                    evt = {},
+                    handler = function( e ) {
+                        e.preventDefault();
+                        evt = $.extend({}, e, true);
+                    },
+                    attach = function() {
+                        this.evt = evt;
+                    },
+                    fake = function() {
+                        this.handler.call(node, this.evt);
+                    };
+
+                return function( elem ) {
+
+                    $(elem).bind('touchend', function( e ) {
+
+                        node = e.target;
+                        travel = true;
+
+                        while( node.parentNode && node != e.currentTarget && travel ) {
+
+                            evs =   $(node).data('events');
+                            fakes = $(node).data('fakes');
+
+                            if (evs && 'click' in evs) {
+
+                                travel = false;
+                                e.preventDefault();
+
+                                // fake the click and save the event object
+                                $(node).click(handler).click();
+
+                                // remove the faked click
+                                evs.click.pop();
+
+                                // attach the faked event
+                                $.each( evs.click, attach);
+
+                                // save the faked clicks in a new data object
+                                $(node).data('fakes', evs.click);
+
+                                // remove all clicks
+                                delete evs.click;
+
+                            } else if ( fakes ) {
+
+                                travel = false;
+                                e.preventDefault();
+
+                                // fake all clicks
+                                $.each( fakes, fake );
+                            }
+
+                            // bubble
+                            node = node.parentNode;
+                        }
+                    });
+                };
+            }()),
+
+            wait : function(options) {
+                options = $.extend({
+                    until : FALSE,
+                    success : F,
+                    error : function() { Galleria.raise('Could not complete wait function.'); },
+                    timeout: 3000
+                }, options);
+
+                var start = Utils.timestamp(),
+                    elapsed,
+                    now,
+                    fn = function() {
+                        now = Utils.timestamp();
+                        elapsed = now - start;
+                        if ( options.until( elapsed ) ) {
+                            options.success();
+                            return false;
+                        }
+
+                        if (typeof options.timeout == 'number' && now >= start + options.timeout) {
+                            options.error();
+                            return false;
+                        }
+                        window.setTimeout(fn, 10);
+                    };
+
+                window.setTimeout(fn, 10);
+            },
+
+            toggleQuality : function( img, force ) {
+
+                if ( ( IE !== 7 && IE !== 8 ) || !img || img.nodeName.toUpperCase() != 'IMG' ) {
+                    return;
+                }
+
+                if ( typeof force === 'undefined' ) {
+                    force = img.style.msInterpolationMode === 'nearest-neighbor';
+                }
+
+                img.style.msInterpolationMode = force ? 'bicubic' : 'nearest-neighbor';
+            },
+
+            insertStyleTag : function( styles ) {
+                var style = doc.createElement( 'style' );
+                DOM().head.appendChild( style );
+
+                if ( style.styleSheet ) { // IE
+                    style.styleSheet.cssText = styles;
+                } else {
+                    var cssText = doc.createTextNode( styles );
+                    style.appendChild( cssText );
+                }
+            },
+
+            // a loadscript method that works for local scripts
+            loadScript: function( url, callback ) {
+
+                var done = false,
+                    script = $('<scr'+'ipt>').attr({
+                        src: url,
+                        async: true
+                    }).get(0);
+
+               // Attach handlers for all browsers
+               script.onload = script.onreadystatechange = function() {
+                   if ( !done && (!this.readyState ||
+                       this.readyState === 'loaded' || this.readyState === 'complete') ) {
+
+                       done = true;
+
+                       // Handle memory leak in IE
+                       script.onload = script.onreadystatechange = null;
+
+                       if (typeof callback === 'function') {
+                           callback.call( this, this );
+                       }
+                   }
+               };
+
+               DOM().head.appendChild( script );
+            },
+
+            // parse anything into a number
+            parseValue: function( val ) {
+                if (typeof val === 'number') {
+                    return val;
+                } else if (typeof val === 'string') {
+                    var arr = val.match(/\-?\d|\./g);
+                    return arr && arr.constructor === Array ? arr.join('')*1 : 0;
+                } else {
+                    return 0;
+                }
+            },
+
+            // timestamp abstraction
+            timestamp: function() {
+                return new Date().getTime();
+            },
+
+            loadCSS : function( href, id, callback ) {
+
+                var link,
+                    length;
+
+                // look for manual css
+                $('link[rel=stylesheet]').each(function() {
+                    if ( new RegExp( href ).test( this.href ) ) {
+                        link = this;
+                        return false;
+                    }
+                });
+
+                if ( typeof id === 'function' ) {
+                    callback = id;
+                    id = undef;
+                }
+
+                callback = callback || F; // dirty
+
+                // if already present, return
+                if ( link ) {
+                    callback.call( link, link );
+                    return link;
+                }
+
+                // save the length of stylesheets to check against
+                length = doc.styleSheets.length;
+
+                // check for existing id
+                if( $( '#' + id ).length ) {
+
+                    $( '#' + id ).attr( 'href', href );
+                    length--;
+
+                } else {
+                    link = $( '<link>' ).attr({
+                        rel: 'stylesheet',
+                        href: href,
+                        id: id
+                    }).get(0);
+
+                    var styles = $('link[rel="stylesheet"], style');
+                    if ( styles.length ) {
+                        styles.get(0).parentNode.insertBefore( link, styles[0] );
+                    } else {
+                        DOM().head.appendChild( link );
+                    }
+
+                    if ( IE ) {
+
+                        // IE has a limit of 31 stylesheets in one document
+                        if( length >= 31 ) {
+                            Galleria.raise( 'You have reached the browser stylesheet limit (31)', true );
+                            return;
+                        }
+                    }
+                }
+
+                if ( typeof callback === 'function' ) {
+
+                    // First check for dummy element (new in 1.2.8)
+                    var $loader = $('<s>').attr( 'id', 'galleria-loader' ).hide().appendTo( DOM().body );
+
+                    Utils.wait({
+                        until: function() {
+                            return $loader.height() == 1;
+                        },
+                        success: function() {
+                            $loader.remove();
+                            callback.call( link, link );
+                        },
+                        error: function() {
+                            $loader.remove();
+
+                            // If failed, tell the dev to download the latest theme
+                            Galleria.raise( 'Theme CSS could not load after 20 sec. Please download the latest theme at http://galleria.io/customer/', true );
+
+                        },
+                        timeout: 20000
+                    });
+                }
+                return link;
+            }
+        };
+    }()),
+
+    // the transitions holder
+    _transitions = (function() {
+
+        var _slide = function(params, complete, fade, door) {
+
+            var easing = this.getOptions('easing'),
+                distance = this.getStageWidth(),
+                from = { left: distance * ( params.rewind ? -1 : 1 ) },
+                to = { left: 0 };
+
+            if ( fade ) {
+                from.opacity = 0;
+                to.opacity = 1;
+            } else {
+                from.opacity = 1;
+            }
+
+            $(params.next).css(from);
+
+            Utils.animate(params.next, to, {
+                duration: params.speed,
+                complete: (function( elems ) {
+                    return function() {
+                        complete();
+                        elems.css({
+                            left: 0
+                        });
+                    };
+                }( $( params.next ).add( params.prev ) )),
+                queue: false,
+                easing: easing
+            });
+
+            if (door) {
+                params.rewind = !params.rewind;
+            }
+
+            if (params.prev) {
+
+                from = { left: 0 };
+                to = { left: distance * ( params.rewind ? 1 : -1 ) };
+
+                if ( fade ) {
+                    from.opacity = 1;
+                    to.opacity = 0;
+                }
+
+                $(params.prev).css(from);
+                Utils.animate(params.prev, to, {
+                    duration: params.speed,
+                    queue: false,
+                    easing: easing,
+                    complete: function() {
+                        $(this).css('opacity', 0);
+                    }
+                });
+            }
+        };
+
+        return {
+
+            active: false,
+
+            init: function( effect, params, complete ) {
+                if ( _transitions.effects.hasOwnProperty( effect ) ) {
+                    _transitions.effects[ effect ].call( this, params, complete );
+                }
+            },
+
+            effects: {
+
+                fade: function(params, complete) {
+                    $(params.next).css({
+                        opacity: 0,
+                        left: 0
+                    }).show();
+                    Utils.animate(params.next, {
+                        opacity: 1
+                    },{
+                        duration: params.speed,
+                        complete: complete
+                    });
+                    if (params.prev) {
+                        $(params.prev).css('opacity',1).show();
+                        Utils.animate(params.prev, {
+                            opacity: 0
+                        },{
+                            duration: params.speed
+                        });
+                    }
+                },
+
+                flash: function(params, complete) {
+                    $(params.next).css({
+                        opacity: 0,
+                        left: 0
+                    });
+                    if (params.prev) {
+                        Utils.animate( params.prev, {
+                            opacity: 0
+                        },{
+                            duration: params.speed/2,
+                            complete: function() {
+                                Utils.animate( params.next, {
+                                    opacity:1
+                                },{
+                                    duration: params.speed,
+                                    complete: complete
+                                });
+                            }
+                        });
+                    } else {
+                        Utils.animate( params.next, {
+                            opacity: 1
+                        },{
+                            duration: params.speed,
+                            complete: complete
+                        });
+                    }
+                },
+
+                pulse: function(params, complete) {
+                    if (params.prev) {
+                        $(params.prev).hide();
+                    }
+                    $(params.next).css({
+                        opacity: 0,
+                        left: 0
+                    }).show();
+                    Utils.animate(params.next, {
+                        opacity:1
+                    },{
+                        duration: params.speed,
+                        complete: complete
+                    });
+                },
+
+                slide: function(params, complete) {
+                    _slide.apply( this, Utils.array( arguments ) );
+                },
+
+                fadeslide: function(params, complete) {
+                    _slide.apply( this, Utils.array( arguments ).concat( [true] ) );
+                },
+
+                doorslide: function(params, complete) {
+                    _slide.apply( this, Utils.array( arguments ).concat( [false, true] ) );
+                }
+            }
+        };
+    }());
+
+_nativeFullscreen.listen();
+
+/**
+    The main Galleria class
+
+    @class
+    @constructor
+
+    @example var gallery = new Galleria();
+
+    @author http://aino.se
+
+    @requires jQuery
+
+*/
+
+Galleria = function() {
+
+    var self = this;
+
+    // internal options
+    this._options = {};
+
+    // flag for controlling play/pause
+    this._playing = false;
+
+    // internal interval for slideshow
+    this._playtime = 5000;
+
+    // internal variable for the currently active image
+    this._active = null;
+
+    // the internal queue, arrayified
+    this._queue = { length: 0 };
+
+    // the internal data array
+    this._data = [];
+
+    // the internal dom collection
+    this._dom = {};
+
+    // the internal thumbnails array
+    this._thumbnails = [];
+
+    // the internal layers array
+    this._layers = [];
+
+    // internal init flag
+    this._initialized = false;
+
+    // internal firstrun flag
+    this._firstrun = false;
+
+    // global stagewidth/height
+    this._stageWidth = 0;
+    this._stageHeight = 0;
+
+    // target holder
+    this._target = undef;
+
+    // bind hashes
+    this._binds = [];
+
+    // instance id
+    this._id = parseInt(Math.random()*10000, 10);
+
+    // add some elements
+    var divs =  'container stage images image-nav image-nav-left image-nav-right ' +
+                'info info-text info-title info-description ' +
+                'thumbnails thumbnails-list thumbnails-container thumb-nav-left thumb-nav-right ' +
+                'loader counter tooltip',
+        spans = 'current total';
+
+    $.each( divs.split(' '), function( i, elemId ) {
+        self._dom[ elemId ] = Utils.create( 'galleria-' + elemId );
+    });
+
+    $.each( spans.split(' '), function( i, elemId ) {
+        self._dom[ elemId ] = Utils.create( 'galleria-' + elemId, 'span' );
+    });
+
+    // the internal keyboard object
+    // keeps reference of the keybinds and provides helper methods for binding keys
+    var keyboard = this._keyboard = {
+
+        keys : {
+            'UP': 38,
+            'DOWN': 40,
+            'LEFT': 37,
+            'RIGHT': 39,
+            'RETURN': 13,
+            'ESCAPE': 27,
+            'BACKSPACE': 8,
+            'SPACE': 32
+        },
+
+        map : {},
+
+        bound: false,
+
+        press: function(e) {
+            var key = e.keyCode || e.which;
+            if ( key in keyboard.map && typeof keyboard.map[key] === 'function' ) {
+                keyboard.map[key].call(self, e);
+            }
+        },
+
+        attach: function(map) {
+
+            var key, up;
+
+            for( key in map ) {
+                if ( map.hasOwnProperty( key ) ) {
+                    up = key.toUpperCase();
+                    if ( up in keyboard.keys ) {
+                        keyboard.map[ keyboard.keys[up] ] = map[key];
+                    } else {
+                        keyboard.map[ up ] = map[key];
+                    }
+                }
+            }
+            if ( !keyboard.bound ) {
+                keyboard.bound = true;
+                $doc.bind('keydown', keyboard.press);
+            }
+        },
+
+        detach: function() {
+            keyboard.bound = false;
+            keyboard.map = {};
+            $doc.unbind('keydown', keyboard.press);
+        }
+    };
+
+    // internal controls for keeping track of active / inactive images
+    var controls = this._controls = {
+
+        0: undef,
+
+        1: undef,
+
+        active : 0,
+
+        swap : function() {
+            controls.active = controls.active ? 0 : 1;
+        },
+
+        getActive : function() {
+            return controls[ controls.active ];
+        },
+
+        getNext : function() {
+            return controls[ 1 - controls.active ];
+        }
+    };
+
+    // internal carousel object
+    var carousel = this._carousel = {
+
+        // shortcuts
+        next: self.$('thumb-nav-right'),
+        prev: self.$('thumb-nav-left'),
+
+        // cache the width
+        width: 0,
+
+        // track the current position
+        current: 0,
+
+        // cache max value
+        max: 0,
+
+        // save all hooks for each width in an array
+        hooks: [],
+
+        // update the carousel
+        // you can run this method anytime, f.ex on window.resize
+        update: function() {
+            var w = 0,
+                h = 0,
+                hooks = [0];
+
+            $.each( self._thumbnails, function( i, thumb ) {
+                if ( thumb.ready ) {
+                    w += thumb.outerWidth || $( thumb.container ).outerWidth( true );
+                    hooks[ i+1 ] = w;
+                    h = Math.max( h, thumb.outerHeight || $( thumb.container).outerHeight( true ) );
+                }
+            });
+
+            self.$( 'thumbnails' ).css({
+                width: w,
+                height: h
+            });
+
+            carousel.max = w;
+            carousel.hooks = hooks;
+            carousel.width = self.$( 'thumbnails-list' ).width();
+            carousel.setClasses();
+
+            self.$( 'thumbnails-container' ).toggleClass( 'galleria-carousel', w > carousel.width );
+
+            // one extra calculation
+            carousel.width = self.$( 'thumbnails-list' ).width();
+
+            // todo: fix so the carousel moves to the left
+        },
+
+        bindControls: function() {
+
+            var i;
+
+            carousel.next.bind( 'click', function(e) {
+                e.preventDefault();
+
+                if ( self._options.carouselSteps === 'auto' ) {
+
+                    for ( i = carousel.current; i < carousel.hooks.length; i++ ) {
+                        if ( carousel.hooks[i] - carousel.hooks[ carousel.current ] > carousel.width ) {
+                            carousel.set(i - 2);
+                            break;
+                        }
+                    }
+
+                } else {
+                    carousel.set( carousel.current + self._options.carouselSteps);
+                }
+            });
+
+            carousel.prev.bind( 'click', function(e) {
+                e.preventDefault();
+
+                if ( self._options.carouselSteps === 'auto' ) {
+
+                    for ( i = carousel.current; i >= 0; i-- ) {
+                        if ( carousel.hooks[ carousel.current ] - carousel.hooks[i] > carousel.width ) {
+                            carousel.set( i + 2 );
+                            break;
+                        } else if ( i === 0 ) {
+                            carousel.set( 0 );
+                            break;
+                        }
+                    }
+                } else {
+                    carousel.set( carousel.current - self._options.carouselSteps );
+                }
+            });
+        },
+
+        // calculate and set positions
+        set: function( i ) {
+            i = Math.max( i, 0 );
+            while ( carousel.hooks[i - 1] + carousel.width >= carousel.max && i >= 0 ) {
+                i--;
+            }
+            carousel.current = i;
+            carousel.animate();
+        },
+
+        // get the last position
+        getLast: function(i) {
+            return ( i || carousel.current ) - 1;
+        },
+
+        // follow the active image
+        follow: function(i) {
+
+            //don't follow if position fits
+            if ( i === 0 || i === carousel.hooks.length - 2 ) {
+                carousel.set( i );
+                return;
+            }
+
+            // calculate last position
+            var last = carousel.current;
+            while( carousel.hooks[last] - carousel.hooks[ carousel.current ] <
+                   carousel.width && last <= carousel.hooks.length ) {
+                last ++;
+            }
+
+            // set position
+            if ( i - 1 < carousel.current ) {
+                carousel.set( i - 1 );
+            } else if ( i + 2 > last) {
+                carousel.set( i - last + carousel.current + 2 );
+            }
+        },
+
+        // helper for setting disabled classes
+        setClasses: function() {
+            carousel.prev.toggleClass( 'disabled', !carousel.current );
+            carousel.next.toggleClass( 'disabled', carousel.hooks[ carousel.current ] + carousel.width >= carousel.max );
+        },
+
+        // the animation method
+        animate: function(to) {
+            carousel.setClasses();
+            var num = carousel.hooks[ carousel.current ] * -1;
+
+            if ( isNaN( num ) ) {
+                return;
+            }
+
+            Utils.animate(self.get( 'thumbnails' ), {
+                left: num
+            },{
+                duration: self._options.carouselSpeed,
+                easing: self._options.easing,
+                queue: false
+            });
+        }
+    };
+
+    // tooltip control
+    // added in 1.2
+    var tooltip = this._tooltip = {
+
+        initialized : false,
+
+        open: false,
+
+        timer: 'tooltip' + self._id,
+
+        swapTimer: 'swap' + self._id,
+
+        init: function() {
+
+            tooltip.initialized = true;
+
+            var css = '.galleria-tooltip{padding:3px 8px;max-width:50%;background:#ffe;color:#000;z-index:3;position:absolute;font-size:11px;line-height:1.3;' +
+                      'opacity:0;box-shadow:0 0 2px rgba(0,0,0,.4);-moz-box-shadow:0 0 2px rgba(0,0,0,.4);-webkit-box-shadow:0 0 2px rgba(0,0,0,.4);}';
+
+            Utils.insertStyleTag(css);
+
+            self.$( 'tooltip' ).css({
+                opacity: 0.8,
+                visibility: 'visible',
+                display: 'none'
+            });
+
+        },
+
+        // move handler
+        move: function( e ) {
+            var mouseX = self.getMousePosition(e).x,
+                mouseY = self.getMousePosition(e).y,
+                $elem = self.$( 'tooltip' ),
+                x = mouseX,
+                y = mouseY,
+                height = $elem.outerHeight( true ) + 1,
+                width = $elem.outerWidth( true ),
+                limitY = height + 15;
+
+            var maxX = self.$( 'container').width() - width - 2,
+                maxY = self.$( 'container').height() - height - 2;
+
+            if ( !isNaN(x) && !isNaN(y) ) {
+
+                x += 10;
+                y -= 30;
+
+                x = Math.max( 0, Math.min( maxX, x ) );
+                y = Math.max( 0, Math.min( maxY, y ) );
+
+                if( mouseY < limitY ) {
+                    y = limitY;
+                }
+
+                $elem.css({ left: x, top: y });
+            }
+        },
+
+        // bind elements to the tooltip
+        // you can bind multiple elementIDs using { elemID : function } or { elemID : string }
+        // you can also bind single DOM elements using bind(elem, string)
+        bind: function( elem, value ) {
+
+            // todo: revise if alternative tooltip is needed for mobile devices
+            if (Galleria.TOUCH) {
+                return;
+            }
+
+            if (! tooltip.initialized ) {
+                tooltip.init();
+            }
+
+            var mouseout = function() {
+                self.$( 'container' ).unbind( 'mousemove', tooltip.move );
+                self.clearTimer( tooltip.timer );
+
+                self.$( 'tooltip' ).stop().animate({
+                    opacity: 0
+                }, 200, function() {
+
+                    self.$( 'tooltip' ).hide();
+
+                    self.addTimer( tooltip.swapTimer, function() {
+                        tooltip.open = false;
+                    }, 1000);
+                });
+            };
+
+            var hover = function( elem, value) {
+
+                tooltip.define( elem, value );
+
+                $( elem ).hover(function() {
+
+                    self.clearTimer( tooltip.swapTimer );
+                    self.$('container').unbind( 'mousemove', tooltip.move ).bind( 'mousemove', tooltip.move ).trigger( 'mousemove' );
+                    tooltip.show( elem );
+
+                    self.addTimer( tooltip.timer, function() {
+                        self.$( 'tooltip' ).stop().show().animate({
+                            opacity: 1
+                        });
+                        tooltip.open = true;
+
+                    }, tooltip.open ? 0 : 500);
+
+                }, mouseout).click(mouseout);
+            };
+
+            if ( typeof value === 'string' ) {
+                hover( ( elem in self._dom ? self.get( elem ) : elem ), value );
+            } else {
+                // asume elemID here
+                $.each( elem, function( elemID, val ) {
+                    hover( self.get(elemID), val );
+                });
+            }
+        },
+
+        show: function( elem ) {
+
+            elem = $( elem in self._dom ? self.get(elem) : elem );
+
+            var text = elem.data( 'tt' ),
+                mouseup = function( e ) {
+
+                    // attach a tiny settimeout to make sure the new tooltip is filled
+                    window.setTimeout( (function( ev ) {
+                        return function() {
+                            tooltip.move( ev );
+                        };
+                    }( e )), 10);
+
+                    elem.unbind( 'mouseup', mouseup );
+
+                };
+
+            text = typeof text === 'function' ? text() : text;
+
+            if ( ! text ) {
+                return;
+            }
+
+            self.$( 'tooltip' ).html( text.replace(/\s/, '&nbsp;') );
+
+            // trigger mousemove on mouseup in case of click
+            elem.bind( 'mouseup', mouseup );
+        },
+
+        define: function( elem, value ) {
+
+            // we store functions, not strings
+            if (typeof value !== 'function') {
+                var s = value;
+                value = function() {
+                    return s;
+                };
+            }
+
+            elem = $( elem in self._dom ? self.get(elem) : elem ).data('tt', value);
+
+            tooltip.show( elem );
+
+        }
+    };
+
+    // internal fullscreen control
+    var fullscreen = this._fullscreen = {
+
+        scrolled: 0,
+
+        crop: undef,
+
+        transition: undef,
+
+        active: false,
+
+        keymap: self._keyboard.map,
+
+        parseCallback: function( callback, enter ) {
+
+            return _transitions.active ? function() {
+                if ( typeof callback == 'function' ) {
+                    callback();
+                }
+                var active = self._controls.getActive(),
+                    next = self._controls.getNext();
+
+                self._scaleImage( next );
+                self._scaleImage( active );
+
+                if ( enter && self._options.trueFullscreen ) {
+                    // Firefox bug, revise later
+                    $( active.container ).add( next.container ).trigger( 'transitionend' );
+                }
+
+            } : callback;
+
+        },
+
+        enter: function( callback ) {
+
+            callback = fullscreen.parseCallback( callback, true );
+
+            if ( self._options.trueFullscreen && _nativeFullscreen.support ) {
+                _nativeFullscreen.enter( self, callback );
+            } else {
+                fullscreen._enter( callback );
+            }
+        },
+
+        _enter: function( callback ) {
+
+            fullscreen.active = true;
+
+            // hide the image until rescale is complete
+            Utils.hide( self.getActiveImage() );
+
+            self.$( 'container' ).addClass( 'fullscreen' );
+
+            fullscreen.scrolled = $win.scrollTop();
+
+            // begin styleforce
+            Utils.forceStyles(self.get('container'), {
+                position: 'fixed',
+                top: 0,
+                left: 0,
+                width: '100%',
+                height: '100%',
+                zIndex: 10000
+            });
+
+            var htmlbody = {
+                    height: '100%',
+                    overflow: 'hidden',
+                    margin:0,
+                    padding:0
+                },
+
+                data = self.getData(),
+
+                options = self._options;
+
+            Utils.forceStyles( DOM().html, htmlbody );
+            Utils.forceStyles( DOM().body, htmlbody );
+
+            // temporarily attach some keys
+            // save the old ones first in a cloned object
+            fullscreen.keymap = $.extend({}, self._keyboard.map);
+
+            self.attachKeyboard({
+                escape: self.exitFullscreen,
+                right: self.next,
+                left: self.prev
+            });
+
+            // temporarily save the crop
+            fullscreen.crop = options.imageCrop;
+
+            // set fullscreen options
+            if ( options.fullscreenCrop != undef ) {
+                options.imageCrop = options.fullscreenCrop;
+            }
+
+            // swap to big image if it's different from the display image
+            if ( data && data.big && data.image !== data.big ) {
+                var big    = new Galleria.Picture(),
+                    cached = big.isCached( data.big ),
+                    index  = self.getIndex(),
+                    thumb  = self._thumbnails[ index ];
+
+                self.trigger( {
+                    type: Galleria.LOADSTART,
+                    cached: cached,
+                    rewind: false,
+                    index: index,
+                    imageTarget: self.getActiveImage(),
+                    thumbTarget: thumb,
+                    galleriaData: data
+                });
+
+                big.load( data.big, function( big ) {
+                    self._scaleImage( big, {
+                        complete: function( big ) {
+                            self.trigger({
+                                type: Galleria.LOADFINISH,
+                                cached: cached,
+                                index: index,
+                                rewind: false,
+                                imageTarget: big.image,
+                                thumbTarget: thumb
+                            });
+                            var image = self._controls.getActive().image;
+                            if ( image ) {
+                                $( image ).width( big.image.width ).height( big.image.height )
+                                    .attr( 'style', $( big.image ).attr('style') )
+                                    .attr( 'src', big.image.src );
+                            }
+                        }
+                    });
+                });
+            }
+
+            // init the first rescale and attach callbacks
+            self.rescale(function() {
+
+                self.addTimer(false, function() {
+                    // show the image after 50 ms
+                    Utils.show( self.getActiveImage() );
+
+                    if (typeof callback === 'function') {
+                        callback.call( self );
+                    }
+
+                }, 100);
+
+                self.trigger( Galleria.FULLSCREEN_ENTER );
+            });
+
+            // bind the scaling to the resize event
+            $win.resize( function() {
+                fullscreen.scale();
+            } );
+        },
+
+        scale : function() {
+            self.rescale();
+        },
+
+        exit: function( callback ) {
+
+            callback = fullscreen.parseCallback( callback );
+
+            if ( self._options.trueFullscreen && _nativeFullscreen.support ) {
+                _nativeFullscreen.exit( callback );
+            } else {
+                fullscreen._exit( callback );
+            }
+        },
+
+        _exit: function( callback ) {
+
+            fullscreen.active = false;
+
+            Utils.hide( self.getActiveImage() );
+
+            self.$('container').removeClass( 'fullscreen' );
+
+            // revert all styles
+            Utils.revertStyles( self.get('container'), DOM().html, DOM().body );
+
+            // scroll back
+            window.scrollTo(0, fullscreen.scrolled);
+
+            // detach all keyboard events and apply the old keymap
+            self.detachKeyboard();
+            self.attachKeyboard( fullscreen.keymap );
+
+            // bring back cached options
+            self._options.imageCrop = fullscreen.crop;
+            //self._options.transition = fullscreen.transition;
+
+            // return to original image
+            var big = self.getData().big,
+                image = self._controls.getActive().image;
+
+            if ( !self.getData().iframe && image && big && big == image.src ) {
+
+                window.setTimeout(function(src) {
+                    return function() {
+                        image.src = src;
+                    };
+                }( self.getData().image ), 1 );
+
+            }
+
+            self.rescale(function() {
+                self.addTimer(false, function() {
+
+                    // show the image after 50 ms
+                    Utils.show( self.getActiveImage() );
+
+                    if ( typeof callback === 'function' ) {
+                        callback.call( self );
+                    }
+
+                    $win.trigger( 'resize' );
+
+                }, 50);
+                self.trigger( Galleria.FULLSCREEN_EXIT );
+            });
+
+
+            $win.unbind('resize', fullscreen.scale);
+        }
+    };
+
+    // the internal idle object for controlling idle states
+    var idle = this._idle = {
+
+        trunk: [],
+
+        bound: false,
+
+        active: false,
+
+        add: function(elem, to, from, hide) {
+            if (!elem) {
+                return;
+            }
+            if (!idle.bound) {
+                idle.addEvent();
+            }
+            elem = $(elem);
+
+            if ( typeof from == 'boolean' ) {
+                hide = from;
+                from = {};
+            }
+
+            from = from || {};
+
+            var extract = {},
+                style;
+
+            for ( style in to ) {
+                if ( to.hasOwnProperty( style ) ) {
+                    extract[ style ] = elem.css( style );
+                }
+            }
+
+            elem.data('idle', {
+                from: $.extend( extract, from ),
+                to: to,
+                complete: true,
+                busy: false
+            });
+
+            if ( !hide ) {
+                idle.addTimer();
+            } else {
+                elem.css( to );
+            }
+            idle.trunk.push(elem);
+        },
+
+        remove: function(elem) {
+
+            elem = $(elem);
+
+            $.each(idle.trunk, function(i, el) {
+                if ( el && el.length && !el.not(elem).length ) {
+                    elem.css( elem.data( 'idle' ).from );
+                    idle.trunk.splice(i, 1);
+                }
+            });
+
+            if (!idle.trunk.length) {
+                idle.removeEvent();
+                self.clearTimer( idle.timer );
+            }
+        },
+
+        addEvent : function() {
+            idle.bound = true;
+            self.$('container').bind( 'mousemove click', idle.showAll );
+            if ( self._options.idleMode == 'hover' ) {
+                self.$('container').bind( 'mouseleave', idle.hide );
+            }
+        },
+
+        removeEvent : function() {
+            idle.bound = false;
+            self.$('container').bind( 'mousemove click', idle.showAll );
+            if ( self._options.idleMode == 'hover' ) {
+                self.$('container').unbind( 'mouseleave', idle.hide );
+            }
+        },
+
+        addTimer : function() {
+            if( self._options.idleMode == 'hover' ) {
+                return;
+            }
+            self.addTimer( 'idle', function() {
+                idle.hide();
+            }, self._options.idleTime );
+        },
+
+        hide : function() {
+
+            if ( !self._options.idleMode || self.getIndex() === false || self.getData().iframe ) {
+                return;
+            }
+
+            self.trigger( Galleria.IDLE_ENTER );
+
+            var len = idle.trunk.length;
+
+            $.each( idle.trunk, function(i, elem) {
+
+                var data = elem.data('idle');
+
+                if (! data) {
+                    return;
+                }
+
+                elem.data('idle').complete = false;
+
+                Utils.animate( elem, data.to, {
+                    duration: self._options.idleSpeed,
+                    complete: function() {
+                        if ( i == len-1 ) {
+                            idle.active = false;
+                        }
+                    }
+                });
+            });
+        },
+
+        showAll : function() {
+
+            self.clearTimer( 'idle' );
+
+            $.each( idle.trunk, function( i, elem ) {
+                idle.show( elem );
+            });
+        },
+
+        show: function(elem) {
+
+            var data = elem.data('idle');
+
+            if ( !idle.active || ( !data.busy && !data.complete ) ) {
+
+                data.busy = true;
+
+                self.trigger( Galleria.IDLE_EXIT );
+
+                self.clearTimer( 'idle' );
+
+                Utils.animate( elem, data.from, {
+                    duration: self._options.idleSpeed/2,
+                    complete: function() {
+                        idle.active = true;
+                        $(elem).data('idle').busy = false;
+                        $(elem).data('idle').complete = true;
+                    }
+                });
+
+            }
+            idle.addTimer();
+        }
+    };
+
+    // internal lightbox object
+    // creates a predesigned lightbox for simple popups of images in galleria
+    var lightbox = this._lightbox = {
+
+        width : 0,
+
+        height : 0,
+
+        initialized : false,
+
+        active : null,
+
+        image : null,
+
+        elems : {},
+
+        keymap: false,
+
+        init : function() {
+
+            // trigger the event
+            self.trigger( Galleria.LIGHTBOX_OPEN );
+
+            if ( lightbox.initialized ) {
+                return;
+            }
+            lightbox.initialized = true;
+
+            // create some elements to work with
+            var elems = 'overlay box content shadow title info close prevholder prev nextholder next counter image',
+                el = {},
+                op = self._options,
+                css = '',
+                abs = 'position:absolute;',
+                prefix = 'lightbox-',
+                cssMap = {
+                    overlay:    'position:fixed;display:none;opacity:'+op.overlayOpacity+';filter:alpha(opacity='+(op.overlayOpacity*100)+
+                                ');top:0;left:0;width:100%;height:100%;background:'+op.overlayBackground+';z-index:99990',
+                    box:        'position:fixed;display:none;width:400px;height:400px;top:50%;left:50%;margin-top:-200px;margin-left:-200px;z-index:99991',
+                    shadow:     abs+'background:#000;width:100%;height:100%;',
+                    content:    abs+'background-color:#fff;top:10px;left:10px;right:10px;bottom:10px;overflow:hidden',
+                    info:       abs+'bottom:10px;left:10px;right:10px;color:#444;font:11px/13px arial,sans-serif;height:13px',
+                    close:      abs+'top:10px;right:10px;height:20px;width:20px;background:#fff;text-align:center;cursor:pointer;color:#444;font:16px/22px arial,sans-serif;z-index:99999',
+                    image:      abs+'top:10px;left:10px;right:10px;bottom:30px;overflow:hidden;display:block;',
+                    prevholder: abs+'width:50%;top:0;bottom:40px;cursor:pointer;',
+                    nextholder: abs+'width:50%;top:0;bottom:40px;right:-1px;cursor:pointer;',
+                    prev:       abs+'top:50%;margin-top:-20px;height:40px;width:30px;background:#fff;left:20px;display:none;text-align:center;color:#000;font:bold 16px/36px arial,sans-serif',
+                    next:       abs+'top:50%;margin-top:-20px;height:40px;width:30px;background:#fff;right:20px;left:auto;display:none;font:bold 16px/36px arial,sans-serif;text-align:center;color:#000',
+                    title:      'float:left',
+                    counter:    'float:right;margin-left:8px;'
+                },
+                hover = function(elem) {
+                    return elem.hover(
+                        function() { $(this).css( 'color', '#bbb' ); },
+                        function() { $(this).css( 'color', '#444' ); }
+                    );
+                },
+                appends = {};
+
+            // IE8 fix for IE's transparent background event "feature"
+            if ( IE && IE > 7 ) {
+                cssMap.nextholder += 'background:#000;filter:alpha(opacity=0);';
+                cssMap.prevholder += 'background:#000;filter:alpha(opacity=0);';
+            }
+
+            // create and insert CSS
+            $.each(cssMap, function( key, value ) {
+                css += '.galleria-'+prefix+key+'{'+value+'}';
+            });
+
+            css += '.galleria-'+prefix+'box.iframe .galleria-'+prefix+'prevholder,'+
+                   '.galleria-'+prefix+'box.iframe .galleria-'+prefix+'nextholder{'+
+                   'width:100px;height:100px;top:50%;margin-top:-70px}';
+
+            Utils.insertStyleTag( css );
+
+            // create the elements
+            $.each(elems.split(' '), function( i, elemId ) {
+                self.addElement( 'lightbox-' + elemId );
+                el[ elemId ] = lightbox.elems[ elemId ] = self.get( 'lightbox-' + elemId );
+            });
+
+            // initiate the image
+            lightbox.image = new Galleria.Picture();
+
+            // append the elements
+            $.each({
+                    box: 'shadow content close prevholder nextholder',
+                    info: 'title counter',
+                    content: 'info image',
+                    prevholder: 'prev',
+                    nextholder: 'next'
+                }, function( key, val ) {
+                    var arr = [];
+                    $.each( val.split(' '), function( i, prop ) {
+                        arr.push( prefix + prop );
+                    });
+                    appends[ prefix+key ] = arr;
+            });
+
+            self.append( appends );
+
+            $( el.image ).append( lightbox.image.container );
+
+            $( DOM().body ).append( el.overlay, el.box );
+
+            Utils.optimizeTouch( el.box );
+
+            // add the prev/next nav and bind some controls
+
+            hover( $( el.close ).bind( 'click', lightbox.hide ).html('&#215;') );
+
+            $.each( ['Prev','Next'], function(i, dir) {
+
+                var $d = $( el[ dir.toLowerCase() ] ).html( /v/.test( dir ) ? '&#8249;&nbsp;' : '&nbsp;&#8250;' ),
+                    $e = $( el[ dir.toLowerCase()+'holder'] );
+
+                $e.bind( 'click', function() {
+                    lightbox[ 'show' + dir ]();
+                });
+
+                // IE7 and touch devices will simply show the nav
+                if ( IE < 8 || Galleria.TOUCH ) {
+                    $d.show();
+                    return;
+                }
+
+                $e.hover( function() {
+                    $d.show();
+                }, function(e) {
+                    $d.stop().fadeOut( 200 );
+                });
+
+            });
+            $( el.overlay ).bind( 'click', lightbox.hide );
+
+            // the lightbox animation is slow on ipad
+            if ( Galleria.IPAD ) {
+                self._options.lightboxTransitionSpeed = 0;
+            }
+
+        },
+
+        rescale: function(event) {
+
+            // calculate
+             var width = Math.min( $win.width()-40, lightbox.width ),
+                height = Math.min( $win.height()-60, lightbox.height ),
+                ratio = Math.min( width / lightbox.width, height / lightbox.height ),
+                destWidth = Math.round( lightbox.width * ratio ) + 40,
+                destHeight = Math.round( lightbox.height * ratio ) + 60,
+                to = {
+                    width: destWidth,
+                    height: destHeight,
+                    'margin-top': Math.ceil( destHeight / 2 ) *- 1,
+                    'margin-left': Math.ceil( destWidth / 2 ) *- 1
+                };
+
+            // if rescale event, don't animate
+            if ( event ) {
+                $( lightbox.elems.box ).css( to );
+            } else {
+                $( lightbox.elems.box ).animate( to, {
+                    duration: self._options.lightboxTransitionSpeed,
+                    easing: self._options.easing,
+                    complete: function() {
+                        var image = lightbox.image,
+                            speed = self._options.lightboxFadeSpeed;
+
+                        self.trigger({
+                            type: Galleria.LIGHTBOX_IMAGE,
+                            imageTarget: image.image
+                        });
+
+                        $( image.container ).show();
+
+                        $( image.image ).animate({ opacity: 1 }, speed);
+                        Utils.show( lightbox.elems.info, speed );
+                    }
+                });
+            }
+        },
+
+        hide: function() {
+
+            // remove the image
+            lightbox.image.image = null;
+
+            $win.unbind('resize', lightbox.rescale);
+
+            $( lightbox.elems.box ).hide();
+
+            Utils.hide( lightbox.elems.info );
+
+            self.detachKeyboard();
+            self.attachKeyboard( lightbox.keymap );
+
+            lightbox.keymap = false;
+
+            Utils.hide( lightbox.elems.overlay, 200, function() {
+                $( this ).hide().css( 'opacity', self._options.overlayOpacity );
+                self.trigger( Galleria.LIGHTBOX_CLOSE );
+            });
+        },
+
+        showNext: function() {
+            lightbox.show( self.getNext( lightbox.active ) );
+        },
+
+        showPrev: function() {
+            lightbox.show( self.getPrev( lightbox.active ) );
+        },
+
+        show: function(index) {
+
+            lightbox.active = index = typeof index === 'number' ? index : self.getIndex() || 0;
+
+            if ( !lightbox.initialized ) {
+                lightbox.init();
+            }
+
+            // temporarily attach some keys
+            // save the old ones first in a cloned object
+            if ( !lightbox.keymap ) {
+
+                lightbox.keymap = $.extend({}, self._keyboard.map);
+
+                self.attachKeyboard({
+                    escape: lightbox.hide,
+                    right: lightbox.showNext,
+                    left: lightbox.showPrev
+                });
+            }
+
+            $win.unbind('resize', lightbox.rescale );
+
+            var data = self.getData(index),
+                total = self.getDataLength(),
+                n = self.getNext( index ),
+                ndata, p, i;
+
+            Utils.hide( lightbox.elems.info );
+
+            try {
+                for ( i = self._options.preload; i > 0; i-- ) {
+                    p = new Galleria.Picture();
+                    ndata = self.getData( n );
+                    p.preload( 'big' in ndata ? ndata.big : ndata.image );
+                    n = self.getNext( n );
+                }
+            } catch(e) {}
+
+            lightbox.image.isIframe = !!data.iframe;
+
+            $(lightbox.elems.box).toggleClass( 'iframe', !!data.iframe );
+
+            lightbox.image.load( data.iframe || data.big || data.image, function( image ) {
+
+                lightbox.width = image.isIframe ? $(window).width() : image.original.width;
+                lightbox.height = image.isIframe ? $(window).height() : image.original.height;
+
+                $( image.image ).css({
+                    width: image.isIframe ? '100%' : '100.1%',
+                    height: image.isIframe ? '100%' : '100.1%',
+                    top: 0,
+                    zIndex: 99998,
+                    opacity: 0,
+                    visibility: 'visible'
+                });
+
+                lightbox.elems.title.innerHTML = data.title || '';
+                lightbox.elems.counter.innerHTML = (index + 1) + ' / ' + total;
+                $win.resize( lightbox.rescale );
+                lightbox.rescale();
+            });
+
+            $( lightbox.elems.overlay ).show().css( 'visibility', 'visible' );
+            $( lightbox.elems.box ).show();
+        }
+    };
+
+    // the internal timeouts object
+    // provides helper methods for controlling timeouts
+
+    var _timer = this._timer = {
+
+        trunk: {},
+
+        add: function( id, fn, delay, loop ) {
+            id = id || new Date().getTime();
+            loop = loop || false;
+            this.clear( id );
+            if ( loop ) {
+                var old = fn;
+                fn = function() {
+                    old();
+                    _timer.add( id, fn, delay );
+                };
+            }
+            this.trunk[ id ] = window.setTimeout( fn, delay );
+        },
+
+        clear: function( id ) {
+
+            var del = function( i ) {
+                window.clearTimeout( this.trunk[ i ] );
+                delete this.trunk[ i ];
+            }, i;
+
+            if ( !!id && id in this.trunk ) {
+                del.call( this, id );
+
+            } else if ( typeof id === 'undefined' ) {
+                for ( i in this.trunk ) {
+                    if ( this.trunk.hasOwnProperty( i ) ) {
+                        del.call( this, i );
+                    }
+                }
+            }
+        }
+    };
+
+    return this;
+};
+
+// end Galleria constructor
+
+Galleria.prototype = {
+
+    // bring back the constructor reference
+
+    constructor: Galleria,
+
+    /**
+        Use this function to initialize the gallery and start loading.
+        Should only be called once per instance.
+
+        @param {HTMLElement} target The target element
+        @param {Object} options The gallery options
+
+        @returns Instance
+    */
+
+    init: function( target, options ) {
+
+        var self = this;
+
+        options = _legacyOptions( options );
+
+        // save the original ingredients
+        this._original = {
+            target: target,
+            options: options,
+            data: null
+        };
+
+        // save the target here
+        this._target = this._dom.target = target.nodeName ? target : $( target ).get(0);
+
+        // save the original content for destruction
+        this._original.html = this._target.innerHTML;
+
+        // push the instance
+        _instances.push( this );
+
+        // raise error if no target is detected
+        if ( !this._target ) {
+             Galleria.raise('Target not found', true);
+             return;
+        }
+
+        // apply options
+        this._options = {
+            autoplay: false,
+            carousel: true,
+            carouselFollow: true, // legacy, deprecate at 1.3
+            carouselSpeed: 400,
+            carouselSteps: 'auto',
+            clicknext: false,
+            dailymotion: {
+                foreground: '%23EEEEEE',
+                highlight: '%235BCEC5',
+                background: '%23222222',
+                logo: 0,
+                hideInfos: 1
+            },
+            dataConfig : function( elem ) { return {}; },
+            dataSelector: 'img',
+            dataSort: false,
+            dataSource: this._target,
+            debug: undef,
+            dummy: undef, // 1.2.5
+            easing: 'galleria',
+            extend: function(options) {},
+            fullscreenCrop: undef, // 1.2.5
+            fullscreenDoubleTap: true, // 1.2.4 toggles fullscreen on double-tap for touch devices
+            fullscreenTransition: undef, // 1.2.6
+            height: 0,
+            idleMode: true, // 1.2.4 toggles idleMode
+            idleTime: 3000,
+            idleSpeed: 200,
+            imageCrop: false,
+            imageMargin: 0,
+            imagePan: false,
+            imagePanSmoothness: 12,
+            imagePosition: '50%',
+            imageTimeout: undef, // 1.2.5
+            initialTransition: undef, // 1.2.4, replaces transitionInitial
+            keepSource: false,
+            layerFollow: true, // 1.2.5
+            lightbox: false, // 1.2.3
+            lightboxFadeSpeed: 200,
+            lightboxTransitionSpeed: 200,
+            linkSourceImages: true,
+            maxScaleRatio: undef,
+            minScaleRatio: undef,
+            overlayOpacity: 0.85,
+            overlayBackground: '#0b0b0b',
+            pauseOnInteraction: true,
+            popupLinks: false,
+            preload: 2,
+            queue: true,
+            responsive: true,
+            show: 0,
+            showInfo: true,
+            showCounter: true,
+            showImagenav: true,
+            swipe: true, // 1.2.4
+            thumbCrop: true,
+            thumbEventType: 'click',
+            thumbFit: true, // legacy, deprecate at 1.3
+            thumbMargin: 0,
+            thumbQuality: 'auto',
+            thumbDisplayOrder: true, // 1.2.8
+            thumbnails: true,
+            touchTransition: undef, // 1.2.6
+            transition: 'fade',
+            transitionInitial: undef, // legacy, deprecate in 1.3. Use initialTransition instead.
+            transitionSpeed: 400,
+            trueFullscreen: true, // 1.2.7
+            useCanvas: false, // 1.2.4
+            vimeo: {
+                title: 0,
+                byline: 0,
+                portrait: 0,
+                color: 'aaaaaa'
+            },
+            wait: 5000, // 1.2.7
+            width: 'auto',
+            youtube: {
+                modestbranding: 1,
+                autohide: 1,
+                color: 'white',
+                hd: 1,
+                rel: 0,
+                showinfo: 0
+            }
+        };
+
+        // legacy support for transitionInitial
+        this._options.initialTransition = this._options.initialTransition || this._options.transitionInitial;
+
+        // turn off debug
+        if ( options && options.debug === false ) {
+            DEBUG = false;
+        }
+
+        // set timeout
+        if ( options && typeof options.imageTimeout === 'number' ) {
+            TIMEOUT = options.imageTimeout;
+        }
+
+        // set dummy
+        if ( options && typeof options.dummy === 'string' ) {
+            DUMMY = options.dummy;
+        }
+
+        // hide all content
+        $( this._target ).children().hide();
+
+        // now we just have to wait for the theme...
+        if ( typeof Galleria.theme === 'object' ) {
+            this._init();
+        } else {
+            // push the instance into the pool and run it when the theme is ready
+            _pool.push( this );
+        }
+
+        return this;
+    },
+
+    // this method should only be called once per instance
+    // for manipulation of data, use the .load method
+
+    _init: function() {
+
+        var self = this,
+            options = this._options;
+
+        if ( this._initialized ) {
+            Galleria.raise( 'Init failed: Gallery instance already initialized.' );
+            return this;
+        }
+
+        this._initialized = true;
+
+        if ( !Galleria.theme ) {
+            Galleria.raise( 'Init failed: No theme found.', true );
+            return this;
+        }
+
+        // merge the theme & caller options
+        $.extend( true, options, Galleria.theme.defaults, this._original.options, Galleria.configure.options );
+
+        // check for canvas support
+        (function( can ) {
+
+            if ( !( 'getContext' in can ) ) {
+                can = null;
+                return;
+            }
+
+            _canvas = _canvas || {
+                elem: can,
+                context: can.getContext( '2d' ),
+                cache: {},
+                length: 0
+            };
+
+        }( doc.createElement( 'canvas' ) ) );
+
+        // bind the gallery to run when data is ready
+        this.bind( Galleria.DATA, function() {
+
+            // Warn for quirks mode
+            if ( Galleria.QUIRK ) {
+                Galleria.raise('Your page is in Quirks mode, Galleria may not render correctly. Please validate your HTML.');
+            }
+
+            // save the new data
+            this._original.data = this._data;
+
+            // lets show the counter here
+            this.get('total').innerHTML = this.getDataLength();
+
+            // cache the container
+            var $container = this.$( 'container' );
+
+            // set ratio if height is < 2
+            if ( self._options.height < 2 ) {
+                self._ratio = self._options.height;
+            }
+
+            // the gallery is ready, let's just wait for the css
+            var num = { width: 0, height: 0 };
+            var testHeight = function() {
+                return self.$( 'stage' ).height();
+            };
+
+            // check container and thumbnail height
+            Utils.wait({
+                until: function() {
+
+                    // keep trying to get the value
+                    num = self._getWH();
+                    $container.width( num.width ).height( num.height );
+                    return testHeight() && num.width && num.height > 50;
+
+                },
+                success: function() {
+
+                    self._width = num.width;
+                    self._height = num.height;
+                    self._ratio = self._ratio || num.height/num.width;
+
+                    // for some strange reason, webkit needs a single setTimeout to play ball
+                    if ( Galleria.WEBKIT ) {
+                        window.setTimeout( function() {
+                            self._run();
+                        }, 1);
+                    } else {
+                        self._run();
+                    }
+                },
+                error: function() {
+
+                    // Height was probably not set, raise hard errors
+
+                    if ( testHeight() ) {
+                        Galleria.raise('Could not extract sufficient width/height of the gallery container. Traced measures: width:' + num.width + 'px, height: ' + num.height + 'px.', true);
+                    } else {
+                        Galleria.raise('Could not extract a stage height from the CSS. Traced height: ' + testHeight() + 'px.', true);
+                    }
+                },
+                timeout: typeof this._options.wait == 'number' ? this._options.wait : false
+            });
+        });
+
+        // build the gallery frame
+        this.append({
+            'info-text' :
+                ['info-title', 'info-description'],
+            'info' :
+                ['info-text'],
+            'image-nav' :
+                ['image-nav-right', 'image-nav-left'],
+            'stage' :
+                ['images', 'loader', 'counter', 'image-nav'],
+            'thumbnails-list' :
+                ['thumbnails'],
+            'thumbnails-container' :
+                ['thumb-nav-left', 'thumbnails-list', 'thumb-nav-right'],
+            'container' :
+                ['stage', 'thumbnails-container', 'info', 'tooltip']
+        });
+
+        Utils.hide( this.$( 'counter' ).append(
+            this.get( 'current' ),
+            doc.createTextNode(' / '),
+            this.get( 'total' )
+        ) );
+
+        this.setCounter('&#8211;');
+
+        Utils.hide( self.get('tooltip') );
+
+        // add a notouch class on the container to prevent unwanted :hovers on touch devices
+        this.$( 'container' ).addClass( Galleria.TOUCH ? 'touch' : 'notouch' );
+
+        // add images to the controls
+        $.each( new Array(2), function( i ) {
+
+            // create a new Picture instance
+            var image = new Galleria.Picture();
+
+            // apply some styles, create & prepend overlay
+            $( image.container ).css({
+                position: 'absolute',
+                top: 0,
+                left: 0
+            }).prepend( self._layers[i] = $( Utils.create('galleria-layer') ).css({
+                position: 'absolute',
+                top:0, left:0, right:0, bottom:0,
+                zIndex:2
+            })[0] );
+
+            // append the image
+            self.$( 'images' ).append( image.container );
+
+            // reload the controls
+            self._controls[i] = image;
+
+        });
+
+        // some forced generic styling
+        this.$( 'images' ).css({
+            position: 'relative',
+            top: 0,
+            left: 0,
+            width: '100%',
+            height: '100%'
+        });
+
+        this.$( 'thumbnails, thumbnails-list' ).css({
+            overflow: 'hidden',
+            position: 'relative'
+        });
+
+        // bind image navigation arrows
+        this.$( 'image-nav-right, image-nav-left' ).bind( 'click', function(e) {
+
+            // tune the clicknext option
+            if ( options.clicknext ) {
+                e.stopPropagation();
+            }
+
+            // pause if options is set
+            if ( options.pauseOnInteraction ) {
+                self.pause();
+            }
+
+            // navigate
+            var fn = /right/.test( this.className ) ? 'next' : 'prev';
+            self[ fn ]();
+
+        });
+
+        // hide controls if chosen to
+        $.each( ['info','counter','image-nav'], function( i, el ) {
+            if ( options[ 'show' + el.substr(0,1).toUpperCase() + el.substr(1).replace(/-/,'') ] === false ) {
+                Utils.moveOut( self.get( el.toLowerCase() ) );
+            }
+        });
+
+        // load up target content
+        this.load();
+
+        // now it's usually safe to remove the content
+        // IE will never stop loading if we remove it, so let's keep it hidden for IE (it's usually fast enough anyway)
+        if ( !options.keepSource && !IE ) {
+            this._target.innerHTML = '';
+        }
+
+        // re-append the errors, if they happened before clearing
+        if ( this.get( 'errors' ) ) {
+            this.appendChild( 'target', 'errors' );
+        }
+
+        // append the gallery frame
+        this.appendChild( 'target', 'container' );
+
+        // parse the carousel on each thumb load
+        if ( options.carousel ) {
+            var count = 0,
+                show = options.show;
+            this.bind( Galleria.THUMBNAIL, function() {
+                this.updateCarousel();
+                if ( ++count == this.getDataLength() && typeof show == 'number' && show > 0 ) {
+                    this._carousel.follow( show );
+                }
+            });
+        }
+
+        // bind window resize for responsiveness
+        if ( options.responsive ) {
+            $win.bind( 'resize', function() {
+                if ( !self.isFullscreen() ) {
+                    self.resize();
+                }
+            });
+        }
+
+        // bind swipe gesture
+        if ( options.swipe ) {
+
+            (function( images ) {
+
+                var swipeStart = [0,0],
+                    swipeStop = [0,0],
+                    limitX = 30,
+                    limitY = 100,
+                    multi = false,
+                    tid = 0,
+                    data,
+                    ev = {
+                        start: 'touchstart',
+                        move: 'touchmove',
+                        stop: 'touchend'
+                    },
+                    getData = function(e) {
+                        return e.originalEvent.touches ? e.originalEvent.touches[0] : e;
+                    },
+                    moveHandler = function( e ) {
+
+                        if ( e.originalEvent.touches && e.originalEvent.touches.length > 1 ) {
+                            return;
+                        }
+
+                        data = getData( e );
+                        swipeStop = [ data.pageX, data.pageY ];
+
+                        if ( !swipeStart[0] ) {
+                            swipeStart = swipeStop;
+                        }
+
+                        if ( Math.abs( swipeStart[0] - swipeStop[0] ) > 10 ) {
+                            e.preventDefault();
+                        }
+                    },
+                    upHandler = function( e ) {
+
+                        images.unbind( ev.move, moveHandler );
+
+                        // if multitouch (possibly zooming), abort
+                        if ( ( e.originalEvent.touches && e.originalEvent.touches.length ) || multi ) {
+                            multi = !multi;
+                            return;
+                        }
+
+                        if ( Utils.timestamp() - tid < 1000 &&
+                             Math.abs( swipeStart[0] - swipeStop[0] ) > limitX &&
+                             Math.abs( swipeStart[1] - swipeStop[1] ) < limitY ) {
+
+                            e.preventDefault();
+                            self[ swipeStart[0] > swipeStop[0] ? 'next' : 'prev' ]();
+                        }
+
+                        swipeStart = swipeStop = [0,0];
+                    };
+
+                images.bind(ev.start, function(e) {
+
+                    if ( e.originalEvent.touches && e.originalEvent.touches.length > 1 ) {
+                        return;
+                    }
+
+                    data = getData(e);
+                    tid = Utils.timestamp();
+                    swipeStart = swipeStop = [ data.pageX, data.pageY ];
+                    images.bind(ev.move, moveHandler ).one(ev.stop, upHandler);
+
+                });
+
+            }( self.$( 'images' ) ));
+
+            // double-tap/click fullscreen toggle
+
+            if ( options.fullscreenDoubleTap ) {
+
+                this.$( 'stage' ).bind( 'touchstart', (function() {
+                    var last, cx, cy, lx, ly, now,
+                        getData = function(e) {
+                            return e.originalEvent.touches ? e.originalEvent.touches[0] : e;
+                        };
+                    return function(e) {
+                        now = Galleria.utils.timestamp();
+                        cx = getData(e).pageX;
+                        cy = getData(e).pageY;
+                        if ( ( now - last < 500 ) && ( cx - lx < 20) && ( cy - ly < 20) ) {
+                            self.toggleFullscreen();
+                            e.preventDefault();
+                            self.$( 'stage' ).unbind( 'touchend', arguments.callee );
+                            return;
+                        }
+                        last = now;
+                        lx = cx;
+                        ly = cy;
+                    };
+                }()));
+            }
+
+        }
+
+        // optimize touch for container
+        Utils.optimizeTouch( this.get( 'container' ) );
+
+        // bind the ons
+        $.each( Galleria.on.binds, function(i, bind) {
+            // check if already bound
+            if ( $.inArray( bind.hash, self._binds ) == -1 ) {
+                self.bind( bind.type, bind.callback );
+            }
+        });
+
+        return this;
+    },
+
+    addTimer : function() {
+        this._timer.add.apply( this._timer, Utils.array( arguments ) );
+        return this;
+    },
+
+    clearTimer : function() {
+        this._timer.clear.apply( this._timer, Utils.array( arguments ) );
+        return this;
+    },
+
+    // parse width & height from CSS or options
+
+    _getWH : function() {
+
+        var $container = this.$( 'container' ),
+            $target = this.$( 'target' ),
+            self = this,
+            num = {},
+            arr;
+
+        $.each(['width', 'height'], function( i, m ) {
+
+            // first check if options is set
+            if ( self._options[ m ] && typeof self._options[ m ] === 'number') {
+                num[ m ] = self._options[ m ];
+            } else {
+
+                arr = [
+                    Utils.parseValue( $container.css( m ) ),         // the container css height
+                    Utils.parseValue( $target.css( m ) ),            // the target css height
+                    $container[ m ](),                               // the container jQuery method
+                    $target[ m ]()                                   // the target jQuery method
+                ];
+
+                // if first time, include the min-width & min-height
+                if ( !self[ '_'+m ] ) {
+                    arr.splice(arr.length,
+                        Utils.parseValue( $container.css( 'min-'+m ) ),
+                        Utils.parseValue( $target.css( 'min-'+m ) )
+                    );
+                }
+
+                // else extract the measures from different sources and grab the highest value
+                num[ m ] = Math.max.apply( Math, arr );
+            }
+        });
+
+        // allow setting a height ratio instead of exact value
+        // useful when doing responsive galleries
+
+        if ( self._ratio ) {
+            num.height = num.width * self._ratio;
+        }
+
+        return num;
+    },
+
+    // Creates the thumbnails and carousel
+    // can be used at any time, f.ex when the data object is manipulated
+    // push is an optional argument with pushed images
+
+    _createThumbnails : function( push ) {
+
+        this.get( 'total' ).innerHTML = this.getDataLength();
+
+        var src,
+            thumb,
+            data,
+            special,
+
+            $container,
+
+            self = this,
+            o = this._options,
+
+            i = push ? this._data.length - push.length : 0,
+            chunk = i,
+
+            thumbchunk = [],
+            loadindex = 0,
+
+            gif = IE < 8 ? 'http://upload.wikimedia.org/wikipedia/commons/c/c0/Blank.gif' :
+                           'data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw%3D%3D',
+
+            // get previously active thumbnail, if exists
+            active = (function() {
+                var a = self.$('thumbnails').find('.active');
+                if ( !a.length ) {
+                    return false;
+                }
+                return a.find('img').attr('src');
+            }()),
+
+            // cache the thumbnail option
+            optval = typeof o.thumbnails === 'string' ? o.thumbnails.toLowerCase() : null,
+
+            // move some data into the instance
+            // for some reason, jQuery cant handle css(property) when zooming in FF, breaking the gallery
+            // so we resort to getComputedStyle for browsers who support it
+            getStyle = function( prop ) {
+                return doc.defaultView && doc.defaultView.getComputedStyle ?
+                    doc.defaultView.getComputedStyle( thumb.container, null )[ prop ] :
+                    $container.css( prop );
+            },
+
+            fake = function(image, index, container) {
+                return function() {
+                    $( container ).append( image );
+                    self.trigger({
+                        type: Galleria.THUMBNAIL,
+                        thumbTarget: image,
+                        index: index,
+                        galleriaData: self.getData( index )
+                    });
+                };
+            },
+
+            onThumbEvent = function( e ) {
+
+                // pause if option is set
+                if ( o.pauseOnInteraction ) {
+                    self.pause();
+                }
+
+                // extract the index from the data
+                var index = $( e.currentTarget ).data( 'index' );
+                if ( self.getIndex() !== index ) {
+                    self.show( index );
+                }
+
+                e.preventDefault();
+            },
+
+            thumbComplete = function( thumb, callback ) {
+
+                $( thumb.container ).css( 'visibility', 'visible' );
+                self.trigger({
+                    type: Galleria.THUMBNAIL,
+                    thumbTarget: thumb.image,
+                    index: thumb.data.order,
+                    galleriaData: self.getData( thumb.data.order )
+                });
+
+                if ( typeof callback == 'function' ) {
+                    callback.call( self, thumb );
+                }
+            },
+
+            onThumbLoad = function( thumb, callback ) {
+
+                // scale when ready
+                thumb.scale({
+                    width:    thumb.data.width,
+                    height:   thumb.data.height,
+                    crop:     o.thumbCrop,
+                    margin:   o.thumbMargin,
+                    canvas:   o.useCanvas,
+                    complete: function( thumb ) {
+
+                        // shrink thumbnails to fit
+                        var top = ['left', 'top'],
+                            arr = ['Width', 'Height'],
+                            m,
+                            css,
+                            data = self.getData( thumb.index ),
+                            special = data.thumb.split(':');
+
+                        // calculate shrinked positions
+                        $.each(arr, function( i, measure ) {
+                            m = measure.toLowerCase();
+                            if ( (o.thumbCrop !== true || o.thumbCrop === m ) && o.thumbFit ) {
+                                css = {};
+                                css[ m ] = thumb[ m ];
+                                $( thumb.container ).css( css );
+                                css = {};
+                                css[ top[ i ] ] = 0;
+                                $( thumb.image ).css( css );
+                            }
+
+                            // cache outer measures
+                            thumb[ 'outer' + measure ] = $( thumb.container )[ 'outer' + measure ]( true );
+                        });
+
+                        // set high quality if downscale is moderate
+                        Utils.toggleQuality( thumb.image,
+                            o.thumbQuality === true ||
+                            ( o.thumbQuality === 'auto' && thumb.original.width < thumb.width * 3 )
+                        );
+
+                        // get "special" thumbs from provider
+                        if( data.iframe && special.length == 2 && special[0] in _video ) {
+
+                            _video[ special[0] ].getThumb( special[1], (function(img) {
+                                return function(src) {
+                                    img.src = src;
+                                    thumbComplete( thumb, callback );
+                                };
+                            }( thumb.image ) ));
+
+                        } else if ( o.thumbDisplayOrder && !thumb.lazy ) {
+
+                            $.each( thumbchunk, function( i, th ) {
+                                if ( i === loadindex && th.ready && !th.displayed ) {
+
+                                    loadindex++;
+                                    th.displayed = true;
+
+                                    thumbComplete( th, callback );
+
+                                    return;
+                                }
+                            });
+                        } else {
+                            thumbComplete( thumb, callback );
+                        }
+                    }
+                });
+            };
+
+        if ( !push ) {
+            this._thumbnails = [];
+            this.$( 'thumbnails' ).empty();
+        }
+
+        // loop through data and create thumbnails
+        for( ; this._data[ i ]; i++ ) {
+
+            data = this._data[ i ];
+
+            // get source from thumb or image
+            src = data.thumb || data.image;
+
+            if ( ( o.thumbnails === true || optval == 'lazy' ) && ( data.thumb || data.image ) ) {
+
+                // add a new Picture instance
+                thumb = new Galleria.Picture(i);
+
+                // save the index
+                thumb.index = i;
+
+                // flag displayed
+                thumb.displayed = false;
+
+                // flag lazy
+                thumb.lazy = false;
+
+                // flag video
+                thumb.video = false;
+
+                // append the thumbnail
+                this.$( 'thumbnails' ).append( thumb.container );
+
+                // cache the container
+                $container = $( thumb.container );
+
+                // hide it
+                $container.css( 'visibility', 'hidden' );
+
+                thumb.data = {
+                    width  : Utils.parseValue( getStyle( 'width' ) ),
+                    height : Utils.parseValue( getStyle( 'height' ) ),
+                    order  : i,
+                    src    : src
+                };
+
+                // grab & reset size for smoother thumbnail loads
+                if ( o.thumbFit && o.thumbCrop !== true ) {
+                    $container.css( { width: 'auto', height: 'auto' } );
+                } else {
+                    $container.css( { width: thumb.data.width, height: thumb.data.height } );
+                }
+
+                // load the thumbnail
+                special = src.split(':');
+
+                if ( special.length == 2 && special[0] in _video ) {
+
+                    thumb.video = true;
+                    thumb.ready = true;
+
+                    thumb.load( gif, {
+                        height: thumb.data.height,
+                        width: thumb.data.height*1.25
+                    }, onThumbLoad);
+
+                } else if ( optval == 'lazy' ) {
+
+                    $container.addClass( 'lazy' );
+
+                    thumb.lazy = true;
+
+                    thumb.load( gif, {
+                        height: thumb.data.height,
+                        width: thumb.data.width
+                    });
+
+                } else {
+                    thumb.load( src, onThumbLoad );
+                }
+
+                // preload all images here
+                if ( o.preload === 'all' ) {
+                    thumb.preload( data.image );
+                }
+
+            // create empty spans if thumbnails is set to 'empty'
+            } else if ( data.iframe || optval === 'empty' || optval === 'numbers' ) {
+
+                thumb = {
+                    container:  Utils.create( 'galleria-image' ),
+                    image: Utils.create( 'img', 'span' ),
+                    ready: true
+                };
+
+                // create numbered thumbnails
+                if ( optval === 'numbers' ) {
+                    $( thumb.image ).text( i + 1 );
+                }
+
+                if ( data.iframe ) {
+                    $( thumb.image ).addClass( 'iframe' );
+                }
+
+                this.$( 'thumbnails' ).append( thumb.container );
+
+                // we need to "fake" a loading delay before we append and trigger
+                // 50+ should be enough
+
+                window.setTimeout( ( fake )( thumb.image, i, thumb.container ), 50 + ( i*20 ) );
+
+            // create null object to silent errors
+            } else {
+                thumb = {
+                    container: null,
+                    image: null
+                };
+            }
+
+            // add events for thumbnails
+            // you can control the event type using thumb_event_type
+            // we'll add the same event to the source if it's kept
+
+            $( thumb.container ).add( o.keepSource && o.linkSourceImages ? data.original : null )
+                .data('index', i).bind( o.thumbEventType, onThumbEvent )
+                .data('thumbload', onThumbLoad);
+
+            if (active === src) {
+                $( thumb.container ).addClass( 'active' );
+            }
+
+            this._thumbnails.push( thumb );
+        }
+
+        thumbchunk = this._thumbnails.slice( chunk );
+
+        return this;
+    },
+
+    /**
+        Lazy-loads thumbnails.
+        You can call this method to load lazy thumbnails at run time
+
+        @param {Array|Number} index Index or array of indexes of thumbnails to be loaded
+        @param {Function} complete Callback that is called when all lazy thumbnails have been loaded
+
+        @returns Instance
+    */
+
+    lazyLoad: function( index, complete ) {
+
+        var arr = index.constructor == Array ? index : [ index ],
+            self = this,
+            thumbnails = this.$( 'thumbnails' ).children().filter(function() {
+                return $(this).data('lazy-src');
+            }),
+            loaded = 0;
+
+        $.each( arr, function(i, ind) {
+
+            if ( ind > self._thumbnails.length - 1 ) {
+                return;
+            }
+
+            var thumb = self._thumbnails[ ind ],
+                data = thumb.data,
+                special = data.src.split(':'),
+                callback = function() {
+                    if ( ++loaded == arr.length && typeof complete == 'function' ) {
+                        complete.call( self );
+                    }
+                },
+                thumbload = $( thumb.container ).data( 'thumbload' );
+            if ( thumb.video ) {
+                thumbload.call( self, thumb, callback );
+            } else {
+                thumb.load( data.src , function( thumb ) {
+                    thumbload.call( self, thumb, callback );
+                });
+            }
+        });
+
+        return this;
+
+    },
+
+    /**
+        Lazy-loads thumbnails in chunks.
+        This method automatcally chops up the loading process of many thumbnails into chunks
+
+        @param {Number} size Size of each chunk to be loaded
+        @param {Number} [delay] Delay between each loads
+
+        @returns Instance
+    */
+
+    lazyLoadChunks: function( size, delay ) {
+
+        var len = this.getDataLength(),
+            i = 0,
+            n = 0,
+            arr = [],
+            temp = [],
+            self = this;
+
+        delay = delay || 0;
+
+        for( ; i<len; i++ ) {
+            temp.push(i);
+            if ( ++n == size || i == len-1 ) {
+                arr.push( temp );
+                n = 0;
+                temp = [];
+            }
+        }
+
+        var init = function( wait ) {
+            var a = arr.shift();
+            if ( a ) {
+                window.setTimeout(function() {
+                    self.lazyLoad(a, function() {
+                        init( true );
+                    });
+                }, ( delay && wait ) ? delay : 0 );
+            }
+        };
+
+        init( false );
+
+        return this;
+
+    },
+
+    // the internal _run method should be called after loading data into galleria
+    // makes sure the gallery has proper measurements before postrun & ready
+    _run : function() {
+
+        var self = this;
+
+        self._createThumbnails();
+
+        // make sure we have a stageHeight && stageWidth
+
+        Utils.wait({
+
+            timeout: 10000,
+
+            until: function() {
+
+                // Opera crap
+                if ( Galleria.OPERA ) {
+                    self.$( 'stage' ).css( 'display', 'inline-block' );
+                }
+
+                self._stageWidth  = self.$( 'stage' ).width();
+                self._stageHeight = self.$( 'stage' ).height();
+
+                return( self._stageWidth &&
+                        self._stageHeight > 50 ); // what is an acceptable height?
+            },
+
+            success: function() {
+
+                // save the instance
+                _galleries.push( self );
+
+                // postrun some stuff after the gallery is ready
+
+                // show counter
+                Utils.show( self.get('counter') );
+
+                // bind carousel nav
+                if ( self._options.carousel ) {
+                    self._carousel.bindControls();
+                }
+
+                // start autoplay
+                if ( self._options.autoplay ) {
+
+                    self.pause();
+
+                    if ( typeof self._options.autoplay === 'number' ) {
+                        self._playtime = self._options.autoplay;
+                    }
+
+                    self._playing = true;
+                }
+                // if second load, just do the show and return
+                if ( self._firstrun ) {
+
+                    if ( self._options.autoplay ) {
+                        self.trigger( Galleria.PLAY );
+                    }
+
+                    if ( typeof self._options.show === 'number' ) {
+                        self.show( self._options.show );
+                    }
+                    return;
+                }
+
+                self._firstrun = true;
+
+                // initialize the History plugin
+                if ( Galleria.History ) {
+
+                    // bind the show method
+                    Galleria.History.change(function( value ) {
+
+                        // if ID is NaN, the user pressed back from the first image
+                        // return to previous address
+                        if ( isNaN( value ) ) {
+                            window.history.go(-1);
+
+                        // else show the image
+                        } else {
+                            self.show( value, undef, true );
+                        }
+                    });
+                }
+
+                self.trigger( Galleria.READY );
+
+                // call the theme init method
+                Galleria.theme.init.call( self, self._options );
+
+                // Trigger Galleria.ready
+                $.each( Galleria.ready.callbacks, function(i ,fn) {
+                    if ( typeof fn == 'function' ) {
+                        fn.call( self, self._options );
+                    }
+                });
+
+                // call the extend option
+                self._options.extend.call( self, self._options );
+
+                // show the initial image
+                // first test for permalinks in history
+                if ( /^[0-9]{1,4}$/.test( HASH ) && Galleria.History ) {
+                    self.show( HASH, undef, true );
+
+                } else if( self._data[ self._options.show ] ) {
+                    self.show( self._options.show );
+                }
+
+                // play trigger
+                if ( self._options.autoplay ) {
+                    self.trigger( Galleria.PLAY );
+                }
+            },
+
+            error: function() {
+                Galleria.raise('Stage width or height is too small to show the gallery. Traced measures: width:' + self._stageWidth + 'px, height: ' + self._stageHeight + 'px.', true);
+            }
+
+        });
+    },
+
+    /**
+        Loads data into the gallery.
+        You can call this method on an existing gallery to reload the gallery with new data.
+
+        @param {Array|string} [source] Optional JSON array of data or selector of where to find data in the document.
+        Defaults to the Galleria target or dataSource option.
+
+        @param {string} [selector] Optional element selector of what elements to parse.
+        Defaults to 'img'.
+
+        @param {Function} [config] Optional function to modify the data extraction proceedure from the selector.
+        See the dataConfig option for more information.
+
+        @returns Instance
+    */
+
+    load : function( source, selector, config ) {
+
+        var self = this,
+            o = this._options;
+
+        // empty the data array
+        this._data = [];
+
+        // empty the thumbnails
+        this._thumbnails = [];
+        this.$('thumbnails').empty();
+
+        // shorten the arguments
+        if ( typeof selector === 'function' ) {
+            config = selector;
+            selector = null;
+        }
+
+        // use the source set by target
+        source = source || o.dataSource;
+
+        // use selector set by option
+        selector = selector || o.dataSelector;
+
+        // use the dataConfig set by option
+        config = config || o.dataConfig;
+
+        // if source is a true object, make it into an array
+        if( /^function Object/.test( source.constructor ) ) {
+            source = [source];
+        }
+
+        // check if the data is an array already
+        if ( source.constructor === Array ) {
+            if ( this.validate( source ) ) {
+                this._data = source;
+            } else {
+                Galleria.raise( 'Load failed: JSON Array not valid.' );
+            }
+        } else {
+
+            // add .video and .iframe to the selector (1.2.7)
+            selector += ',.video,.iframe';
+
+            // loop through images and set data
+            $( source ).find( selector ).each( function( i, elem ) {
+
+                elem = $( elem );
+                var data = {},
+                    parent = elem.parent(),
+                    href = parent.attr( 'href' ),
+                    rel  = parent.attr( 'rel' );
+
+                if( href && ( elem[0].nodeName == 'IMG' || elem.hasClass('video') ) && _videoTest( href ) ) {
+                    data.video = href;
+                } else if( href && elem.hasClass('iframe') ) {
+                    data.iframe = href;
+                } else {
+                    data.image = data.big = href;
+                }
+
+                if ( rel ) {
+                    data.big = rel;
+                }
+
+                // alternative extraction from HTML5 data attribute, added in 1.2.7
+                $.each( 'big title description link layer'.split(' '), function( i, val ) {
+                    if ( elem.data(val) ) {
+                        data[ val ] = elem.data(val);
+                    }
+                });
+
+                // mix default extractions with the hrefs and config
+                // and push it into the data array
+                self._data.push( $.extend({
+
+                    title:       elem.attr('title') || '',
+                    thumb:       elem.attr('src'),
+                    image:       elem.attr('src'),
+                    big:         elem.attr('src'),
+                    description: elem.attr('alt') || '',
+                    link:        elem.attr('longdesc'),
+                    original:    elem.get(0) // saved as a reference
+
+                }, data, config( elem ) ) );
+
+            });
+        }
+
+        if ( typeof o.dataSort == 'function' ) {
+            protoArray.sort.call( this._data, o.dataSort );
+        } else if ( o.dataSort == 'random' ) {
+            this._data.sort( function() {
+                return Math.round(Math.random())-0.5;
+            });
+        }
+
+
+
+        // trigger the DATA event and return
+        if ( this.getDataLength() ) {
+            this._parseData().trigger( Galleria.DATA );
+        }
+        return this;
+
+    },
+
+    // make sure the data works properly
+    _parseData : function() {
+
+        var self = this,
+            current;
+
+        $.each( this._data, function( i, data ) {
+
+            current = self._data[ i ];
+
+            // copy image as thumb if no thumb exists
+            if ( 'thumb' in data === false ) {
+                current.thumb = data.image;
+            }
+            // copy image as big image if no biggie exists
+            if ( !'big' in data ) {
+                current.big = data.image;
+            }
+            // parse video
+            if ( 'video' in data ) {
+                var result = _videoTest( data.video );
+
+                if ( result ) {
+                    current.iframe = _video[ result.provider ].embed( result.id ) + (function() {
+
+                        // add options
+                        if ( typeof self._options[ result.provider ] == 'object' ) {
+                            var str = '?', arr = [];
+                            $.each( self._options[ result.provider ], function( key, val ) {
+                                arr.push( key + '=' + val );
+                            });
+
+                            // small youtube specifics, perhaps move to _video later
+                            if ( result.provider == 'youtube' ) {
+                                arr = ['wmode=opaque'].concat(arr);
+                            }
+                            return str + arr.join('&');
+                        }
+                        return '';
+                    }());
+                    delete current.video;
+                    if( !('thumb' in current) || !current.thumb ) {
+                        current.thumb = result.provider+':'+result.id;
+                    }
+                }
+            }
+        });
+
+        return this;
+    },
+
+    /**
+        Destroy the Galleria instance and recover the original content
+
+        @example this.destroy();
+
+        @returns Instance
+    */
+
+    destroy : function() {
+        this.get('target').innerHTML = this._original.html;
+        this.clearTimer();
+        return this;
+    },
+
+    /**
+        Adds and/or removes images from the gallery
+        Works just like Array.splice
+        https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/splice
+
+        @example this.splice( 2, 4 ); // removes 4 images after the second image
+
+        @returns Instance
+    */
+
+    splice : function() {
+        var self = this,
+            args = Utils.array( arguments );
+        window.setTimeout(function() {
+            protoArray.splice.apply( self._data, args );
+            self._parseData()._createThumbnails();
+        },2);
+        return self;
+    },
+
+    /**
+        Append images to the gallery
+        Works just like Array.push
+        https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/push
+
+        @example this.push({ image: 'image1.jpg' }); // appends the image to the gallery
+
+        @returns Instance
+    */
+
+    push : function() {
+        var self = this,
+            args = Utils.array( arguments );
+
+        if ( args.length == 1 && args[0].constructor == Array ) {
+            args = args[0];
+        }
+
+        window.setTimeout(function() {
+            protoArray.push.apply( self._data, args );
+            self._parseData()._createThumbnails( args );
+        },2);
+        return self;
+    },
+
+    _getActive: function() {
+        return this._controls.getActive();
+    },
+
+    validate : function( data ) {
+        // todo: validate a custom data array
+        return true;
+    },
+
+    /**
+        Bind any event to Galleria
+
+        @param {string} type The Event type to listen for
+        @param {Function} fn The function to execute when the event is triggered
+
+        @example this.bind( 'image', function() { Galleria.log('image shown') });
+
+        @returns Instance
+    */
+
+    bind : function(type, fn) {
+
+        // allow 'image' instead of Galleria.IMAGE
+        type = _patchEvent( type );
+
+        this.$( 'container' ).bind( type, this.proxy(fn) );
+        return this;
+    },
+
+    /**
+        Unbind any event to Galleria
+
+        @param {string} type The Event type to forget
+
+        @returns Instance
+    */
+
+    unbind : function(type) {
+
+        type = _patchEvent( type );
+
+        this.$( 'container' ).unbind( type );
+        return this;
+    },
+
+    /**
+        Manually trigger a Galleria event
+
+        @param {string} type The Event to trigger
+
+        @returns Instance
+    */
+
+    trigger : function( type ) {
+
+        type = typeof type === 'object' ?
+            $.extend( type, { scope: this } ) :
+            { type: _patchEvent( type ), scope: this };
+
+        this.$( 'container' ).trigger( type );
+
+        return this;
+    },
+
+    /**
+        Assign an "idle state" to any element.
+        The idle state will be applied after a certain amount of idle time
+        Useful to hide f.ex navigation when the gallery is inactive
+
+        @param {HTMLElement|string} elem The Dom node or selector to apply the idle state to
+        @param {Object} styles the CSS styles to apply when in idle mode
+        @param {Object} [from] the CSS styles to apply when in normal
+        @param {Boolean} [hide] set to true if you want to hide it first
+
+        @example addIdleState( this.get('image-nav'), { opacity: 0 });
+        @example addIdleState( '.galleria-image-nav', { top: -200 }, true);
+
+        @returns Instance
+    */
+
+    addIdleState: function( elem, styles, from, hide ) {
+        this._idle.add.apply( this._idle, Utils.array( arguments ) );
+        return this;
+    },
+
+    /**
+        Removes any idle state previously set using addIdleState()
+
+        @param {HTMLElement|string} elem The Dom node or selector to remove the idle state from.
+
+        @returns Instance
+    */
+
+    removeIdleState: function( elem ) {
+        this._idle.remove.apply( this._idle, Utils.array( arguments ) );
+        return this;
+    },
+
+    /**
+        Force Galleria to enter idle mode.
+
+        @returns Instance
+    */
+
+    enterIdleMode: function() {
+        this._idle.hide();
+        return this;
+    },
+
+    /**
+        Force Galleria to exit idle mode.
+
+        @returns Instance
+    */
+
+    exitIdleMode: function() {
+        this._idle.showAll();
+        return this;
+    },
+
+    /**
+        Enter FullScreen mode
+
+        @param {Function} callback the function to be executed when the fullscreen mode is fully applied.
+
+        @returns Instance
+    */
+
+    enterFullscreen: function( callback ) {
+        this._fullscreen.enter.apply( this, Utils.array( arguments ) );
+        return this;
+    },
+
+    /**
+        Exits FullScreen mode
+
+        @param {Function} callback the function to be executed when the fullscreen mode is fully applied.
+
+        @returns Instance
+    */
+
+    exitFullscreen: function( callback ) {
+        this._fullscreen.exit.apply( this, Utils.array( arguments ) );
+        return this;
+    },
+
+    /**
+        Toggle FullScreen mode
+
+        @param {Function} callback the function to be executed when the fullscreen mode is fully applied or removed.
+
+        @returns Instance
+    */
+
+    toggleFullscreen: function( callback ) {
+        this._fullscreen[ this.isFullscreen() ? 'exit' : 'enter'].apply( this, Utils.array( arguments ) );
+        return this;
+    },
+
+    /**
+        Adds a tooltip to any element.
+        You can also call this method with an object as argument with elemID:value pairs to apply tooltips to (see examples)
+
+        @param {HTMLElement} elem The DOM Node to attach the event to
+        @param {string|Function} value The tooltip message. Can also be a function that returns a string.
+
+        @example this.bindTooltip( this.get('thumbnails'), 'My thumbnails');
+        @example this.bindTooltip( this.get('thumbnails'), function() { return 'My thumbs' });
+        @example this.bindTooltip( { image_nav: 'Navigation' });
+
+        @returns Instance
+    */
+
+    bindTooltip: function( elem, value ) {
+        this._tooltip.bind.apply( this._tooltip, Utils.array(arguments) );
+        return this;
+    },
+
+    /**
+        Note: this method is deprecated. Use refreshTooltip() instead.
+
+        Redefine a tooltip.
+        Use this if you want to re-apply a tooltip value to an already bound tooltip element.
+
+        @param {HTMLElement} elem The DOM Node to attach the event to
+        @param {string|Function} value The tooltip message. Can also be a function that returns a string.
+
+        @returns Instance
+    */
+
+    defineTooltip: function( elem, value ) {
+        this._tooltip.define.apply( this._tooltip, Utils.array(arguments) );
+        return this;
+    },
+
+    /**
+        Refresh a tooltip value.
+        Use this if you want to change the tooltip value at runtime, f.ex if you have a play/pause toggle.
+
+        @param {HTMLElement} elem The DOM Node that has a tooltip that should be refreshed
+
+        @returns Instance
+    */
+
+    refreshTooltip: function( elem ) {
+        this._tooltip.show.apply( this._tooltip, Utils.array(arguments) );
+        return this;
+    },
+
+    /**
+        Open a pre-designed lightbox with the currently active image.
+        You can control some visuals using gallery options.
+
+        @returns Instance
+    */
+
+    openLightbox: function() {
+        this._lightbox.show.apply( this._lightbox, Utils.array( arguments ) );
+        return this;
+    },
+
+    /**
+        Close the lightbox.
+
+        @returns Instance
+    */
+
+    closeLightbox: function() {
+        this._lightbox.hide.apply( this._lightbox, Utils.array( arguments ) );
+        return this;
+    },
+
+    /**
+        Get the currently active image element.
+
+        @returns {HTMLElement} The image element
+    */
+
+    getActiveImage: function() {
+        return this._getActive().image || undef;
+    },
+
+    /**
+        Get the currently active thumbnail element.
+
+        @returns {HTMLElement} The thumbnail element
+    */
+
+    getActiveThumb: function() {
+        return this._thumbnails[ this._active ].image || undef;
+    },
+
+    /**
+        Get the mouse position relative to the gallery container
+
+        @param e The mouse event
+
+        @example
+
+var gallery = this;
+$(document).mousemove(function(e) {
+    console.log( gallery.getMousePosition(e).x );
+});
+
+        @returns {Object} Object with x & y of the relative mouse postion
+    */
+
+    getMousePosition : function(e) {
+        return {
+            x: e.pageX - this.$( 'container' ).offset().left,
+            y: e.pageY - this.$( 'container' ).offset().top
+        };
+    },
+
+    /**
+        Adds a panning effect to the image
+
+        @param [img] The optional image element. If not specified it takes the currently active image
+
+        @returns Instance
+    */
+
+    addPan : function( img ) {
+
+        if ( this._options.imageCrop === false ) {
+            return;
+        }
+
+        img = $( img || this.getActiveImage() );
+
+        // define some variables and methods
+        var self   = this,
+            x      = img.width() / 2,
+            y      = img.height() / 2,
+            destX  = parseInt( img.css( 'left' ), 10 ),
+            destY  = parseInt( img.css( 'top' ), 10 ),
+            curX   = destX || 0,
+            curY   = destY || 0,
+            distX  = 0,
+            distY  = 0,
+            active = false,
+            ts     = Utils.timestamp(),
+            cache  = 0,
+            move   = 0,
+
+            // positions the image
+            position = function( dist, cur, pos ) {
+                if ( dist > 0 ) {
+                    move = Math.round( Math.max( dist * -1, Math.min( 0, cur ) ) );
+                    if ( cache !== move ) {
+
+                        cache = move;
+
+                        if ( IE === 8 ) { // scroll is faster for IE
+                            img.parent()[ 'scroll' + pos ]( move * -1 );
+                        } else {
+                            var css = {};
+                            css[ pos.toLowerCase() ] = move;
+                            img.css(css);
+                        }
+                    }
+                }
+            },
+
+            // calculates mouse position after 50ms
+            calculate = function(e) {
+                if (Utils.timestamp() - ts < 50) {
+                    return;
+                }
+                active = true;
+                x = self.getMousePosition(e).x;
+                y = self.getMousePosition(e).y;
+            },
+
+            // the main loop to check
+            loop = function(e) {
+
+                if (!active) {
+                    return;
+                }
+
+                distX = img.width() - self._stageWidth;
+                distY = img.height() - self._stageHeight;
+                destX = x / self._stageWidth * distX * -1;
+                destY = y / self._stageHeight * distY * -1;
+                curX += ( destX - curX ) / self._options.imagePanSmoothness;
+                curY += ( destY - curY ) / self._options.imagePanSmoothness;
+
+                position( distY, curY, 'Top' );
+                position( distX, curX, 'Left' );
+
+            };
+
+        // we need to use scroll in IE8 to speed things up
+        if ( IE === 8 ) {
+
+            img.parent().scrollTop( curY * -1 ).scrollLeft( curX * -1 );
+            img.css({
+                top: 0,
+                left: 0
+            });
+
+        }
+
+        // unbind and bind event
+        this.$( 'stage' ).unbind( 'mousemove', calculate ).bind( 'mousemove', calculate );
+
+        // loop the loop
+        this.addTimer( 'pan' + self._id, loop, 50, true);
+
+        return this;
+    },
+
+    /**
+        Brings the scope into any callback
+
+        @param fn The callback to bring the scope into
+        @param [scope] Optional scope to bring
+
+        @example $('#fullscreen').click( this.proxy(function() { this.enterFullscreen(); }) )
+
+        @returns {Function} Return the callback with the gallery scope
+    */
+
+    proxy : function( fn, scope ) {
+        if ( typeof fn !== 'function' ) {
+            return F;
+        }
+        scope = scope || this;
+        return function() {
+            return fn.apply( scope, Utils.array( arguments ) );
+        };
+    },
+
+    /**
+        Removes the panning effect set by addPan()
+
+        @returns Instance
+    */
+
+    removePan: function() {
+
+        // todo: doublecheck IE8
+
+        this.$( 'stage' ).unbind( 'mousemove' );
+
+        this.clearTimer( 'pan' + this._id );
+
+        return this;
+    },
+
+    /**
+        Adds an element to the Galleria DOM array.
+        When you add an element here, you can access it using element ID in many API calls
+
+        @param {string} id The element ID you wish to use. You can add many elements by adding more arguments.
+
+        @example addElement('mybutton');
+        @example addElement('mybutton','mylink');
+
+        @returns Instance
+    */
+
+    addElement : function( id ) {
+
+        var dom = this._dom;
+
+        $.each( Utils.array(arguments), function( i, blueprint ) {
+           dom[ blueprint ] = Utils.create( 'galleria-' + blueprint );
+        });
+
+        return this;
+    },
+
+    /**
+        Attach keyboard events to Galleria
+
+        @param {Object} map The map object of events.
+        Possible keys are 'UP', 'DOWN', 'LEFT', 'RIGHT', 'RETURN', 'ESCAPE', 'BACKSPACE', and 'SPACE'.
+
+        @example
+
+this.attachKeyboard({
+    right: this.next,
+    left: this.prev,
+    up: function() {
+        console.log( 'up key pressed' )
+    }
+});
+
+        @returns Instance
+    */
+
+    attachKeyboard : function( map ) {
+        this._keyboard.attach.apply( this._keyboard, Utils.array( arguments ) );
+        return this;
+    },
+
+    /**
+        Detach all keyboard events to Galleria
+
+        @returns Instance
+    */
+
+    detachKeyboard : function() {
+        this._keyboard.detach.apply( this._keyboard, Utils.array( arguments ) );
+        return this;
+    },
+
+    /**
+        Fast helper for appending galleria elements that you added using addElement()
+
+        @param {string} parentID The parent element ID where the element will be appended
+        @param {string} childID the element ID that should be appended
+
+        @example this.addElement('myElement');
+        this.appendChild( 'info', 'myElement' );
+
+        @returns Instance
+    */
+
+    appendChild : function( parentID, childID ) {
+        this.$( parentID ).append( this.get( childID ) || childID );
+        return this;
+    },
+
+    /**
+        Fast helper for prepending galleria elements that you added using addElement()
+
+        @param {string} parentID The parent element ID where the element will be prepended
+        @param {string} childID the element ID that should be prepended
+
+        @example
+
+this.addElement('myElement');
+this.prependChild( 'info', 'myElement' );
+
+        @returns Instance
+    */
+
+    prependChild : function( parentID, childID ) {
+        this.$( parentID ).prepend( this.get( childID ) || childID );
+        return this;
+    },
+
+    /**
+        Remove an element by blueprint
+
+        @param {string} elemID The element to be removed.
+        You can remove multiple elements by adding arguments.
+
+        @returns Instance
+    */
+
+    remove : function( elemID ) {
+        this.$( Utils.array( arguments ).join(',') ).remove();
+        return this;
+    },
+
+    // a fast helper for building dom structures
+    // leave this out of the API for now
+
+    append : function( data ) {
+        var i, j;
+        for( i in data ) {
+            if ( data.hasOwnProperty( i ) ) {
+                if ( data[i].constructor === Array ) {
+                    for( j = 0; data[i][j]; j++ ) {
+                        this.appendChild( i, data[i][j] );
+                    }
+                } else {
+                    this.appendChild( i, data[i] );
+                }
+            }
+        }
+        return this;
+    },
+
+    // an internal helper for scaling according to options
+    _scaleImage : function( image, options ) {
+
+        image = image || this._controls.getActive();
+
+        // janpub (JH) fix:
+        // image might be unselected yet
+        // e.g. when external logics rescales the gallery on window resize events
+        if( !image ) {
+            return;
+        }
+
+        var self = this,
+
+            complete,
+
+            scaleLayer = function( img ) {
+                $( img.container ).children(':first').css({
+                    top: Math.max(0, Utils.parseValue( img.image.style.top )),
+                    left: Math.max(0, Utils.parseValue( img.image.style.left )),
+                    width: Utils.parseValue( img.image.width ),
+                    height: Utils.parseValue( img.image.height )
+                });
+            };
+
+        options = $.extend({
+            width:    this._stageWidth,
+            height:   this._stageHeight,
+            crop:     this._options.imageCrop,
+            max:      this._options.maxScaleRatio,
+            min:      this._options.minScaleRatio,
+            margin:   this._options.imageMargin,
+            position: this._options.imagePosition
+        }, options );
+
+        if ( this._options.layerFollow && this._options.imageCrop !== true ) {
+
+            if ( typeof options.complete == 'function' ) {
+                complete = options.complete;
+                options.complete = function() {
+                    complete.call( image, image );
+                    scaleLayer( image );
+                };
+            } else {
+                options.complete = scaleLayer;
+            }
+
+        } else {
+            $( image.container ).children(':first').css({ top: 0, left: 0 });
+        }
+
+        image.scale( options );
+        return this;
+    },
+
+    /**
+        Updates the carousel,
+        useful if you resize the gallery and want to re-check if the carousel nav is needed.
+
+        @returns Instance
+    */
+
+    updateCarousel : function() {
+        this._carousel.update();
+        return this;
+    },
+
+    /**
+        Resize the entire gallery container
+
+        @param {Object} [measures] Optional object with width/height specified
+        @param {Function} [complete] The callback to be called when the scaling is complete
+
+        @returns Instance
+    */
+
+    resize : function( measures, complete ) {
+
+        if ( typeof measures == 'function' ) {
+            complete = measures;
+            measures = undef;
+        }
+
+        measures = $.extend( { width:0, height:0 }, measures );
+
+        var self = this,
+            $container = this.$( 'container' );
+
+        $.each( measures, function( m, val ) {
+            if ( !val ) {
+                $container[ m ]( 'auto' );
+                measures[ m ] = self._getWH()[ m ];
+            }
+        });
+
+        $.each( measures, function( m, val ) {
+            $container[ m ]( val );
+        });
+
+        return this.rescale( complete );
+
+    },
+
+    /**
+        Rescales the gallery
+
+        @param {number} width The target width
+        @param {number} height The target height
+        @param {Function} complete The callback to be called when the scaling is complete
+
+        @returns Instance
+    */
+
+    rescale : function( width, height, complete ) {
+
+        var self = this;
+
+        // allow rescale(fn)
+        if ( typeof width === 'function' ) {
+            complete = width;
+            width = undef;
+        }
+
+        var scale = function() {
+
+            // set stagewidth
+            self._stageWidth = width || self.$( 'stage' ).width();
+            self._stageHeight = height || self.$( 'stage' ).height();
+
+            // scale the active image
+            self._scaleImage();
+
+            if ( self._options.carousel ) {
+                self.updateCarousel();
+            }
+
+            self.trigger( Galleria.RESCALE );
+
+            if ( typeof complete === 'function' ) {
+                complete.call( self );
+            }
+        };
+
+        scale.call( self );
+
+        return this;
+    },
+
+    /**
+        Refreshes the gallery.
+        Useful if you change image options at runtime and want to apply the changes to the active image.
+
+        @returns Instance
+    */
+
+    refreshImage : function() {
+        this._scaleImage();
+        if ( this._options.imagePan ) {
+            this.addPan();
+        }
+        return this;
+    },
+
+    /**
+        Shows an image by index
+
+        @param {number|boolean} index The index to show
+        @param {Boolean} rewind A boolean that should be true if you want the transition to go back
+
+        @returns Instance
+    */
+
+    show : function( index, rewind, _history ) {
+
+        // do nothing if index is false or queue is false and transition is in progress
+        if ( index === false || ( !this._options.queue && this._queue.stalled ) ) {
+            return;
+        }
+
+        index = Math.max( 0, Math.min( parseInt( index, 10 ), this.getDataLength() - 1 ) );
+
+        rewind = typeof rewind !== 'undefined' ? !!rewind : index < this.getIndex();
+
+        _history = _history || false;
+
+        // do the history thing and return
+        if ( !_history && Galleria.History ) {
+            Galleria.History.set( index.toString() );
+            return;
+        }
+
+        this._active = index;
+
+        protoArray.push.call( this._queue, {
+            index : index,
+            rewind : rewind
+        });
+        if ( !this._queue.stalled ) {
+            this._show();
+        }
+
+        return this;
+    },
+
+    // the internal _show method does the actual showing
+    _show : function() {
+
+        // shortcuts
+        var self = this,
+            queue = this._queue[ 0 ],
+            data = this.getData( queue.index );
+
+        if ( !data ) {
+            return;
+        }
+
+        var src = data.iframe || ( this.isFullscreen() && 'big' in data ? data.big : data.image ), // use big image if fullscreen mode
+            active = this._controls.getActive(),
+            next = this._controls.getNext(),
+            cached = next.isCached( src ),
+            thumb = this._thumbnails[ queue.index ],
+            mousetrigger = function() {
+                $( next.image ).trigger( 'mouseup' );
+            };
+
+        // to be fired when loading & transition is complete:
+        var complete = (function( data, next, active, queue, thumb ) {
+
+            return function() {
+
+                var win;
+
+                _transitions.active = false;
+
+                // remove stalled
+                self._queue.stalled = false;
+
+                // optimize quality
+                Utils.toggleQuality( next.image, self._options.imageQuality );
+
+                // remove old layer
+                self._layers[ self._controls.active ].innerHTML = '';
+
+                // swap
+                $( active.container ).css({
+                    zIndex: 0,
+                    opacity: 0
+                }).show();
+
+                if( active.isIframe ) {
+                    $( active.container ).find( 'iframe' ).remove();
+                }
+
+                self.$('container').toggleClass('iframe', !!data.iframe);
+
+                $( next.container ).css({
+                    zIndex: 1,
+                    left: 0,
+                    top: 0
+                }).show();
+
+                self._controls.swap();
+
+                // add pan according to option
+                if ( self._options.imagePan ) {
+                    self.addPan( next.image );
+                }
+
+                // make the image link or add lightbox
+                // link takes precedence over lightbox if both are detected
+                if ( data.link || self._options.lightbox || self._options.clicknext ) {
+
+                    $( next.image ).css({
+                        cursor: 'pointer'
+                    }).bind( 'mouseup', function() {
+
+                        // clicknext
+                        if ( self._options.clicknext && !Galleria.TOUCH ) {
+                            if ( self._options.pauseOnInteraction ) {
+                                self.pause();
+                            }
+                            self.next();
+                            return;
+                        }
+
+                        // popup link
+                        if ( data.link ) {
+                            if ( self._options.popupLinks ) {
+                                win = window.open( data.link, '_blank' );
+                            } else {
+                                window.location.href = data.link;
+                            }
+                            return;
+                        }
+
+                        if ( self._options.lightbox ) {
+                            self.openLightbox();
+                        }
+
+                    });
+                }
+
+                // remove the queued image
+                protoArray.shift.call( self._queue );
+
+                // if we still have images in the queue, show it
+                if ( self._queue.length ) {
+                    self._show();
+                }
+
+                // check if we are playing
+                self._playCheck();
+
+                // trigger IMAGE event
+                self.trigger({
+                    type: Galleria.IMAGE,
+                    index: queue.index,
+                    imageTarget: next.image,
+                    thumbTarget: thumb.image,
+                    galleriaData: data
+                });
+            };
+        }( data, next, active, queue, thumb ));
+
+        // let the carousel follow
+        if ( this._options.carousel && this._options.carouselFollow ) {
+            this._carousel.follow( queue.index );
+        }
+
+        // preload images
+        if ( this._options.preload ) {
+
+            var p, i,
+                n = this.getNext(),
+                ndata;
+
+            try {
+                for ( i = this._options.preload; i > 0; i-- ) {
+                    p = new Galleria.Picture();
+                    ndata = self.getData( n );
+                    p.preload( this.isFullscreen() && 'big' in ndata ? ndata.big : ndata.image );
+                    n = self.getNext( n );
+                }
+            } catch(e) {}
+        }
+
+        // show the next image, just in case
+        Utils.show( next.container );
+
+        next.isIframe = !!data.iframe;
+
+        // add active classes
+        $( self._thumbnails[ queue.index ].container )
+            .addClass( 'active' )
+            .siblings( '.active' )
+            .removeClass( 'active' );
+
+        // trigger the LOADSTART event
+        self.trigger( {
+            type: Galleria.LOADSTART,
+            cached: cached,
+            index: queue.index,
+            rewind: queue.rewind,
+            imageTarget: next.image,
+            thumbTarget: thumb.image,
+            galleriaData: data
+        });
+
+        // begin loading the next image
+        next.load( src, function( next ) {
+
+            // add layer HTML
+            var layer = $( self._layers[ 1-self._controls.active ] ).html( data.layer || '' ).hide();
+
+            self._scaleImage( next, {
+
+                complete: function( next ) {
+
+                    // toggle low quality for IE
+                    if ( 'image' in active ) {
+                        Utils.toggleQuality( active.image, false );
+                    }
+                    Utils.toggleQuality( next.image, false );
+
+                    // stall the queue
+                    self._queue.stalled = true;
+
+                    // remove the image panning, if applied
+                    // TODO: rethink if this is necessary
+                    self.removePan();
+
+                    // set the captions and counter
+                    self.setInfo( queue.index );
+                    self.setCounter( queue.index );
+
+                    // show the layer now
+                    if ( data.layer ) {
+                        layer.show();
+                        // inherit click events set on image
+                        if ( data.link || self._options.lightbox || self._options.clicknext ) {
+                            layer.css( 'cursor', 'pointer' ).unbind( 'mouseup' ).mouseup( mousetrigger );
+                        }
+                    }
+
+                    // trigger the LOADFINISH event
+                    self.trigger({
+                        type: Galleria.LOADFINISH,
+                        cached: cached,
+                        index: queue.index,
+                        rewind: queue.rewind,
+                        imageTarget: next.image,
+                        thumbTarget: self._thumbnails[ queue.index ].image,
+                        galleriaData: self.getData( queue.index )
+                    });
+
+                    var transition = self._options.transition;
+
+                    // can JavaScript loop through objects in order? yes.
+                    $.each({
+                        initial: active.image === null,
+                        touch: Galleria.TOUCH,
+                        fullscreen: self.isFullscreen()
+                    }, function( type, arg ) {
+                        if ( arg && self._options[ type + 'Transition' ] !== undef ) {
+                            transition = self._options[ type + 'Transition' ];
+                            return false;
+                        }
+                    });
+
+                    // validate the transition
+                    if ( transition in _transitions.effects === false ) {
+                        complete();
+                    } else {
+                        var params = {
+                            prev: active.container,
+                            next: next.container,
+                            rewind: queue.rewind,
+                            speed: self._options.transitionSpeed || 400
+                        };
+
+                        _transitions.active = true;
+
+                        // call the transition function and send some stuff
+                        _transitions.init.call( self, transition, params, complete );
+
+                    }
+                }
+            });
+        });
+    },
+
+    /**
+        Gets the next index
+
+        @param {number} [base] Optional starting point
+
+        @returns {number} the next index, or the first if you are at the first (looping)
+    */
+
+    getNext : function( base ) {
+        base = typeof base === 'number' ? base : this.getIndex();
+        return base === this.getDataLength() - 1 ? 0 : base + 1;
+    },
+
+    /**
+        Gets the previous index
+
+        @param {number} [base] Optional starting point
+
+        @returns {number} the previous index, or the last if you are at the first (looping)
+    */
+
+    getPrev : function( base ) {
+        base = typeof base === 'number' ? base : this.getIndex();
+        return base === 0 ? this.getDataLength() - 1 : base - 1;
+    },
+
+    /**
+        Shows the next image in line
+
+        @returns Instance
+    */
+
+    next : function() {
+        if ( this.getDataLength() > 1 ) {
+            this.show( this.getNext(), false );
+        }
+        return this;
+    },
+
+    /**
+        Shows the previous image in line
+
+        @returns Instance
+    */
+
+    prev : function() {
+        if ( this.getDataLength() > 1 ) {
+            this.show( this.getPrev(), true );
+        }
+        return this;
+    },
+
+    /**
+        Retrieve a DOM element by element ID
+
+        @param {string} elemId The delement ID to fetch
+
+        @returns {HTMLElement} The elements DOM node or null if not found.
+    */
+
+    get : function( elemId ) {
+        return elemId in this._dom ? this._dom[ elemId ] : null;
+    },
+
+    /**
+        Retrieve a data object
+
+        @param {number} index The data index to retrieve.
+        If no index specified it will take the currently active image
+
+        @returns {Object} The data object
+    */
+
+    getData : function( index ) {
+        return index in this._data ?
+            this._data[ index ] : this._data[ this._active ];
+    },
+
+    /**
+        Retrieve the number of data items
+
+        @returns {number} The data length
+    */
+    getDataLength : function() {
+        return this._data.length;
+    },
+
+    /**
+        Retrieve the currently active index
+
+        @returns {number|boolean} The active index or false if none found
+    */
+
+    getIndex : function() {
+        return typeof this._active === 'number' ? this._active : false;
+    },
+
+    /**
+        Retrieve the stage height
+
+        @returns {number} The stage height
+    */
+
+    getStageHeight : function() {
+        return this._stageHeight;
+    },
+
+    /**
+        Retrieve the stage width
+
+        @returns {number} The stage width
+    */
+
+    getStageWidth : function() {
+        return this._stageWidth;
+    },
+
+    /**
+        Retrieve the option
+
+        @param {string} key The option key to retrieve. If no key specified it will return all options in an object.
+
+        @returns option or options
+    */
+
+    getOptions : function( key ) {
+        return typeof key === 'undefined' ? this._options : this._options[ key ];
+    },
+
+    /**
+        Set options to the instance.
+        You can set options using a key & value argument or a single object argument (see examples)
+
+        @param {string} key The option key
+        @param {string} value the the options value
+
+        @example setOptions( 'autoplay', true )
+        @example setOptions({ autoplay: true });
+
+        @returns Instance
+    */
+
+    setOptions : function( key, value ) {
+        if ( typeof key === 'object' ) {
+            $.extend( this._options, key );
+        } else {
+            this._options[ key ] = value;
+        }
+        return this;
+    },
+
+    /**
+        Starts playing the slideshow
+
+        @param {number} delay Sets the slideshow interval in milliseconds.
+        If you set it once, you can just call play() and get the same interval the next time.
+
+        @returns Instance
+    */
+
+    play : function( delay ) {
+
+        this._playing = true;
+
+        this._playtime = delay || this._playtime;
+
+        this._playCheck();
+
+        this.trigger( Galleria.PLAY );
+
+        return this;
+    },
+
+    /**
+        Stops the slideshow if currently playing
+
+        @returns Instance
+    */
+
+    pause : function() {
+
+        this._playing = false;
+
+        this.trigger( Galleria.PAUSE );
+
+        return this;
+    },
+
+    /**
+        Toggle between play and pause events.
+
+        @param {number} delay Sets the slideshow interval in milliseconds.
+
+        @returns Instance
+    */
+
+    playToggle : function( delay ) {
+        return ( this._playing ) ? this.pause() : this.play( delay );
+    },
+
+    /**
+        Checks if the gallery is currently playing
+
+        @returns {Boolean}
+    */
+
+    isPlaying : function() {
+        return this._playing;
+    },
+
+    /**
+        Checks if the gallery is currently in fullscreen mode
+
+        @returns {Boolean}
+    */
+
+    isFullscreen : function() {
+        return this._fullscreen.active;
+    },
+
+    _playCheck : function() {
+        var self = this,
+            played = 0,
+            interval = 20,
+            now = Utils.timestamp(),
+            timer_id = 'play' + this._id;
+
+        if ( this._playing ) {
+
+            this.clearTimer( timer_id );
+
+            var fn = function() {
+
+                played = Utils.timestamp() - now;
+                if ( played >= self._playtime && self._playing ) {
+                    self.clearTimer( timer_id );
+                    self.next();
+                    return;
+                }
+                if ( self._playing ) {
+
+                    // trigger the PROGRESS event
+                    self.trigger({
+                        type:         Galleria.PROGRESS,
+                        percent:      Math.ceil( played / self._playtime * 100 ),
+                        seconds:      Math.floor( played / 1000 ),
+                        milliseconds: played
+                    });
+
+                    self.addTimer( timer_id, fn, interval );
+                }
+            };
+            self.addTimer( timer_id, fn, interval );
+        }
+    },
+
+    /**
+        Modify the slideshow delay
+
+        @param {number} delay the number of milliseconds between slides,
+
+        @returns Instance
+    */
+
+    setPlaytime: function( delay ) {
+        this._playtime = delay;
+        return this;
+    },
+
+    setIndex: function( val ) {
+        this._active = val;
+        return this;
+    },
+
+    /**
+        Manually modify the counter
+
+        @param {number} [index] Optional data index to fectch,
+        if no index found it assumes the currently active index
+
+        @returns Instance
+    */
+
+    setCounter: function( index ) {
+
+        if ( typeof index === 'number' ) {
+            index++;
+        } else if ( typeof index === 'undefined' ) {
+            index = this.getIndex()+1;
+        }
+
+        this.get( 'current' ).innerHTML = index;
+
+        if ( IE ) { // weird IE bug
+
+            var count = this.$( 'counter' ),
+                opacity = count.css( 'opacity' );
+
+            if ( parseInt( opacity, 10 ) === 1) {
+                Utils.removeAlpha( count[0] );
+            } else {
+                this.$( 'counter' ).css( 'opacity', opacity );
+            }
+
+        }
+
+        return this;
+    },
+
+    /**
+        Manually set captions
+
+        @param {number} [index] Optional data index to fectch and apply as caption,
+        if no index found it assumes the currently active index
+
+        @returns Instance
+    */
+
+    setInfo : function( index ) {
+
+        var self = this,
+            data = this.getData( index );
+
+        $.each( ['title','description'], function( i, type ) {
+
+            var elem = self.$( 'info-' + type );
+
+            if ( !!data[type] ) {
+                elem[ data[ type ].length ? 'show' : 'hide' ]().html( data[ type ] );
+            } else {
+               elem.empty().hide();
+            }
+        });
+
+        return this;
+    },
+
+    /**
+        Checks if the data contains any captions
+
+        @param {number} [index] Optional data index to fectch,
+        if no index found it assumes the currently active index.
+
+        @returns {boolean}
+    */
+
+    hasInfo : function( index ) {
+
+        var check = 'title description'.split(' '),
+            i;
+
+        for ( i = 0; check[i]; i++ ) {
+            if ( !!this.getData( index )[ check[i] ] ) {
+                return true;
+            }
+        }
+        return false;
+
+    },
+
+    jQuery : function( str ) {
+
+        var self = this,
+            ret = [];
+
+        $.each( str.split(','), function( i, elemId ) {
+            elemId = $.trim( elemId );
+
+            if ( self.get( elemId ) ) {
+                ret.push( elemId );
+            }
+        });
+
+        var jQ = $( self.get( ret.shift() ) );
+
+        $.each( ret, function( i, elemId ) {
+            jQ = jQ.add( self.get( elemId ) );
+        });
+
+        return jQ;
+
+    },
+
+    /**
+        Converts element IDs into a jQuery collection
+        You can call for multiple IDs separated with commas.
+
+        @param {string} str One or more element IDs (comma-separated)
+
+        @returns jQuery
+
+        @example this.$('info,container').hide();
+    */
+
+    $ : function( str ) {
+        return this.jQuery.apply( this, Utils.array( arguments ) );
+    }
+
+};
+
+// End of Galleria prototype
+
+// Add events as static variables
+$.each( _events, function( i, ev ) {
+
+    // legacy events
+    var type = /_/.test( ev ) ? ev.replace( /_/g, '' ) : ev;
+
+    Galleria[ ev.toUpperCase() ] = 'galleria.'+type;
+
+} );
+
+$.extend( Galleria, {
+
+    // Browser helpers
+    IE9:     IE === 9,
+    IE8:     IE === 8,
+    IE7:     IE === 7,
+    IE6:     IE === 6,
+    IE:      IE,
+    WEBKIT:  /webkit/.test( NAV ),
+    CHROME:  /chrome/.test( NAV ),
+    SAFARI:  /safari/.test( NAV ) && !(/chrome/.test( NAV )),
+    QUIRK:   ( IE && doc.compatMode && doc.compatMode === "BackCompat" ),
+    MAC:     /mac/.test( navigator.platform.toLowerCase() ),
+    OPERA:   !!window.opera,
+    IPHONE:  /iphone/.test( NAV ),
+    IPAD:    /ipad/.test( NAV ),
+    ANDROID: /android/.test( NAV ),
+    TOUCH:   ('ontouchstart' in doc)
+
+});
+
+// Galleria static methods
+
+/**
+    Adds a theme that you can use for your Gallery
+
+    @param {Object} theme Object that should contain all your theme settings.
+    <ul>
+        <li>name - name of the theme</li>
+        <li>author - name of the author</li>
+        <li>css - css file name (not path)</li>
+        <li>defaults - default options to apply, including theme-specific options</li>
+        <li>init - the init function</li>
+    </ul>
+
+    @returns {Object} theme
+*/
+
+Galleria.addTheme = function( theme ) {
+
+    // make sure we have a name
+    if ( !theme.name ) {
+        Galleria.raise('No theme name specified');
+    }
+
+    if ( typeof theme.defaults !== 'object' ) {
+        theme.defaults = {};
+    } else {
+        theme.defaults = _legacyOptions( theme.defaults );
+    }
+
+    var css = false,
+        reg;
+
+    if ( typeof theme.css === 'string' ) {
+
+        // look for manually added CSS
+        $('link').each(function( i, link ) {
+            reg = new RegExp( theme.css );
+            if ( reg.test( link.href ) ) {
+
+                // we found the css
+                css = true;
+
+                // the themeload trigger
+                _themeLoad( theme );
+
+                return false;
+            }
+        });
+
+        // else look for the absolute path and load the CSS dynamic
+        if ( !css ) {
+
+            $('script').each(function( i, script ) {
+
+                // look for the theme script
+                reg = new RegExp( 'galleria\\.' + theme.name.toLowerCase() + '\\.' );
+                if( reg.test( script.src )) {
+
+                    // we have a match
+                    css = script.src.replace(/[^\/]*$/, '') + theme.css;
+
+                    window.setTimeout(function() {
+                        Utils.loadCSS( css, 'galleria-theme', function() {
+
+                            // the themeload trigger
+                            _themeLoad( theme );
+
+                        });
+                    }, 1);
+
+                }
+            });
+        }
+
+        if ( !css ) {
+            Galleria.raise('No theme CSS loaded');
+        }
+    } else {
+
+        // pass
+        _themeLoad( theme );
+    }
+    return theme;
+};
+
+/**
+    loadTheme loads a theme js file and attaches a load event to Galleria
+
+    @param {string} src The relative path to the theme source file
+
+    @param {Object} [options] Optional options you want to apply
+
+    @returns Galleria
+*/
+
+Galleria.loadTheme = function( src, options ) {
+
+    var loaded = false,
+        length = _galleries.length,
+        err = window.setTimeout( function() {
+            Galleria.raise( "Theme at " + src + " could not load, check theme path.", true );
+        }, 5000 );
+
+    // first clear the current theme, if exists
+    Galleria.theme = undef;
+
+    // load the theme
+    Utils.loadScript( src, function() {
+
+        window.clearTimeout( err );
+
+        // check for existing galleries and reload them with the new theme
+        if ( length ) {
+
+            // temporary save the new galleries
+            var refreshed = [];
+
+            // refresh all instances
+            // when adding a new theme to an existing gallery, all options will be resetted but the data will be kept
+            // you can apply new options as a second argument
+            $.each( Galleria.get(), function(i, instance) {
+
+                // mix the old data and options into the new instance
+                var op = $.extend( instance._original.options, {
+                    data_source: instance._data
+                }, options);
+
+                // remove the old container
+                instance.$('container').remove();
+
+                // create a new instance
+                var g = new Galleria();
+
+                // move the id
+                g._id = instance._id;
+
+                // initialize the new instance
+                g.init( instance._original.target, op );
+
+                // push the new instance
+                refreshed.push( g );
+            });
+
+            // now overwrite the old holder with the new instances
+            _galleries = refreshed;
+        }
+
+    });
+
+    return Galleria;
+};
+
+/**
+    Retrieves a Galleria instance.
+
+    @param {number} [index] Optional index to retrieve.
+    If no index is supplied, the method will return all instances in an array.
+
+    @returns Instance or Array of instances
+*/
+
+Galleria.get = function( index ) {
+    if ( !!_instances[ index ] ) {
+        return _instances[ index ];
+    } else if ( typeof index !== 'number' ) {
+        return _instances;
+    } else {
+        Galleria.raise('Gallery index ' + index + ' not found');
+    }
+};
+
+/**
+
+    Configure Galleria options via a static function.
+    The options will be applied to all instances
+
+    @param {string|object} key The options to apply or a key
+
+    @param [value] If key is a string, this is the value
+
+    @returns Galleria
+
+*/
+
+Galleria.configure = function( key, value ) {
+
+    var opts = {};
+
+    if( typeof key == 'string' && value ) {
+        opts[key] = value;
+        key = opts;
+    } else {
+        $.extend( opts, key );
+    }
+
+    Galleria.configure.options = opts;
+
+    $.each( Galleria.get(), function(i, instance) {
+        instance.setOptions( opts );
+    });
+
+    return Galleria;
+};
+
+Galleria.configure.options = {};
+
+/**
+
+    Bind a Galleria event to the gallery
+
+    @param {string} type A string representing the galleria event
+
+    @param {function} callback The function that should run when the event is triggered
+
+    @returns Galleria
+
+*/
+
+Galleria.on = function( type, callback ) {
+    if ( !type ) {
+        return;
+    }
+
+    callback = callback || F;
+
+    // hash the bind
+    var hash = type + callback.toString().replace(/\s/g,'') + Utils.timestamp();
+
+    // for existing instances
+    $.each( Galleria.get(), function(i, instance) {
+        instance._binds.push( hash );
+        instance.bind( type, callback );
+    });
+
+    // for future instances
+    Galleria.on.binds.push({
+        type: type,
+        callback: callback,
+        hash: hash
+    });
+
+    return Galleria;
+};
+
+Galleria.on.binds = [];
+
+/**
+
+    Run Galleria
+    Alias for $(selector).galleria(options)
+
+    @param {string} selector A selector of element(s) to intialize galleria to
+
+    @param {object} options The options to apply
+
+    @returns Galleria
+
+*/
+
+Galleria.run = function( selector, options ) {
+    $( selector || '#galleria' ).galleria( options );
+    return Galleria;
+};
+
+/**
+    Creates a transition to be used in your gallery
+
+    @param {string} name The name of the transition that you will use as an option
+
+    @param {Function} fn The function to be executed in the transition.
+    The function contains two arguments, params and complete.
+    Use the params Object to integrate the transition, and then call complete when you are done.
+
+    @returns Galleria
+
+*/
+
+Galleria.addTransition = function( name, fn ) {
+    _transitions.effects[name] = fn;
+    return Galleria;
+};
+
+/**
+    The Galleria utilites
+*/
+
+Galleria.utils = Utils;
+
+/**
+    A helper metod for cross-browser logging.
+    It uses the console log if available otherwise it falls back to alert
+
+    @example Galleria.log("hello", document.body, [1,2,3]);
+*/
+
+Galleria.log = function() {
+    var args = Utils.array( arguments );
+    if( 'console' in window && 'log' in window.console ) {
+        try {
+            return window.console.log.apply( window.console, args );
+        } catch( e ) {
+            $.each( args, function() {
+                window.console.log(this);
+            });
+        }
+    } else {
+        return window.alert( args.join('<br>') );
+    }
+};
+
+/**
+    A ready method for adding callbacks when a gallery is ready
+    Each method is call before the extend option for every instance
+
+    @param {function} callback The function to call
+
+    @returns Galleria
+*/
+
+Galleria.ready = function( fn ) {
+    if ( typeof fn != 'function' ) {
+        return Galleria;
+    }
+    $.each( _galleries, function( i, gallery ) {
+        fn.call( gallery, gallery._options );
+    });
+    Galleria.ready.callbacks.push( fn );
+    return Galleria;
+};
+
+Galleria.ready.callbacks = [];
+
+/**
+    Method for raising errors
+
+    @param {string} msg The message to throw
+
+    @param {boolean} [fatal] Set this to true to override debug settings and display a fatal error
+*/
+
+Galleria.raise = function( msg, fatal ) {
+
+    var type = fatal ? 'Fatal error' : 'Error',
+
+        self = this,
+
+        css = {
+            color: '#fff',
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            zIndex: 100000
+        },
+
+        echo = function( msg ) {
+
+            var html = '<div style="padding:4px;margin:0 0 2px;background:#' +
+                ( fatal ? '811' : '222' ) + '";>' +
+                ( fatal ? '<strong>' + type + ': </strong>' : '' ) +
+                msg + '</div>';
+
+            $.each( _instances, function() {
+
+                var cont = this.$( 'errors' ),
+                    target = this.$( 'target' );
+
+                if ( !cont.length ) {
+
+                    target.css( 'position', 'relative' );
+
+                    cont = this.addElement( 'errors' ).appendChild( 'target', 'errors' ).$( 'errors' ).css(css);
+                }
+                cont.append( html );
+
+            });
+
+            if ( !_instances.length ) {
+                $('<div>').css( $.extend( css, { position: 'fixed' } ) ).append( html ).appendTo( DOM().body );
+            }
+        };
+
+    // if debug is on, display errors and throw exception if fatal
+    if ( DEBUG ) {
+        echo( msg );
+        if ( fatal ) {
+            throw new Error(type + ': ' + msg);
+        }
+
+    // else just echo a silent generic error if fatal
+    } else if ( fatal ) {
+        if ( _hasError ) {
+            return;
+        }
+        _hasError = true;
+        fatal = false;
+        echo( 'Gallery could not load.' );
+    }
+};
+
+// Add the version
+Galleria.version = VERSION;
+
+/**
+    A method for checking what version of Galleria the user has installed and throws a readable error if the user needs to upgrade.
+    Useful when building plugins that requires a certain version to function.
+
+    @param {number} version The minimum version required
+
+    @param {string} [msg] Optional message to display. If not specified, Galleria will throw a generic error.
+
+    @returns Galleria
+*/
+
+Galleria.requires = function( version, msg ) {
+    msg = msg || 'You need to upgrade Galleria to version ' + version + ' to use one or more components.';
+    if ( Galleria.version < version ) {
+        Galleria.raise(msg, true);
+    }
+    return Galleria;
+};
+
+/**
+    Adds preload, cache, scale and crop functionality
+
+    @constructor
+
+    @requires jQuery
+
+    @param {number} [id] Optional id to keep track of instances
+*/
+
+Galleria.Picture = function( id ) {
+
+    // save the id
+    this.id = id || null;
+
+    // the image should be null until loaded
+    this.image = null;
+
+    // Create a new container
+    this.container = Utils.create('galleria-image');
+
+    // add container styles
+    $( this.container ).css({
+        overflow: 'hidden',
+        position: 'relative' // for IE Standards mode
+    });
+
+    // saves the original measurements
+    this.original = {
+        width: 0,
+        height: 0
+    };
+
+    // flag when the image is ready
+    this.ready = false;
+
+    // flag for iframe Picture
+    this.isIframe = false;
+
+};
+
+Galleria.Picture.prototype = {
+
+    // the inherited cache object
+    cache: {},
+
+    // show the image on stage
+    show: function() {
+        Utils.show( this.image );
+    },
+
+    // hide the image
+    hide: function() {
+        Utils.moveOut( this.image );
+    },
+
+    clear: function() {
+        this.image = null;
+    },
+
+    /**
+        Checks if an image is in cache
+
+        @param {string} src The image source path, ex '/path/to/img.jpg'
+
+        @returns {boolean}
+    */
+
+    isCached: function( src ) {
+        return !!this.cache[src];
+    },
+
+    /**
+        Preloads an image into the cache
+
+        @param {string} src The image source path, ex '/path/to/img.jpg'
+
+        @returns Galleria.Picture
+    */
+
+    preload: function( src ) {
+        $( new Image() ).load((function(src, cache) {
+            return function() {
+                cache[ src ] = src;
+            };
+        }( src, this.cache ))).attr( 'src', src );
+    },
+
+    /**
+        Loads an image and call the callback when ready.
+        Will also add the image to cache.
+
+        @param {string} src The image source path, ex '/path/to/img.jpg'
+        @param {Object} [size] The forced size of the image, defined as an object { width: xx, height:xx }
+        @param {Function} callback The function to be executed when the image is loaded & scaled
+
+        @returns The image container (jQuery object)
+    */
+
+    load: function(src, size, callback) {
+
+        if ( typeof size == 'function' ) {
+            callback = size;
+            size = null;
+        }
+
+        if( this.isIframe ) {
+            var id = 'if'+new Date().getTime();
+
+            this.image = $('<iframe>', {
+                src: src,
+                frameborder: 0,
+                id: id,
+                allowfullscreen: true,
+                css: { visibility: 'hidden' }
+            })[0];
+
+            $( this.container ).find( 'iframe,img' ).remove();
+
+            this.container.appendChild( this.image );
+
+            $('#'+id).load( (function( self, callback ) {
+                return function() {
+                    window.setTimeout(function() {
+                        $( self.image ).css( 'visibility', 'visible' );
+                        if( typeof callback == 'function' ) {
+                            callback.call( self, self );
+                        }
+                    }, 10);
+                };
+            }( this, callback )));
+
+            return this.container;
+        }
+
+        this.image = new Image();
+
+        var i = 0,
+            reload = false,
+            resort = false,
+
+            // some jquery cache
+            $container = $( this.container ),
+            $image = $( this.image ),
+
+            onerror = function() {
+                if ( !reload ) {
+                    reload = true;
+                    // reload the image with a timestamp
+                    window.setTimeout((function(image, src) {
+                        return function() {
+                            image.attr('src', src + '?' + Utils.timestamp() );
+                        };
+                    }( $(this), src )), 50);
+                } else {
+                    // apply the dummy image if it exists
+                    if ( DUMMY ) {
+                        $( this ).attr( 'src', DUMMY );
+                    } else {
+                        Galleria.raise('Image not found: ' + src);
+                    }
+                }
+            },
+
+            // the onload method
+            onload = (function( self, callback, src ) {
+
+                return function() {
+
+                    var complete = function() {
+
+                        $( this ).unbind( 'load' );
+
+                        // save the original size
+                        self.original = size || {
+                            height: this.height,
+                            width: this.width
+                        };
+
+                        self.container.appendChild( this );
+
+                        self.cache[ src ] = src; // will override old cache
+
+                        if (typeof callback == 'function' ) {
+                            window.setTimeout(function() {
+                                callback.call( self, self );
+                            },1);
+                        }
+                    };
+
+                    // Delay the callback to "fix" the Adblock Bug
+                    // http://code.google.com/p/adblockforchrome/issues/detail?id=3701
+                    if ( ( !this.width || !this.height ) ) {
+                        window.setTimeout( (function( img ) {
+                            return function() {
+                                if ( img.width && img.height ) {
+                                    complete.call( img );
+                                } else {
+                                    // last resort, this should never happen but just in case it does...
+                                    if ( !resort ) {
+                                        $(new Image()).load( onload ).attr( 'src', img.src );
+                                        resort = true;
+                                    } else {
+                                        Galleria.raise('Could not extract width/height from image: ' + img.src +
+                                            '. Traced measures: width:' + img.width + 'px, height: ' + img.height + 'px.');
+                                    }
+                                }
+                            };
+                        }( this )), 2);
+                    } else {
+                        complete.call( this );
+                    }
+                };
+            }( this, callback, src ));
+
+        // remove any previous images
+        $container.find( 'iframe,img' ).remove();
+
+        // append the image
+        $image.css( 'display', 'block');
+
+        // hide it for now
+        Utils.hide( this.image );
+
+        // remove any max/min scaling
+        $.each('minWidth minHeight maxWidth maxHeight'.split(' '), function(i, prop) {
+            $image.css(prop, (/min/.test(prop) ? '0' : 'none'));
+        });
+
+        // begin load and insert in cache when done
+        $image.load( onload ).error( onerror ).attr( 'src', src );
+
+        // return the container
+        return this.container;
+    },
+
+    /**
+        Scales and crops the image
+
+        @param {Object} options The method takes an object with a number of options:
+
+        <ul>
+            <li>width - width of the container</li>
+            <li>height - height of the container</li>
+            <li>min - minimum scale ratio</li>
+            <li>max - maximum scale ratio</li>
+            <li>margin - distance in pixels from the image border to the container</li>
+            <li>complete - a callback that fires when scaling is complete</li>
+            <li>position - positions the image, works like the css background-image property.</li>
+            <li>crop - defines how to crop. Can be true, false, 'width' or 'height'</li>
+            <li>canvas - set to true to try a canvas-based rescale</li>
+        </ul>
+
+        @returns The image container object (jQuery)
+    */
+
+    scale: function( options ) {
+
+        var self = this;
+
+        // extend some defaults
+        options = $.extend({
+            width: 0,
+            height: 0,
+            min: undef,
+            max: undef,
+            margin: 0,
+            complete: F,
+            position: 'center',
+            crop: false,
+            canvas: false
+        }, options);
+
+        if( this.isIframe ) {
+            $( this.image ).width( options.width ).height( options.height ).removeAttr( 'width' ).removeAttr( 'height' );
+            $( this.container ).width( options.width ).height( options.height) ;
+            options.complete.call(self, self);
+            try {
+                if( this.image.contentWindow ) {
+                    $( this.image.contentWindow ).trigger('resize');
+                }
+            } catch(e) {}
+            return this.container;
+        }
+
+        // return the element if no image found
+        if (!this.image) {
+            return this.container;
+        }
+
+        // store locale variables
+        var width,
+            height,
+            $container = $( self.container ),
+            data;
+
+        // wait for the width/height
+        Utils.wait({
+            until: function() {
+                width  = options.width ||
+                         $container.width() ||
+                         Utils.parseValue( $container.css('width') );
+
+                height = options.height ||
+                         $container.height() ||
+                         Utils.parseValue( $container.css('height') );
+
+                return width && height;
+            },
+            success: function() {
+
+                // calculate some cropping
+                var newWidth = ( width - options.margin * 2 ) / self.original.width,
+                    newHeight = ( height - options.margin * 2 ) / self.original.height,
+                    min = Math.min( newWidth, newHeight ),
+                    max = Math.max( newWidth, newHeight ),
+                    cropMap = {
+                        'true'  : max,
+                        'width' : newWidth,
+                        'height': newHeight,
+                        'false' : min,
+                        'landscape': self.original.width > self.original.height ? max : min,
+                        'portrait': self.original.width < self.original.height ? max : min
+                    },
+                    ratio = cropMap[ options.crop.toString() ],
+                    canvasKey = '';
+
+                // allow maxScaleRatio
+                if ( options.max ) {
+                    ratio = Math.min( options.max, ratio );
+                }
+
+                // allow minScaleRatio
+                if ( options.min ) {
+                    ratio = Math.max( options.min, ratio );
+                }
+
+                $.each( ['width','height'], function( i, m ) {
+                    $( self.image )[ m ]( self[ m ] = self.image[ m ] = Math.round( self.original[ m ] * ratio ) );
+                });
+
+                $( self.container ).width( width ).height( height );
+
+                if ( options.canvas && _canvas ) {
+
+                    _canvas.elem.width = self.width;
+                    _canvas.elem.height = self.height;
+
+                    canvasKey = self.image.src + ':' + self.width + 'x' + self.height;
+
+                    self.image.src = _canvas.cache[ canvasKey ] || (function( key ) {
+
+                        _canvas.context.drawImage(self.image, 0, 0, self.original.width*ratio, self.original.height*ratio);
+
+                        try {
+
+                            data = _canvas.elem.toDataURL();
+                            _canvas.length += data.length;
+                            _canvas.cache[ key ] = data;
+                            return data;
+
+                        } catch( e ) {
+                            return self.image.src;
+                        }
+
+                    }( canvasKey ) );
+
+                }
+
+                // calculate image_position
+                var pos = {},
+                    mix = {},
+                    getPosition = function(value, measure, margin) {
+                        var result = 0;
+                        if (/\%/.test(value)) {
+                            var flt = parseInt( value, 10 ) / 100,
+                                m = self.image[ measure ] || $( self.image )[ measure ]();
+
+                            result = Math.ceil( m * -1 * flt + margin * flt );
+                        } else {
+                            result = Utils.parseValue( value );
+                        }
+                        return result;
+                    },
+                    positionMap = {
+                        'top': { top: 0 },
+                        'left': { left: 0 },
+                        'right': { left: '100%' },
+                        'bottom': { top: '100%' }
+                    };
+
+                $.each( options.position.toLowerCase().split(' '), function( i, value ) {
+                    if ( value === 'center' ) {
+                        value = '50%';
+                    }
+                    pos[i ? 'top' : 'left'] = value;
+                });
+
+                $.each( pos, function( i, value ) {
+                    if ( positionMap.hasOwnProperty( value ) ) {
+                        $.extend( mix, positionMap[ value ] );
+                    }
+                });
+
+                pos = pos.top ? $.extend( pos, mix ) : mix;
+
+                pos = $.extend({
+                    top: '50%',
+                    left: '50%'
+                }, pos);
+
+                // apply position
+                $( self.image ).css({
+                    position : 'absolute',
+                    top :  getPosition(pos.top, 'height', height),
+                    left : getPosition(pos.left, 'width', width)
+                });
+
+                // show the image
+                self.show();
+
+                // flag ready and call the callback
+                self.ready = true;
+                options.complete.call( self, self );
+
+            },
+            error: function() {
+                Galleria.raise('Could not scale image: '+self.image.src);
+            },
+            timeout: 1000
+        });
+        return this;
+    }
+};
+
+// our own easings
+$.extend( $.easing, {
+
+    galleria: function (_, t, b, c, d) {
+        if ((t/=d/2) < 1) {
+            return c/2*t*t*t + b;
+        }
+        return c/2*((t-=2)*t*t + 2) + b;
+    },
+
+    galleriaIn: function (_, t, b, c, d) {
+        return c*(t/=d)*t + b;
+    },
+
+    galleriaOut: function (_, t, b, c, d) {
+        return -c *(t/=d)*(t-2) + b;
+    }
+
+});
+
+// the plugin initializer
+$.fn.galleria = function( options ) {
+
+    var selector = this.selector;
+
+    // try domReady if element not found
+    if ( !$(this).length ) {
+
+        $(function() {
+            if ( $( selector ).length ) {
+
+                // if found on domReady, go ahead
+                $( selector ).galleria( options );
+
+            } else {
+
+                // if not, try fetching the element for 5 secs, then raise a warning.
+                Galleria.utils.wait({
+                    until: function() {
+                        return $( selector ).length;
+                    },
+                    success: function() {
+                        $( selector ).galleria( options );
+                    },
+                    error: function() {
+                        Galleria.raise('Init failed: Galleria could not find the element "'+selector+'".');
+                    },
+                    timeout: 5000
+                });
+
+            }
+        });
+        return this;
+    }
+
+    return this.each(function() {
+
+        // fail silent if already run
+        if ( !$.data(this, 'galleria') ) {
+            $.data( this, 'galleria', new Galleria().init( this, options ) );
+        }
+    });
+
+};
+
+// phew
+
+}( jQuery ) );
diff --git a/akvo/mediaroot/core/galleria/galleria-1.2.8.min.js b/akvo/mediaroot/core/galleria/galleria-1.2.8.min.js
new file mode 100644
index 0000000000..0e4eff931a
--- /dev/null
+++ b/akvo/mediaroot/core/galleria/galleria-1.2.8.min.js
@@ -0,0 +1,9 @@
+/**
+ * Galleria v 1.2.8 2012-08-09
+ * http://galleria.io
+ *
+ * Licensed under the MIT license
+ * https://raw.github.com/aino/galleria/master/LICENSE
+ *
+ */(function(a){var b,c=this,d=c.document,e=a(d),f=a(c),g=Array.prototype,h=1.28,i=!0,j=3e4,k=!1,l=navigator.userAgent.toLowerCase(),m=c.location.hash.replace(/#\//,""),n=function(){},o=function(){return!1},p=function(){var a=3,c=d.createElement("div"),e=c.getElementsByTagName("i");do c.innerHTML="<!--[if gt IE "+ ++a+"]><i></i><![endif]-->";while(e[0]);return a>4?a:b}(),q=function(){return{html:d.documentElement,body:d.body,head:d.getElementsByTagName("head")[0],title:d.title}},r="data ready thumbnail loadstart loadfinish image play pause progress fullscreen_enter fullscreen_exit idle_enter idle_exit rescale lightbox_open lightbox_close lightbox_image",s=function(){var b=[];return a.each(r.split(" "),function(a,c){b.push(c),/_/.test(c)&&b.push(c.replace(/_/g,""))}),b}(),t=function(b){var c;return typeof b!="object"?b:(a.each(b,function(d,e){/^[a-z]+_/.test(d)&&(c="",a.each(d.split("_"),function(a,b){c+=a>0?b.substr(0,1).toUpperCase()+b.substr(1):b}),b[c]=e,delete b[d])}),b)},u=function(b){return a.inArray(b,s)>-1?Galleria[b.toUpperCase()]:b},v={youtube:{reg:/https?:\/\/(?:[a-zA_Z]{2,3}.)?(?:youtube\.com\/watch\?)((?:[\w\d\-\_\=]+&amp;(?:amp;)?)*v(?:&lt;[A-Z]+&gt;)?=([0-9a-zA-Z\-\_]+))/i,embed:function(a){return"http://www.youtube.com/embed/"+a},getThumb:function(b,c,d){d=d||n,a.getJSON("http://gdata.youtube.com/feeds/api/videos/"+b+"?v=2&alt=json-in-script&callback=?",function(a){try{c(a.entry.media$group.media$thumbnail[0].url)}catch(b){d()}}).error(d)}},vimeo:{reg:/https?:\/\/(?:www\.)?(vimeo\.com)\/(?:hd#)?([0-9]+)/i,embed:function(a){return"http://player.vimeo.com/video/"+a},getThumb:function(b,c,d){d=d||n,a.getJSON("http://vimeo.com/api/v2/video/"+b+".json?callback=?",function(a){try{c(a[0].thumbnail_medium)}catch(b){d()}}).error(d)}},dailymotion:{reg:/https?:\/\/(?:www\.)?(dailymotion\.com)\/video\/([^_]+)/,embed:function(a){return"http://www.dailymotion.com/embed/video/"+a},getThumb:function(b,c,d){d=d||n,a.getJSON("https://api.dailymotion.com/video/"+b+"?fields=thumbnail_medium_url&callback=?",function(a){try{c(a.thumbnail_medium_url)}catch(b){d()}}).error(d)}}},w=function(a){var b;for(var c in v){b=a&&a.match(v[c].reg);if(b&&b.length)return{id:b[2],provider:c}}return!1},x={support:function(){var a=q().html;return a.requestFullscreen||a.mozRequestFullScreen||a.webkitRequestFullScreen}(),callback:n,enter:function(a,b){this.instance=a,this.callback=b||n;var c=q().html;c.requestFullscreen?c.requestFullscreen():c.mozRequestFullScreen?c.mozRequestFullScreen():c.webkitRequestFullScreen&&c.webkitRequestFullScreen()},exit:function(a){this.callback=a||n,d.exitFullscreen?d.exitFullscreen():d.mozCancelFullScreen?d.mozCancelFullScreen():d.webkitCancelFullScreen&&d.webkitCancelFullScreen()},instance:null,listen:function(){if(!this.support)return;var a=function(){if(!x.instance)return;var a=x.instance._fullscreen;d.fullscreen||d.mozFullScreen||d.webkitIsFullScreen?a._enter(x.callback):a._exit(x.callback)};d.addEventListener("fullscreenchange",a,!1),d.addEventListener("mozfullscreenchange",a,!1),d.addEventListener("webkitfullscreenchange",a,!1)}},y=[],z=[],A=!1,B=!1,C=[],D=function(b){Galleria.theme=b,a.each(C,function(a,b){b._initialized||b._init.call(b)})},E=function(){return{clearTimer:function(b){a.each(Galleria.get(),function(){this.clearTimer(b)})},addTimer:function(b){a.each(Galleria.get(),function(){this.addTimer(b)})},array:function(a){return g.slice.call(a,0)},create:function(a,b){b=b||"div";var c=d.createElement(b);return c.className=a,c},getScriptPath:function(b){b=b||a("script:last").attr("src");var c=b.split("/");return c.length==1?"":(c.pop(),c.join("/")+"/")},animate:function(){var b=function(a){var b="transition WebkitTransition MozTransition OTransition".split(" "),d;if(c.opera)return!1;for(d=0;b[d];d++)if(typeof a[b[d]]!="undefined")return b[d];return!1}((d.body||d.documentElement).style),e={MozTransition:"transitionend",OTransition:"oTransitionEnd",WebkitTransition:"webkitTransitionEnd",transition:"transitionend"}[b],f={_default:[.25,.1,.25,1],galleria:[.645,.045,.355,1],galleriaIn:[.55,.085,.68,.53],galleriaOut:[.25,.46,.45,.94],ease:[.25,0,.25,1],linear:[.25,.25,.75,.75],"ease-in":[.42,0,1,1],"ease-out":[0,0,.58,1],"ease-in-out":[.42,0,.58,1]},g=function(b,c,d){var e={};d=d||"transition",a.each("webkit moz ms o".split(" "),function(){e["-"+this+"-"+d]=c}),b.css(e)},h=function(a){g(a,"none","transition"),Galleria.WEBKIT&&Galleria.TOUCH&&(g(a,"translate3d(0,0,0)","transform"),a.data("revert")&&(a.css(a.data("revert")),a.data("revert",null)))},i,j,k,l,m,o,p;return function(d,q,r){r=a.extend({duration:400,complete:n,stop:!1},r),d=a(d);if(!r.duration){d.css(q),r.complete.call(d[0]);return}if(!b){d.animate(q,r);return}r.stop&&(d.unbind(e),h(d)),i=!1,a.each(q,function(a,b){p=d.css(a),E.parseValue(p)!=E.parseValue(b)&&(i=!0),d.css(a,p)});if(!i){c.setTimeout(function(){r.complete.call(d[0])},r.duration);return}j=[],k=r.easing in f?f[r.easing]:f._default,l=" "+r.duration+"ms"+" cubic-bezier("+k.join(",")+")",c.setTimeout(function(b,c,d,e){return function(){b.one(c,function(a){return function(){h(a),r.complete.call(a[0])}}(b));if(Galleria.WEBKIT&&Galleria.TOUCH){m={},o=[0,0,0],a.each(["left","top"],function(a,c){c in d&&(o[a]=E.parseValue(d[c])-E.parseValue(b.css(c))+"px",m[c]=d[c],delete d[c])});if(o[0]||o[1])b.data("revert",m),j.push("-webkit-transform"+e),g(b,"translate3d("+o.join(",")+")","transform")}a.each(d,function(a,b){j.push(a+e)}),g(b,j.join(",")),b.css(d)}}(d,e,q,l),2)}}(),removeAlpha:function(a){if(p<9&&a){var b=a.style,c=a.currentStyle,d=c&&c.filter||b.filter||"";/alpha/.test(d)&&(b.filter=d.replace(/alpha\([^)]*\)/i,""))}},forceStyles:function(b,c){b=a(b),b.attr("style")&&b.data("styles",b.attr("style")).removeAttr("style"),b.css(c)},revertStyles:function(){a.each(E.array(arguments),function(b,c){c=a(c),c.removeAttr("style"),c.attr("style",""),c.data("styles")&&c.attr("style",c.data("styles")).data("styles",null)})},moveOut:function(a){E.forceStyles(a,{position:"absolute",left:-1e4})},moveIn:function(){E.revertStyles.apply(E,E.array(arguments))},elem:function(b){return b instanceof a?{$:b,dom:b[0]}:{$:a(b),dom:b}},hide:function(a,b,c){c=c||n;var d=E.elem(a),e=d.$;a=d.dom,e.data("opacity")||e.data("opacity",e.css("opacity"));var f={opacity:0};if(b){var g=p<9&&a?function(){E.removeAlpha(a),a.style.visibility="hidden",c.call(a)}:c;E.animate(a,f,{duration:b,complete:g,stop:!0})}else p<9&&a?(E.removeAlpha(a),a.style.visibility="hidden"):e.css(f)},show:function(a,b,c){c=c||n;var d=E.elem(a),e=d.$;a=d.dom;var f=parseFloat(e.data("opacity"))||1,g={opacity:f};if(b){p<9&&(e.css("opacity",0),a.style.visibility="visible");var h=p<9&&a?function(){g.opacity==1&&E.removeAlpha(a),c.call(a)}:c;E.animate(a,g,{duration:b,complete:h,stop:!0})}else p<9&&g.opacity==1&&a?(E.removeAlpha(a),a.style.visibility="visible"):e.css(g)},optimizeTouch:function(){var b,c,d,e,f={},g=function(b){b.preventDefault(),f=a.extend({},b,!0)},h=function(){this.evt=f},i=function(){this.handler.call(b,this.evt)};return function(f){a(f).bind("touchend",function(f){b=f.target,e=!0;while(b.parentNode&&b!=f.currentTarget&&e)c=a(b).data("events"),d=a(b).data("fakes"),c&&"click"in c?(e=!1,f.preventDefault(),a(b).click(g).click(),c.click.pop(),a.each(c.click,h),a(b).data("fakes",c.click),delete c.click):d&&(e=!1,f.preventDefault(),a.each(d,i)),b=b.parentNode})}}(),wait:function(b){b=a.extend({until:o,success:n,error:function(){Galleria.raise("Could not complete wait function.")},timeout:3e3},b);var d=E.timestamp(),e,f,g=function(){f=E.timestamp(),e=f-d;if(b.until(e))return b.success(),!1;if(typeof b.timeout=="number"&&f>=d+b.timeout)return b.error(),!1;c.setTimeout(g,10)};c.setTimeout(g,10)},toggleQuality:function(a,b){if(p!==7&&p!==8||!a||a.nodeName.toUpperCase()!="IMG")return;typeof b=="undefined"&&(b=a.style.msInterpolationMode==="nearest-neighbor"),a.style.msInterpolationMode=b?"bicubic":"nearest-neighbor"},insertStyleTag:function(a){var b=d.createElement("style");q().head.appendChild(b);if(b.styleSheet)b.styleSheet.cssText=a;else{var c=d.createTextNode(a);b.appendChild(c)}},loadScript:function(b,c){var d=!1,e=a("<script>").attr({src:b,async:!0}).get(0);e.onload=e.onreadystatechange=function(){!d&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")&&(d=!0,e.onload=e.onreadystatechange=null,typeof c=="function"&&c.call(this,this))},q().head.appendChild(e)},parseValue:function(a){if(typeof a=="number")return a;if(typeof a=="string"){var b=a.match(/\-?\d|\./g);return b&&b.constructor===Array?b.join("")*1:0}return 0},timestamp:function(){return(new Date).getTime()},loadCSS:function(c,e,f){var g,h;a("link[rel=stylesheet]").each(function(){if((new RegExp(c)).test(this.href))return g=this,!1}),typeof e=="function"&&(f=e,e=b),f=f||n;if(g)return f.call(g,g),g;h=d.styleSheets.length;if(a("#"+e).length)a("#"+e).attr("href",c),h--;else{g=a("<link>").attr({rel:"stylesheet",href:c,id:e}).get(0);var i=a('link[rel="stylesheet"], style');i.length?i.get(0).parentNode.insertBefore(g,i[0]):q().head.appendChild(g);if(p&&h>=31){Galleria.raise("You have reached the browser stylesheet limit (31)",!0);return}}if(typeof f=="function"){var j=a("<s>").attr("id","galleria-loader").hide().appendTo(q().body);E.wait({until:function(){return j.height()==1},success:function(){j.remove(),f.call(g,g)},error:function(){j.remove(),Galleria.raise("Theme CSS could not load after 20 sec. Please download the latest theme at http://galleria.io/customer/",!0)},timeout:2e4})}return g}}}(),F=function(){var b=function(b,c,d,e){var f=this.getOptions("easing"),g=this.getStageWidth(),h={left:g*(b.rewind?-1:1)},i={left:0};d?(h.opacity=0,i.opacity=1):h.opacity=1,a(b.next).css(h),E.animate(b.next,i,{duration:b.speed,complete:function(a){return function(){c(),a.css({left:0})}}(a(b.next).add(b.prev)),queue:!1,easing:f}),e&&(b.rewind=!b.rewind),b.prev&&(h={left:0},i={left:g*(b.rewind?1:-1)},d&&(h.opacity=1,i.opacity=0),a(b.prev).css(h),E.animate(b.prev,i,{duration:b.speed,queue:!1,easing:f,complete:function(){a(this).css("opacity",0)}}))};return{active:!1,init:function(a,b,c){F.effects.hasOwnProperty(a)&&F.effects[a].call(this,b,c)},effects:{fade:function(b,c){a(b.next).css({opacity:0,left:0}).show(),E.animate(b.next,{opacity:1},{duration:b.speed,complete:c}),b.prev&&(a(b.prev).css("opacity",1).show(),E.animate(b.prev,{opacity:0},{duration:b.speed}))},flash:function(b,c){a(b.next).css({opacity:0,left:0}),b.prev?E.animate(b.prev,{opacity:0},{duration:b.speed/2,complete:function(){E.animate(b.next,{opacity:1},{duration:b.speed,complete:c})}}):E.animate(b.next,{opacity:1},{duration:b.speed,complete:c})},pulse:function(b,c){b.prev&&a(b.prev).hide(),a(b.next).css({opacity:0,left:0}).show(),E.animate(b.next,{opacity:1},{duration:b.speed,complete:c})},slide:function(a,c){b.apply(this,E.array(arguments))},fadeslide:function(a,c){b.apply(this,E.array(arguments).concat([!0]))},doorslide:function(a,c){b.apply(this,E.array(arguments).concat([!1,!0]))}}}}();x.listen(),Galleria=function(){var d=this;this._options={},this._playing=!1,this._playtime=5e3,this._active=null,this._queue={length:0},this._data=[],this._dom={},this._thumbnails=[],this._layers=[],this._initialized=!1,this._firstrun=!1,this._stageWidth=0,this._stageHeight=0,this._target=b,this._binds=[],this._id=parseInt(Math.random()*1e4,10);var g="container stage images image-nav image-nav-left image-nav-right info info-text info-title info-description thumbnails thumbnails-list thumbnails-container thumb-nav-left thumb-nav-right loader counter tooltip",h="current total";a.each(g.split(" "),function(a,b){d._dom[b]=E.create("galleria-"+b)}),a.each(h.split(" "),function(a,b){d._dom[b]=E.create("galleria-"+b,"span")});var i=this._keyboard={keys:{UP:38,DOWN:40,LEFT:37,RIGHT:39,RETURN:13,ESCAPE:27,BACKSPACE:8,SPACE:32},map:{},bound:!1,press:function(a){var b=a.keyCode||a.which;b in i.map&&typeof i.map[b]=="function"&&i.map[b].call(d,a)},attach:function(a){var b,c;for(b in a)a.hasOwnProperty(b)&&(c=b.toUpperCase(),c in i.keys?i.map[i.keys[c]]=a[b]:i.map[c]=a[b]);i.bound||(i.bound=!0,e.bind("keydown",i.press))},detach:function(){i.bound=!1,i.map={},e.unbind("keydown",i.press)}},j=this._controls={0:b,1:b,active:0,swap:function(){j.active=j.active?0:1},getActive:function(){return j[j.active]},getNext:function(){return j[1-j.active]}},k=this._carousel={next:d.$("thumb-nav-right"),prev:d.$("thumb-nav-left"),width:0,current:0,max:0,hooks:[],update:function(){var b=0,c=0,e=[0];a.each(d._thumbnails,function(d,f){f.ready&&(b+=f.outerWidth||a(f.container).outerWidth(!0),e[d+1]=b,c=Math.max(c,f.outerHeight||a(f.container).outerHeight(!0)))}),d.$("thumbnails").css({width:b,height:c}),k.max=b,k.hooks=e,k.width=d.$("thumbnails-list").width(),k.setClasses(),d.$("thumbnails-container").toggleClass("galleria-carousel",b>k.width),k.width=d.$("thumbnails-list").width()},bindControls:function(){var a;k.next.bind("click",function(b){b.preventDefault();if(d._options.carouselSteps==="auto"){for(a=k.current;a<k.hooks.length;a++)if(k.hooks[a]-k.hooks[k.current]>k.width){k.set(a-2);break}}else k.set(k.current+d._options.carouselSteps)}),k.prev.bind("click",function(b){b.preventDefault();if(d._options.carouselSteps==="auto")for(a=k.current;a>=0;a--){if(k.hooks[k.current]-k.hooks[a]>k.width){k.set(a+2);break}if(a===0){k.set(0);break}}else k.set(k.current-d._options.carouselSteps)})},set:function(a){a=Math.max(a,0);while(k.hooks[a-1]+k.width>=k.max&&a>=0)a--;k.current=a,k.animate()},getLast:function(a){return(a||k.current)-1},follow:function(a){if(a===0||a===k.hooks.length-2){k.set(a);return}var b=k.current;while(k.hooks[b]-k.hooks[k.current]<k.width&&b<=k.hooks.length)b++;a-1<k.current?k.set(a-1):a+2>b&&k.set(a-b+k.current+2)},setClasses:function(){k.prev.toggleClass("disabled",!k.current),k.next.toggleClass("disabled",k.hooks[k.current]+k.width>=k.max)},animate:function(a){k.setClasses();var b=k.hooks[k.current]*-1;if(isNaN(b))return;E.animate(d.get("thumbnails"),{left:b},{duration:d._options.carouselSpeed,easing:d._options.easing,queue:!1})}},l=this._tooltip={initialized:!1,open:!1,timer:"tooltip"+d._id,swapTimer:"swap"+d._id,init:function(){l.initialized=!0;var a=".galleria-tooltip{padding:3px 8px;max-width:50%;background:#ffe;color:#000;z-index:3;position:absolute;font-size:11px;line-height:1.3;opacity:0;box-shadow:0 0 2px rgba(0,0,0,.4);-moz-box-shadow:0 0 2px rgba(0,0,0,.4);-webkit-box-shadow:0 0 2px rgba(0,0,0,.4);}";E.insertStyleTag(a),d.$("tooltip").css({opacity:.8,visibility:"visible",display:"none"})},move:function(a){var b=d.getMousePosition(a).x,c=d.getMousePosition(a).y,e=d.$("tooltip"),f=b,g=c,h=e.outerHeight(!0)+1,i=e.outerWidth(!0),j=h+15,k=d.$("container").width()-i-2,l=d.$("container").height()-h-2;!isNaN(f)&&!isNaN(g)&&(f+=10,g-=30,f=Math.max(0,Math.min(k,f)),g=Math.max(0,Math.min(l,g)),c<j&&(g=j),e.css({left:f,top:g}))},bind:function(b,c){if(Galleria.TOUCH)return;l.initialized||l.init();var e=function(){d.$("container").unbind("mousemove",l.move),d.clearTimer(l.timer),d.$("tooltip").stop().animate({opacity:0},200,function(){d.$("tooltip").hide(),d.addTimer(l.swapTimer,function(){l.open=!1},1e3)})},f=function(b,c){l.define(b,c),a(b).hover(function(){d.clearTimer(l.swapTimer),d.$("container").unbind("mousemove",l.move).bind("mousemove",l.move).trigger("mousemove"),l.show(b),d.addTimer(l.timer,function(){d.$("tooltip").stop().show().animate({opacity:1}),l.open=!0},l.open?0:500)},e).click(e)};typeof c=="string"?f(b in d._dom?d.get(b):b,c):a.each(b,function(a,b){f(d.get(a),b)})},show:function(b){b=a(b in d._dom?d.get(b):b);var e=b.data("tt"),f=function(a){c.setTimeout(function(a){return function(){l.move(a)}}(a),10),b.unbind("mouseup",f)};e=typeof e=="function"?e():e;if(!e)return;d.$("tooltip").html(e.replace(/\s/,"&nbsp;")),b.bind("mouseup",f)},define:function(b,c){if(typeof c!="function"){var e=c;c=function(){return e}}b=a(b in d._dom?d.get(b):b).data("tt",c),l.show(b)}},m=this._fullscreen={scrolled:0,crop:b,transition:b,active:!1,keymap:d._keyboard.map,parseCallback:function(b,c){return F.active?function(){typeof b=="function"&&b();var e=d._controls.getActive(),f=d._controls.getNext();d._scaleImage(f),d._scaleImage(e),c&&d._options.trueFullscreen&&a(e.container).add(f.container).trigger("transitionend")}:b},enter:function(a){a=m.parseCallback(a,!0),d._options.trueFullscreen&&x.support?x.enter(d,a):m._enter(a)},_enter:function(c){m.active=!0,E.hide(d.getActiveImage()),d.$("container").addClass("fullscreen"),m.scrolled=f.scrollTop(),E.forceStyles(d.get("container"),{position:"fixed",top:0,left:0,width:"100%",height:"100%",zIndex:1e4});var e={height:"100%",overflow:"hidden",margin:0,padding:0},g=d.getData(),h=d._options;E.forceStyles(q().html,e),E.forceStyles(q().body,e),m.keymap=a.extend({},d._keyboard.map),d.attachKeyboard({escape:d.exitFullscreen,right:d.next,left:d.prev}),m.crop=h.imageCrop,h.fullscreenCrop!=b&&(h.imageCrop=h.fullscreenCrop);if(g&&g.big&&g.image!==g.big){var i=new Galleria.Picture,j=i.isCached(g.big),k=d.getIndex(),l=d._thumbnails[k];d.trigger({type:Galleria.LOADSTART,cached:j,rewind:!1,index:k,imageTarget:d.getActiveImage(),thumbTarget:l,galleriaData:g}),i.load(g.big,function(b){d._scaleImage(b,{complete:function(b){d.trigger({type:Galleria.LOADFINISH,cached:j,index:k,rewind:!1,imageTarget:b.image,thumbTarget:l});var c=d._controls.getActive().image;c&&a(c).width(b.image.width).height(b.image.height).attr("style",a(b.image).attr("style")).attr("src",b.image.src)}})})}d.rescale(function(){d.addTimer(!1,function(){E.show(d.getActiveImage()),typeof c=="function"&&c.call(d)},100),d.trigger(Galleria.FULLSCREEN_ENTER)}),f.resize(function(){m.scale()})},scale:function(){d.rescale()},exit:function(a){a=m.parseCallback(a),d._options.trueFullscreen&&x.support?x.exit(a):m._exit(a)},_exit:function(a){m.active=!1,E.hide(d.getActiveImage()),d.$("container").removeClass("fullscreen"),E.revertStyles(d.get("container"),q().html,q().body),c.scrollTo(0,m.scrolled),d.detachKeyboard(),d.attachKeyboard(m.keymap),d._options.imageCrop=m.crop;var b=d.getData().big,e=d._controls.getActive().image;!d.getData().iframe&&e&&b&&b==e.src&&c.setTimeout(function(a){return function(){e.src=a}}(d.getData().image),1),d.rescale(function(){d.addTimer(!1,function(){E.show(d.getActiveImage()),typeof a=="function"&&a.call(d),f.trigger("resize")},50),d.trigger(Galleria.FULLSCREEN_EXIT)}),f.unbind("resize",m.scale)}},n=this._idle={trunk:[],bound:!1,active:!1,add:function(b,c,d,e){if(!b)return;n.bound||n.addEvent(),b=a(b),typeof d=="boolean"&&(e=d,d={}),d=d||{};var f={},g;for(g in c)c.hasOwnProperty(g)&&(f[g]=b.css(g));b.data("idle",{from:a.extend(f,d),to:c,complete:!0,busy:!1}),e?b.css(c):n.addTimer(),n.trunk.push(b)},remove:function(b){b=a(b),a.each(n.trunk,function(a,c){c&&c.length&&!c.not(b).length&&(b.css(b.data("idle").from),n.trunk.splice(a,1))}),n.trunk.length||(n.removeEvent(),d.clearTimer(n.timer))},addEvent:function(){n.bound=!0,d.$("container").bind("mousemove click",n.showAll),d._options.idleMode=="hover"&&d.$("container").bind("mouseleave",n.hide)},removeEvent:function(){n.bound=!1,d.$("container").bind("mousemove click",n.showAll),d._options.idleMode=="hover"&&d.$("container").unbind("mouseleave",n.hide)},addTimer:function(){if(d._options.idleMode=="hover")return;d.addTimer("idle",function(){n.hide()},d._options.idleTime)},hide:function(){if(!d._options.idleMode||d.getIndex()===!1||d.getData().iframe)return;d.trigger(Galleria.IDLE_ENTER);var b=n.trunk.length;a.each(n.trunk,function(a,c){var e=c.data("idle");if(!e)return;c.data("idle").complete=!1,E.animate(c,e.to,{duration:d._options.idleSpeed,complete:function(){a==b-1&&(n.active=!1)}})})},showAll:function(){d.clearTimer("idle"),a.each(n.trunk,function(a,b){n.show(b)})},show:function(b){var c=b.data("idle");if(!n.active||!c.busy&&!c.complete)c.busy=!0,d.trigger(Galleria.IDLE_EXIT),d.clearTimer("idle"),E.animate(b,c.from,{duration:d._options.idleSpeed/2,complete:function(){n.active=!0,a(b).data("idle").busy=!1,a(b).data("idle").complete=!0}});n.addTimer()}},o=this._lightbox={width:0,height:0,initialized:!1,active:null,image:null,elems:{},keymap:!1,init:function(){d.trigger(Galleria.LIGHTBOX_OPEN);if(o.initialized)return;o.initialized=!0;var b="overlay box content shadow title info close prevholder prev nextholder next counter image",c={},e=d._options,f="",g="position:absolute;",h="lightbox-",i={overlay:"position:fixed;display:none;opacity:"+e.overlayOpacity+";filter:alpha(opacity="+e.overlayOpacity*100+");top:0;left:0;width:100%;height:100%;background:"+e.overlayBackground+";z-index:99990",box:"position:fixed;display:none;width:400px;height:400px;top:50%;left:50%;margin-top:-200px;margin-left:-200px;z-index:99991",shadow:g+"background:#000;width:100%;height:100%;",content:g+"background-color:#fff;top:10px;left:10px;right:10px;bottom:10px;overflow:hidden",info:g+"bottom:10px;left:10px;right:10px;color:#444;font:11px/13px arial,sans-serif;height:13px",close:g+"top:10px;right:10px;height:20px;width:20px;background:#fff;text-align:center;cursor:pointer;color:#444;font:16px/22px arial,sans-serif;z-index:99999",image:g+"top:10px;left:10px;right:10px;bottom:30px;overflow:hidden;display:block;",prevholder:g+"width:50%;top:0;bottom:40px;cursor:pointer;",nextholder:g+"width:50%;top:0;bottom:40px;right:-1px;cursor:pointer;",prev:g+"top:50%;margin-top:-20px;height:40px;width:30px;background:#fff;left:20px;display:none;text-align:center;color:#000;font:bold 16px/36px arial,sans-serif",next:g+"top:50%;margin-top:-20px;height:40px;width:30px;background:#fff;right:20px;left:auto;display:none;font:bold 16px/36px arial,sans-serif;text-align:center;color:#000",title:"float:left",counter:"float:right;margin-left:8px;"},j=function(b){return b.hover(function(){a(this).css("color","#bbb")},function(){a(this).css("color","#444")})},k={};p&&p>7&&(i.nextholder+="background:#000;filter:alpha(opacity=0);",i.prevholder+="background:#000;filter:alpha(opacity=0);"),a.each(i,function(a,b){f+=".galleria-"+h+a+"{"+b+"}"}),f+=".galleria-"+h+"box.iframe .galleria-"+h+"prevholder,"+".galleria-"+h+"box.iframe .galleria-"+h+"nextholder{"+"width:100px;height:100px;top:50%;margin-top:-70px}",E.insertStyleTag(f),a.each(b.split(" "),function(a,b){d.addElement("lightbox-"+b),c[b]=o.elems[b]=d.get("lightbox-"+b)}),o.image=new Galleria.Picture,a.each({box:"shadow content close prevholder nextholder",info:"title counter",content:"info image",prevholder:"prev",nextholder:"next"},function(b,c){var d=[];a.each(c.split(" "),function(a,b){d.push(h+b)}),k[h+b]=d}),d.append(k),a(c.image).append(o.image.container),a(q().body).append(c.overlay,c.box),E.optimizeTouch(c.box),j(a(c.close).bind("click",o.hide).html("&#215;")),a.each(["Prev","Next"],function(b,d){var e=a(c[d.toLowerCase()]).html(/v/.test(d)?"&#8249;&nbsp;":"&nbsp;&#8250;"),f=a(c[d.toLowerCase()+"holder"]);f.bind("click",function(){o["show"+d]()});if(p<8||Galleria.TOUCH){e.show();return}f.hover(function(){e.show()},function(a){e.stop().fadeOut(200)})}),a(c.overlay).bind("click",o.hide),Galleria.IPAD&&(d._options.lightboxTransitionSpeed=0)},rescale:function(b){var c=Math.min(f.width()-40,o.width),e=Math.min(f.height()-60,o.height),g=Math.min(c/o.width,e/o.height),h=Math.round(o.width*g)+40,i=Math.round(o.height*g)+60,j={width:h,height:i,"margin-top":Math.ceil(i/2)*-1,"margin-left":Math.ceil(h/2)*-1};b?a(o.elems.box).css(j):a(o.elems.box).animate(j,{duration:d._options.lightboxTransitionSpeed,easing:d._options.easing,complete:function(){var b=o.image,c=d._options.lightboxFadeSpeed;d.trigger({type:Galleria.LIGHTBOX_IMAGE,imageTarget:b.image}),a(b.container).show(),a(b.image).animate({opacity:1},c),E.show(o.elems.info,c)}})},hide:function(){o.image.image=null,f.unbind("resize",o.rescale),a(o.elems.box).hide(),E.hide(o.elems.info),d.detachKeyboard(),d.attachKeyboard(o.keymap),o.keymap=!1,E.hide(o.elems.overlay,200,function(){a(this).hide().css("opacity",d._options.overlayOpacity),d.trigger(Galleria.LIGHTBOX_CLOSE)})},showNext:function(){o.show(d.getNext(o.active))},showPrev:function(){o.show(d.getPrev(o.active))},show:function(b){o.active=b=typeof b=="number"?b:d.getIndex()||0,o.initialized||o.init(),o.keymap||(o.keymap=a.extend({},d._keyboard.map),d.attachKeyboard({escape:o.hide,right:o.showNext,left:o.showPrev})),f.unbind("resize",o.rescale);var e=d.getData(b),g=d.getDataLength(),h=d.getNext(b),i,j,k;E.hide(o.elems.info);try{for(k=d._options.preload;k>0;k--)j=new Galleria.Picture,i=d.getData(h),j.preload("big"in i?i.big:i.image),h=d.getNext(h)}catch(l){}o.image.isIframe=!!e.iframe,a(o.elems.box).toggleClass("iframe",!!e.iframe),o.image.load(e.iframe||e.big||e.image,function(d){o.width=d.isIframe?a(c).width():d.original.width,o.height=d.isIframe?a(c).height():d.original.height,a(d.image).css({width:d.isIframe?"100%":"100.1%",height:d.isIframe?"100%":"100.1%",top:0,zIndex:99998,opacity:0,visibility:"visible"}),o.elems.title.innerHTML=e.title||"",o.elems.counter.innerHTML=b+1+" / "+g,f.resize(o.rescale),o.rescale()}),a(o.elems.overlay).show().css("visibility","visible"),a(o.elems.box).show()}},r=this._timer={trunk:{},add:function(a,b,d,e){a=a||(new Date).getTime(),e=e||!1,this.clear(a);if(e){var f=b;b=function(){f(),r.add(a,b,d)}}this.trunk[a]=c.setTimeout(b,d)},clear:function(a){var b=function(a){c.clearTimeout(this.trunk[a]),delete this.trunk[a]},d;if(!!a&&a in this.trunk)b.call(this,a);else if(typeof a=="undefined")for(d in this.trunk)this.trunk.hasOwnProperty(d)&&b.call(this,d)}};return this},Galleria.prototype={constructor:Galleria,init:function(c,d){var e=this;d=t(d),this._original={target:c,options:d,data:null},this._target=this._dom.target=c.nodeName?c:a(c).get(0),this._original.html=this._target.innerHTML,z.push(this);if(!this._target){Galleria.raise("Target not found",!0);return}return this._options={autoplay:!1,carousel:!0,carouselFollow:!0,carouselSpeed:400,carouselSteps:"auto",clicknext:!1,dailymotion:{foreground:"%23EEEEEE",highlight:"%235BCEC5",background:"%23222222",logo:0,hideInfos:1},dataConfig:function(a){return{}},dataSelector:"img",dataSort:!1,dataSource:this._target,debug:b,dummy:b,easing:"galleria",extend:function(a){},fullscreenCrop:b,fullscreenDoubleTap:!0,fullscreenTransition:b,height:0,idleMode:!0,idleTime:3e3,idleSpeed:200,imageCrop:!1,imageMargin:0,imagePan:!1,imagePanSmoothness:12,imagePosition:"50%",imageTimeout:b,initialTransition:b,keepSource:!1,layerFollow:!0,lightbox:!1,lightboxFadeSpeed:200,lightboxTransitionSpeed:200,linkSourceImages:!0,maxScaleRatio:b,minScaleRatio:b,overlayOpacity:.85,overlayBackground:"#0b0b0b",pauseOnInteraction:!0,popupLinks:!1,preload:2,queue:!0,responsive:!0,show:0,showInfo:!0,showCounter:!0,showImagenav:!0,swipe:!0,thumbCrop:!0,thumbEventType:"click",thumbFit:!0,thumbMargin:0,thumbQuality:"auto",thumbDisplayOrder:!0,thumbnails:!0,touchTransition:b,transition:"fade",transitionInitial:b,transitionSpeed:400,trueFullscreen:!0,useCanvas:!1,vimeo:{title:0,byline:0,portrait:0,color:"aaaaaa"},wait:5e3,width:"auto",youtube:{modestbranding:1,autohide:1,color:"white",hd:1,rel:0,showinfo:0}},this._options.initialTransition=this._options.initialTransition||this._options.transitionInitial,d&&d.debug===!1&&(i=!1),d&&typeof d.imageTimeout=="number"&&(j=d.imageTimeout),d&&typeof d.dummy=="string"&&(k=d.dummy),a(this._target).children().hide(),typeof Galleria.theme=="object"?this._init():C.push(this),this},_init:function(){var b=this,e=this._options;if(this._initialized)return Galleria.raise("Init failed: Gallery instance already initialized."),this;this._initialized=!0;if(!Galleria.theme)return Galleria.raise("Init failed: No theme found.",!0),this;a.extend(!0,e,Galleria.theme.defaults,this._original.options,Galleria.configure.options),function(a){if(!("getContext"in a)){a=null;return}B=B||{elem:a,context:a.getContext("2d"),cache:{},length:0}}(d.createElement("canvas")),this.bind(Galleria.DATA,function(){Galleria.QUIRK&&Galleria.raise("Your page is in Quirks mode, Galleria may not render correctly. Please validate your HTML."),this._original.data=this._data,this.get("total").innerHTML=this.getDataLength();var a=this.$("container");b._options.height<2&&(b._ratio=b._options.height);var d={width:0,height:0},e=function(){return b.$("stage").height()};E.wait({until:function(){return d=b._getWH(),a.width(d.width).height(d.height),e()&&d.width&&d.height>50},success:function(){b._width=d.width,b._height=d.height,b._ratio=b._ratio||d.height/d.width,Galleria.WEBKIT?c.setTimeout(function(){b._run()},1):b._run()},error:function(){e()?Galleria.raise("Could not extract sufficient width/height of the gallery container. Traced measures: width:"+d.width+"px, height: "+d.height+"px.",!0):Galleria.raise("Could not extract a stage height from the CSS. Traced height: "+e()+"px.",!0)},timeout:typeof this._options.wait=="number"?this._options.wait:!1})}),this.append({"info-text":["info-title","info-description"],info:["info-text"],"image-nav":["image-nav-right","image-nav-left"],stage:["images","loader","counter","image-nav"],"thumbnails-list":["thumbnails"],"thumbnails-container":["thumb-nav-left","thumbnails-list","thumb-nav-right"],container:["stage","thumbnails-container","info","tooltip"]}),E.hide(this.$("counter").append(this.get("current"),d.createTextNode(" / "),this.get("total"))),this.setCounter("&#8211;"),E.hide(b.get("tooltip")),this.$("container").addClass(Galleria.TOUCH?"touch":"notouch"),a.each(new Array(2),function(c){var d=new Galleria.Picture;a(d.container).css({position:"absolute",top:0,left:0}).prepend(b._layers[c]=a(E.create("galleria-layer")).css({position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:2})[0]),b.$("images").append(d.container),b._controls[c]=d}),this.$("images").css({position:"relative",top:0,left:0,width:"100%",height:"100%"}),this.$("thumbnails, thumbnails-list").css({overflow:"hidden",position:"relative"}),this.$("image-nav-right, image-nav-left").bind("click",function(a){e.clicknext&&a.stopPropagation(),e.pauseOnInteraction&&b.pause();var c=/right/.test(this.className)?"next":"prev";b[c]()}),a.each(["info","counter","image-nav"],function(a,c){e["show"+c.substr(0,1).toUpperCase()+c.substr(1).replace(/-/,"")]===!1&&E.moveOut(b.get(c.toLowerCase()))}),this.load(),!e.keepSource&&!p&&(this._target.innerHTML=""),this.get("errors")&&this.appendChild("target","errors"),this.appendChild("target","container");if(e.carousel){var g=0,h=e.show;this.bind(Galleria.THUMBNAIL,function(){this.updateCarousel(),++g==this.getDataLength()&&typeof h=="number"&&h>0&&this._carousel.follow(h)})}return e.responsive&&f.bind("resize",function(){b.isFullscreen()||b.resize()}),e.swipe&&(function(a){var c=[0,0],d=[0,0],e=30,f=100,g=!1,h=0,i,j={start:"touchstart",move:"touchmove",stop:"touchend"},k=function(a){return a.originalEvent.touches?a.originalEvent.touches[0]:a},l=function(a){if(a.originalEvent.touches&&a.originalEvent.touches.length>1)return;i=k(a),d=[i.pageX,i.pageY],c[0]||(c=d),Math.abs(c[0]-d[0])>10&&a.preventDefault()},m=function(i){a.unbind(j.move,l);if(i.originalEvent.touches&&i.originalEvent.touches.length||g){g=!g;return}E.timestamp()-h<1e3&&Math.abs(c[0]-d[0])>e&&Math.abs(c[1]-d[1])<f&&(i.preventDefault(),b[c[0]>d[0]?"next":"prev"]()),c=d=[0,0]};a.bind(j.start,function(b){if(b.originalEvent.touches&&b.originalEvent.touches.length>1)return;i=k(b),h=E.timestamp(),c=d=[i.pageX,i.pageY],a.bind(j.move,l).one(j.stop,m)})}(b.$("images")),e.fullscreenDoubleTap&&this.$("stage").bind("touchstart",function(){var a,c,d,e,f,g,h=function(a){return a.originalEvent.touches?a.originalEvent.touches[0]:a};return function(i){g=Galleria.utils.timestamp(),c=h(i).pageX,d=h(i).pageY;if(g-a<500&&c-e<20&&d-f<20){b.toggleFullscreen(),i.preventDefault(),b.$("stage").unbind("touchend",arguments.callee);return}a=g,e=c,f=d}}())),E.optimizeTouch(this.get("container")),a.each(Galleria.on.binds,function(c,d){a.inArray(d.hash,b._binds)==-1&&b.bind(d.type,d.callback)}),this},addTimer:function(){return this._timer.add.apply(this._timer,E.array(arguments)),this},clearTimer:function(){return this._timer.clear.apply(this._timer,E.array(arguments)),this},_getWH:function(){var b=this.$("container"),c=this.$("target"),d=this,e={},f;return a.each(["width","height"],function(a,g){d._options[g]&&typeof d._options[g]=="number"?e[g]=d._options[g]:(f=[E.parseValue(b.css(g)),E.parseValue(c.css(g)),b[g](),c[g]()],d["_"+g]||f.splice(f.length,E.parseValue(b.css("min-"+g)),E.parseValue(c.css("min-"+g))),e[g]=Math.max.apply(Math,f))}),d._ratio&&(e.height=e.width*d._ratio),e},_createThumbnails:function(b){this.get("total").innerHTML=this.getDataLength();var e,f,g,h,i,j=this,k=this
+._options,l=b?this._data.length-b.length:0,m=l,n=[],o=0,q=p<8?"http://upload.wikimedia.org/wikipedia/commons/c/c0/Blank.gif":"data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw%3D%3D",r=function(){var a=j.$("thumbnails").find(".active");return a.length?a.find("img").attr("src"):!1}(),s=typeof k.thumbnails=="string"?k.thumbnails.toLowerCase():null,t=function(a){return d.defaultView&&d.defaultView.getComputedStyle?d.defaultView.getComputedStyle(f.container,null)[a]:i.css(a)},u=function(b,c,d){return function(){a(d).append(b),j.trigger({type:Galleria.THUMBNAIL,thumbTarget:b,index:c,galleriaData:j.getData(c)})}},w=function(b){k.pauseOnInteraction&&j.pause();var c=a(b.currentTarget).data("index");j.getIndex()!==c&&j.show(c),b.preventDefault()},x=function(b,c){a(b.container).css("visibility","visible"),j.trigger({type:Galleria.THUMBNAIL,thumbTarget:b.image,index:b.data.order,galleriaData:j.getData(b.data.order)}),typeof c=="function"&&c.call(j,b)},y=function(b,c){b.scale({width:b.data.width,height:b.data.height,crop:k.thumbCrop,margin:k.thumbMargin,canvas:k.useCanvas,complete:function(b){var d=["left","top"],e=["Width","Height"],f,g,h=j.getData(b.index),i=h.thumb.split(":");a.each(e,function(c,e){f=e.toLowerCase(),(k.thumbCrop!==!0||k.thumbCrop===f)&&k.thumbFit&&(g={},g[f]=b[f],a(b.container).css(g),g={},g[d[c]]=0,a(b.image).css(g)),b["outer"+e]=a(b.container)["outer"+e](!0)}),E.toggleQuality(b.image,k.thumbQuality===!0||k.thumbQuality==="auto"&&b.original.width<b.width*3),h.iframe&&i.length==2&&i[0]in v?v[i[0]].getThumb(i[1],function(a){return function(d){a.src=d,x(b,c)}}(b.image)):k.thumbDisplayOrder&&!b.lazy?a.each(n,function(a,b){if(a===o&&b.ready&&!b.displayed){o++,b.displayed=!0,x(b,c);return}}):x(b,c)}})};b||(this._thumbnails=[],this.$("thumbnails").empty());for(;this._data[l];l++)g=this._data[l],e=g.thumb||g.image,k.thumbnails!==!0&&s!="lazy"||!g.thumb&&!g.image?g.iframe||s==="empty"||s==="numbers"?(f={container:E.create("galleria-image"),image:E.create("img","span"),ready:!0},s==="numbers"&&a(f.image).text(l+1),g.iframe&&a(f.image).addClass("iframe"),this.$("thumbnails").append(f.container),c.setTimeout(u(f.image,l,f.container),50+l*20)):f={container:null,image:null}:(f=new Galleria.Picture(l),f.index=l,f.displayed=!1,f.lazy=!1,f.video=!1,this.$("thumbnails").append(f.container),i=a(f.container),i.css("visibility","hidden"),f.data={width:E.parseValue(t("width")),height:E.parseValue(t("height")),order:l,src:e},k.thumbFit&&k.thumbCrop!==!0?i.css({width:"auto",height:"auto"}):i.css({width:f.data.width,height:f.data.height}),h=e.split(":"),h.length==2&&h[0]in v?(f.video=!0,f.ready=!0,f.load(q,{height:f.data.height,width:f.data.height*1.25},y)):s=="lazy"?(i.addClass("lazy"),f.lazy=!0,f.load(q,{height:f.data.height,width:f.data.width})):f.load(e,y),k.preload==="all"&&f.preload(g.image)),a(f.container).add(k.keepSource&&k.linkSourceImages?g.original:null).data("index",l).bind(k.thumbEventType,w).data("thumbload",y),r===e&&a(f.container).addClass("active"),this._thumbnails.push(f);return n=this._thumbnails.slice(m),this},lazyLoad:function(b,c){var d=b.constructor==Array?b:[b],e=this,f=this.$("thumbnails").children().filter(function(){return a(this).data("lazy-src")}),g=0;return a.each(d,function(b,f){if(f>e._thumbnails.length-1)return;var h=e._thumbnails[f],i=h.data,j=i.src.split(":"),k=function(){++g==d.length&&typeof c=="function"&&c.call(e)},l=a(h.container).data("thumbload");h.video?l.call(e,h,k):h.load(i.src,function(a){l.call(e,a,k)})}),this},lazyLoadChunks:function(a,b){var d=this.getDataLength(),e=0,f=0,g=[],h=[],i=this;b=b||0;for(;e<d;e++){h.push(e);if(++f==a||e==d-1)g.push(h),f=0,h=[]}var j=function(a){var d=g.shift();d&&c.setTimeout(function(){i.lazyLoad(d,function(){j(!0)})},b&&a?b:0)};return j(!1),this},_run:function(){var d=this;d._createThumbnails(),E.wait({timeout:1e4,until:function(){return Galleria.OPERA&&d.$("stage").css("display","inline-block"),d._stageWidth=d.$("stage").width(),d._stageHeight=d.$("stage").height(),d._stageWidth&&d._stageHeight>50},success:function(){y.push(d),E.show(d.get("counter")),d._options.carousel&&d._carousel.bindControls(),d._options.autoplay&&(d.pause(),typeof d._options.autoplay=="number"&&(d._playtime=d._options.autoplay),d._playing=!0);if(d._firstrun){d._options.autoplay&&d.trigger(Galleria.PLAY),typeof d._options.show=="number"&&d.show(d._options.show);return}d._firstrun=!0,Galleria.History&&Galleria.History.change(function(a){isNaN(a)?c.history.go(-1):d.show(a,b,!0)}),d.trigger(Galleria.READY),Galleria.theme.init.call(d,d._options),a.each(Galleria.ready.callbacks,function(a,b){typeof b=="function"&&b.call(d,d._options)}),d._options.extend.call(d,d._options),/^[0-9]{1,4}$/.test(m)&&Galleria.History?d.show(m,b,!0):d._data[d._options.show]&&d.show(d._options.show),d._options.autoplay&&d.trigger(Galleria.PLAY)},error:function(){Galleria.raise("Stage width or height is too small to show the gallery. Traced measures: width:"+d._stageWidth+"px, height: "+d._stageHeight+"px.",!0)}})},load:function(b,c,d){var e=this,f=this._options;return this._data=[],this._thumbnails=[],this.$("thumbnails").empty(),typeof c=="function"&&(d=c,c=null),b=b||f.dataSource,c=c||f.dataSelector,d=d||f.dataConfig,/^function Object/.test(b.constructor)&&(b=[b]),b.constructor===Array?this.validate(b)?this._data=b:Galleria.raise("Load failed: JSON Array not valid."):(c+=",.video,.iframe",a(b).find(c).each(function(b,c){c=a(c);var f={},g=c.parent(),h=g.attr("href"),i=g.attr("rel");h&&(c[0].nodeName=="IMG"||c.hasClass("video"))&&w(h)?f.video=h:h&&c.hasClass("iframe")?f.iframe=h:f.image=f.big=h,i&&(f.big=i),a.each("big title description link layer".split(" "),function(a,b){c.data(b)&&(f[b]=c.data(b))}),e._data.push(a.extend({title:c.attr("title")||"",thumb:c.attr("src"),image:c.attr("src"),big:c.attr("src"),description:c.attr("alt")||"",link:c.attr("longdesc"),original:c.get(0)},f,d(c)))})),typeof f.dataSort=="function"?g.sort.call(this._data,f.dataSort):f.dataSort=="random"&&this._data.sort(function(){return Math.round(Math.random())-.5}),this.getDataLength()&&this._parseData().trigger(Galleria.DATA),this},_parseData:function(){var b=this,c;return a.each(this._data,function(d,e){c=b._data[d],"thumb"in e==0&&(c.thumb=e.image),!1 in e&&(c.big=e.image);if("video"in e){var f=w(e.video);if(f){c.iframe=v[f.provider].embed(f.id)+function(){if(typeof b._options[f.provider]=="object"){var c="?",d=[];return a.each(b._options[f.provider],function(a,b){d.push(a+"="+b)}),f.provider=="youtube"&&(d=["wmode=opaque"].concat(d)),c+d.join("&")}return""}(),delete c.video;if(!("thumb"in c)||!c.thumb)c.thumb=f.provider+":"+f.id}}}),this},destroy:function(){return this.get("target").innerHTML=this._original.html,this.clearTimer(),this},splice:function(){var a=this,b=E.array(arguments);return c.setTimeout(function(){g.splice.apply(a._data,b),a._parseData()._createThumbnails()},2),a},push:function(){var a=this,b=E.array(arguments);return b.length==1&&b[0].constructor==Array&&(b=b[0]),c.setTimeout(function(){g.push.apply(a._data,b),a._parseData()._createThumbnails(b)},2),a},_getActive:function(){return this._controls.getActive()},validate:function(a){return!0},bind:function(a,b){return a=u(a),this.$("container").bind(a,this.proxy(b)),this},unbind:function(a){return a=u(a),this.$("container").unbind(a),this},trigger:function(b){return b=typeof b=="object"?a.extend(b,{scope:this}):{type:u(b),scope:this},this.$("container").trigger(b),this},addIdleState:function(a,b,c,d){return this._idle.add.apply(this._idle,E.array(arguments)),this},removeIdleState:function(a){return this._idle.remove.apply(this._idle,E.array(arguments)),this},enterIdleMode:function(){return this._idle.hide(),this},exitIdleMode:function(){return this._idle.showAll(),this},enterFullscreen:function(a){return this._fullscreen.enter.apply(this,E.array(arguments)),this},exitFullscreen:function(a){return this._fullscreen.exit.apply(this,E.array(arguments)),this},toggleFullscreen:function(a){return this._fullscreen[this.isFullscreen()?"exit":"enter"].apply(this,E.array(arguments)),this},bindTooltip:function(a,b){return this._tooltip.bind.apply(this._tooltip,E.array(arguments)),this},defineTooltip:function(a,b){return this._tooltip.define.apply(this._tooltip,E.array(arguments)),this},refreshTooltip:function(a){return this._tooltip.show.apply(this._tooltip,E.array(arguments)),this},openLightbox:function(){return this._lightbox.show.apply(this._lightbox,E.array(arguments)),this},closeLightbox:function(){return this._lightbox.hide.apply(this._lightbox,E.array(arguments)),this},getActiveImage:function(){return this._getActive().image||b},getActiveThumb:function(){return this._thumbnails[this._active].image||b},getMousePosition:function(a){return{x:a.pageX-this.$("container").offset().left,y:a.pageY-this.$("container").offset().top}},addPan:function(b){if(this._options.imageCrop===!1)return;b=a(b||this.getActiveImage());var c=this,d=b.width()/2,e=b.height()/2,f=parseInt(b.css("left"),10),g=parseInt(b.css("top"),10),h=f||0,i=g||0,j=0,k=0,l=!1,m=E.timestamp(),n=0,o=0,q=function(a,c,d){if(a>0){o=Math.round(Math.max(a*-1,Math.min(0,c)));if(n!==o){n=o;if(p===8)b.parent()["scroll"+d](o*-1);else{var e={};e[d.toLowerCase()]=o,b.css(e)}}}},r=function(a){if(E.timestamp()-m<50)return;l=!0,d=c.getMousePosition(a).x,e=c.getMousePosition(a).y},s=function(a){if(!l)return;j=b.width()-c._stageWidth,k=b.height()-c._stageHeight,f=d/c._stageWidth*j*-1,g=e/c._stageHeight*k*-1,h+=(f-h)/c._options.imagePanSmoothness,i+=(g-i)/c._options.imagePanSmoothness,q(k,i,"Top"),q(j,h,"Left")};return p===8&&(b.parent().scrollTop(i*-1).scrollLeft(h*-1),b.css({top:0,left:0})),this.$("stage").unbind("mousemove",r).bind("mousemove",r),this.addTimer("pan"+c._id,s,50,!0),this},proxy:function(a,b){return typeof a!="function"?n:(b=b||this,function(){return a.apply(b,E.array(arguments))})},removePan:function(){return this.$("stage").unbind("mousemove"),this.clearTimer("pan"+this._id),this},addElement:function(b){var c=this._dom;return a.each(E.array(arguments),function(a,b){c[b]=E.create("galleria-"+b)}),this},attachKeyboard:function(a){return this._keyboard.attach.apply(this._keyboard,E.array(arguments)),this},detachKeyboard:function(){return this._keyboard.detach.apply(this._keyboard,E.array(arguments)),this},appendChild:function(a,b){return this.$(a).append(this.get(b)||b),this},prependChild:function(a,b){return this.$(a).prepend(this.get(b)||b),this},remove:function(a){return this.$(E.array(arguments).join(",")).remove(),this},append:function(a){var b,c;for(b in a)if(a.hasOwnProperty(b))if(a[b].constructor===Array)for(c=0;a[b][c];c++)this.appendChild(b,a[b][c]);else this.appendChild(b,a[b]);return this},_scaleImage:function(b,c){b=b||this._controls.getActive();if(!b)return;var d=this,e,f=function(b){a(b.container).children(":first").css({top:Math.max(0,E.parseValue(b.image.style.top)),left:Math.max(0,E.parseValue(b.image.style.left)),width:E.parseValue(b.image.width),height:E.parseValue(b.image.height)})};return c=a.extend({width:this._stageWidth,height:this._stageHeight,crop:this._options.imageCrop,max:this._options.maxScaleRatio,min:this._options.minScaleRatio,margin:this._options.imageMargin,position:this._options.imagePosition},c),this._options.layerFollow&&this._options.imageCrop!==!0?typeof c.complete=="function"?(e=c.complete,c.complete=function(){e.call(b,b),f(b)}):c.complete=f:a(b.container).children(":first").css({top:0,left:0}),b.scale(c),this},updateCarousel:function(){return this._carousel.update(),this},resize:function(c,d){typeof c=="function"&&(d=c,c=b),c=a.extend({width:0,height:0},c);var e=this,f=this.$("container");return a.each(c,function(a,b){b||(f[a]("auto"),c[a]=e._getWH()[a])}),a.each(c,function(a,b){f[a](b)}),this.rescale(d)},rescale:function(a,c,d){var e=this;typeof a=="function"&&(d=a,a=b);var f=function(){e._stageWidth=a||e.$("stage").width(),e._stageHeight=c||e.$("stage").height(),e._scaleImage(),e._options.carousel&&e.updateCarousel(),e.trigger(Galleria.RESCALE),typeof d=="function"&&d.call(e)};return f.call(e),this},refreshImage:function(){return this._scaleImage(),this._options.imagePan&&this.addPan(),this},show:function(a,b,c){if(a===!1||!this._options.queue&&this._queue.stalled)return;a=Math.max(0,Math.min(parseInt(a,10),this.getDataLength()-1)),b=typeof b!="undefined"?!!b:a<this.getIndex(),c=c||!1;if(!c&&Galleria.History){Galleria.History.set(a.toString());return}return this._active=a,g.push.call(this._queue,{index:a,rewind:b}),this._queue.stalled||this._show(),this},_show:function(){var d=this,e=this._queue[0],f=this.getData(e.index);if(!f)return;var h=f.iframe||(this.isFullscreen()&&"big"in f?f.big:f.image),i=this._controls.getActive(),j=this._controls.getNext(),k=j.isCached(h),l=this._thumbnails[e.index],m=function(){a(j.image).trigger("mouseup")},n=function(b,e,f,h,i){return function(){var j;F.active=!1,d._queue.stalled=!1,E.toggleQuality(e.image,d._options.imageQuality),d._layers[d._controls.active].innerHTML="",a(f.container).css({zIndex:0,opacity:0}).show(),f.isIframe&&a(f.container).find("iframe").remove(),d.$("container").toggleClass("iframe",!!b.iframe),a(e.container).css({zIndex:1,left:0,top:0}).show(),d._controls.swap(),d._options.imagePan&&d.addPan(e.image),(b.link||d._options.lightbox||d._options.clicknext)&&a(e.image).css({cursor:"pointer"}).bind("mouseup",function(){if(d._options.clicknext&&!Galleria.TOUCH){d._options.pauseOnInteraction&&d.pause(),d.next();return}if(b.link){d._options.popupLinks?j=c.open(b.link,"_blank"):c.location.href=b.link;return}d._options.lightbox&&d.openLightbox()}),g.shift.call(d._queue),d._queue.length&&d._show(),d._playCheck(),d.trigger({type:Galleria.IMAGE,index:h.index,imageTarget:e.image,thumbTarget:i.image,galleriaData:b})}}(f,j,i,e,l);this._options.carousel&&this._options.carouselFollow&&this._carousel.follow(e.index);if(this._options.preload){var o,p,q=this.getNext(),r;try{for(p=this._options.preload;p>0;p--)o=new Galleria.Picture,r=d.getData(q),o.preload(this.isFullscreen()&&"big"in r?r.big:r.image),q=d.getNext(q)}catch(s){}}E.show(j.container),j.isIframe=!!f.iframe,a(d._thumbnails[e.index].container).addClass("active").siblings(".active").removeClass("active"),d.trigger({type:Galleria.LOADSTART,cached:k,index:e.index,rewind:e.rewind,imageTarget:j.image,thumbTarget:l.image,galleriaData:f}),j.load(h,function(c){var g=a(d._layers[1-d._controls.active]).html(f.layer||"").hide();d._scaleImage(c,{complete:function(c){"image"in i&&E.toggleQuality(i.image,!1),E.toggleQuality(c.image,!1),d._queue.stalled=!0,d.removePan(),d.setInfo(e.index),d.setCounter(e.index),f.layer&&(g.show(),(f.link||d._options.lightbox||d._options.clicknext)&&g.css("cursor","pointer").unbind("mouseup").mouseup(m)),d.trigger({type:Galleria.LOADFINISH,cached:k,index:e.index,rewind:e.rewind,imageTarget:c.image,thumbTarget:d._thumbnails[e.index].image,galleriaData:d.getData(e.index)});var h=d._options.transition;a.each({initial:i.image===null,touch:Galleria.TOUCH,fullscreen:d.isFullscreen()},function(a,c){if(c&&d._options[a+"Transition"]!==b)return h=d._options[a+"Transition"],!1});if(h in F.effects==0)n();else{var j={prev:i.container,next:c.container,rewind:e.rewind,speed:d._options.transitionSpeed||400};F.active=!0,F.init.call(d,h,j,n)}}})})},getNext:function(a){return a=typeof a=="number"?a:this.getIndex(),a===this.getDataLength()-1?0:a+1},getPrev:function(a){return a=typeof a=="number"?a:this.getIndex(),a===0?this.getDataLength()-1:a-1},next:function(){return this.getDataLength()>1&&this.show(this.getNext(),!1),this},prev:function(){return this.getDataLength()>1&&this.show(this.getPrev(),!0),this},get:function(a){return a in this._dom?this._dom[a]:null},getData:function(a){return a in this._data?this._data[a]:this._data[this._active]},getDataLength:function(){return this._data.length},getIndex:function(){return typeof this._active=="number"?this._active:!1},getStageHeight:function(){return this._stageHeight},getStageWidth:function(){return this._stageWidth},getOptions:function(a){return typeof a=="undefined"?this._options:this._options[a]},setOptions:function(b,c){return typeof b=="object"?a.extend(this._options,b):this._options[b]=c,this},play:function(a){return this._playing=!0,this._playtime=a||this._playtime,this._playCheck(),this.trigger(Galleria.PLAY),this},pause:function(){return this._playing=!1,this.trigger(Galleria.PAUSE),this},playToggle:function(a){return this._playing?this.pause():this.play(a)},isPlaying:function(){return this._playing},isFullscreen:function(){return this._fullscreen.active},_playCheck:function(){var a=this,b=0,c=20,d=E.timestamp(),e="play"+this._id;if(this._playing){this.clearTimer(e);var f=function(){b=E.timestamp()-d;if(b>=a._playtime&&a._playing){a.clearTimer(e),a.next();return}a._playing&&(a.trigger({type:Galleria.PROGRESS,percent:Math.ceil(b/a._playtime*100),seconds:Math.floor(b/1e3),milliseconds:b}),a.addTimer(e,f,c))};a.addTimer(e,f,c)}},setPlaytime:function(a){return this._playtime=a,this},setIndex:function(a){return this._active=a,this},setCounter:function(a){typeof a=="number"?a++:typeof a=="undefined"&&(a=this.getIndex()+1),this.get("current").innerHTML=a;if(p){var b=this.$("counter"),c=b.css("opacity");parseInt(c,10)===1?E.removeAlpha(b[0]):this.$("counter").css("opacity",c)}return this},setInfo:function(b){var c=this,d=this.getData(b);return a.each(["title","description"],function(a,b){var e=c.$("info-"+b);d[b]?e[d[b].length?"show":"hide"]().html(d[b]):e.empty().hide()}),this},hasInfo:function(a){var b="title description".split(" "),c;for(c=0;b[c];c++)if(!!this.getData(a)[b[c]])return!0;return!1},jQuery:function(b){var c=this,d=[];a.each(b.split(","),function(b,e){e=a.trim(e),c.get(e)&&d.push(e)});var e=a(c.get(d.shift()));return a.each(d,function(a,b){e=e.add(c.get(b))}),e},$:function(a){return this.jQuery.apply(this,E.array(arguments))}},a.each(s,function(a,b){var c=/_/.test(b)?b.replace(/_/g,""):b;Galleria[b.toUpperCase()]="galleria."+c}),a.extend(Galleria,{IE9:p===9,IE8:p===8,IE7:p===7,IE6:p===6,IE:p,WEBKIT:/webkit/.test(l),CHROME:/chrome/.test(l),SAFARI:/safari/.test(l)&&!/chrome/.test(l),QUIRK:p&&d.compatMode&&d.compatMode==="BackCompat",MAC:/mac/.test(navigator.platform.toLowerCase()),OPERA:!!c.opera,IPHONE:/iphone/.test(l),IPAD:/ipad/.test(l),ANDROID:/android/.test(l),TOUCH:"ontouchstart"in d}),Galleria.addTheme=function(b){b.name||Galleria.raise("No theme name specified"),typeof b.defaults!="object"?b.defaults={}:b.defaults=t(b.defaults);var d=!1,e;return typeof b.css=="string"?(a("link").each(function(a,c){e=new RegExp(b.css);if(e.test(c.href))return d=!0,D(b),!1}),d||a("script").each(function(a,f){e=new RegExp("galleria\\."+b.name.toLowerCase()+"\\."),e.test(f.src)&&(d=f.src.replace(/[^\/]*$/,"")+b.css,c.setTimeout(function(){E.loadCSS(d,"galleria-theme",function(){D(b)})},1))}),d||Galleria.raise("No theme CSS loaded")):D(b),b},Galleria.loadTheme=function(d,e){var f=!1,g=y.length,h=c.setTimeout(function(){Galleria.raise("Theme at "+d+" could not load, check theme path.",!0)},5e3);return Galleria.theme=b,E.loadScript(d,function(){c.clearTimeout(h);if(g){var b=[];a.each(Galleria.get(),function(c,d){var f=a.extend(d._original.options,{data_source:d._data},e);d.$("container").remove();var g=new Galleria;g._id=d._id,g.init(d._original.target,f),b.push(g)}),y=b}}),Galleria},Galleria.get=function(a){if(!!z[a])return z[a];if(typeof a!="number")return z;Galleria.raise("Gallery index "+a+" not found")},Galleria.configure=function(b,c){var d={};return typeof b=="string"&&c?(d[b]=c,b=d):a.extend(d,b),Galleria.configure.options=d,a.each(Galleria.get(),function(a,b){b.setOptions(d)}),Galleria},Galleria.configure.options={},Galleria.on=function(b,c){if(!b)return;c=c||n;var d=b+c.toString().replace(/\s/g,"")+E.timestamp();return a.each(Galleria.get(),function(a,e){e._binds.push(d),e.bind(b,c)}),Galleria.on.binds.push({type:b,callback:c,hash:d}),Galleria},Galleria.on.binds=[],Galleria.run=function(b,c){return a(b||"#galleria").galleria(c),Galleria},Galleria.addTransition=function(a,b){return F.effects[a]=b,Galleria},Galleria.utils=E,Galleria.log=function(){var b=E.array(arguments);if(!("console"in c&&"log"in c.console))return c.alert(b.join("<br>"));try{return c.console.log.apply(c.console,b)}catch(d){a.each(b,function(){c.console.log(this)})}},Galleria.ready=function(b){return typeof b!="function"?Galleria:(a.each(y,function(a,c){b.call(c,c._options)}),Galleria.ready.callbacks.push(b),Galleria)},Galleria.ready.callbacks=[],Galleria.raise=function(b,c){var d=c?"Fatal error":"Error",e=this,f={color:"#fff",position:"absolute",top:0,left:0,zIndex:1e5},g=function(b){var e='<div style="padding:4px;margin:0 0 2px;background:#'+(c?"811":"222")+'";>'+(c?"<strong>"+d+": </strong>":"")+b+"</div>";a.each(z,function(){var a=this.$("errors"),b=this.$("target");a.length||(b.css("position","relative"),a=this.addElement("errors").appendChild("target","errors").$("errors").css(f)),a.append(e)}),z.length||a("<div>").css(a.extend(f,{position:"fixed"})).append(e).appendTo(q().body)};if(i){g(b);if(c)throw new Error(d+": "+b)}else if(c){if(A)return;A=!0,c=!1,g("Gallery could not load.")}},Galleria.version=h,Galleria.requires=function(a,b){return b=b||"You need to upgrade Galleria to version "+a+" to use one or more components.",Galleria.version<a&&Galleria.raise(b,!0),Galleria},Galleria.Picture=function(b){this.id=b||null,this.image=null,this.container=E.create("galleria-image"),a(this.container).css({overflow:"hidden",position:"relative"}),this.original={width:0,height:0},this.ready=!1,this.isIframe=!1},Galleria.Picture.prototype={cache:{},show:function(){E.show(this.image)},hide:function(){E.moveOut(this.image)},clear:function(){this.image=null},isCached:function(a){return!!this.cache[a]},preload:function(b){a(new Image).load(function(a,b){return function(){b[a]=a}}(b,this.cache)).attr("src",b)},load:function(b,d,e){typeof d=="function"&&(e=d,d=null);if(this.isIframe){var f="if"+(new Date).getTime();return this.image=a("<iframe>",{src:b,frameborder:0,id:f,allowfullscreen:!0,css:{visibility:"hidden"}})[0],a(this.container).find("iframe,img").remove(),this.container.appendChild(this.image),a("#"+f).load(function(b,d){return function(){c.setTimeout(function(){a(b.image).css("visibility","visible"),typeof d=="function"&&d.call(b,b)},10)}}(this,e)),this.container}this.image=new Image;var g=0,h=!1,i=!1,j=a(this.container),l=a(this.image),m=function(){h?k?a(this).attr("src",k):Galleria.raise("Image not found: "+b):(h=!0,c.setTimeout(function(a,b){return function(){a.attr("src",b+"?"+E.timestamp())}}(a(this),b),50))},n=function(b,e,f){return function(){var g=function(){a(this).unbind("load"),b.original=d||{height:this.height,width:this.width},b.container.appendChild(this),b.cache[f]=f,typeof e=="function"&&c.setTimeout(function(){e.call(b,b)},1)};!this.width||!this.height?c.setTimeout(function(b){return function(){b.width&&b.height?g.call(b):i?Galleria.raise("Could not extract width/height from image: "+b.src+". Traced measures: width:"+b.width+"px, height: "+b.height+"px."):(a(new Image).load(n).attr("src",b.src),i=!0)}}(this),2):g.call(this)}}(this,e,b);return j.find("iframe,img").remove(),l.css("display","block"),E.hide(this.image),a.each("minWidth minHeight maxWidth maxHeight".split(" "),function(a,b){l.css(b,/min/.test(b)?"0":"none")}),l.load(n).error(m).attr("src",b),this.container},scale:function(c){var d=this;c=a.extend({width:0,height:0,min:b,max:b,margin:0,complete:n,position:"center",crop:!1,canvas:!1},c);if(this.isIframe){a(this.image).width(c.width).height(c.height).removeAttr("width").removeAttr("height"),a(this.container).width(c.width).height(c.height),c.complete.call(d,d);try{this.image.contentWindow&&a(this.image.contentWindow).trigger("resize")}catch(e){}return this.container}if(!this.image)return this.container;var f,g,h=a(d.container),i;return E.wait({until:function(){return f=c.width||h.width()||E.parseValue(h.css("width")),g=c.height||h.height()||E.parseValue(h.css("height")),f&&g},success:function(){var b=(f-c.margin*2)/d.original.width,e=(g-c.margin*2)/d.original.height,h=Math.min(b,e),j=Math.max(b,e),k={"true":j,width:b,height:e,"false":h,landscape:d.original.width>d.original.height?j:h,portrait:d.original.width<d.original.height?j:h},l=k[c.crop.toString()],m="";c.max&&(l=Math.min(c.max,l)),c.min&&(l=Math.max(c.min,l)),a.each(["width","height"],function(b,c){a(d.image)[c](d[c]=d.image[c]=Math.round(d.original[c]*l))}),a(d.container).width(f).height(g),c.canvas&&B&&(B.elem.width=d.width,B.elem.height=d.height,m=d.image.src+":"+d.width+"x"+d.height,d.image.src=B.cache[m]||function(a){B.context.drawImage(d.image,0,0,d.original.width*l,d.original.height*l);try{return i=B.elem.toDataURL(),B.length+=i.length,B.cache[a]=i,i}catch(b){return d.image.src}}(m));var n={},o={},p=function(b,c,e){var f=0;if(/\%/.test(b)){var g=parseInt(b,10)/100,h=d.image[c]||a(d.image)[c]();f=Math.ceil(h*-1*g+e*g)}else f=E.parseValue(b);return f},q={top:{top:0},left:{left:0},right:{left:"100%"},bottom:{top:"100%"}};a.each(c.position.toLowerCase().split(" "),function(a,b){b==="center"&&(b="50%"),n[a?"top":"left"]=b}),a.each(n,function(b,c){q.hasOwnProperty(c)&&a.extend(o,q[c])}),n=n.top?a.extend(n,o):o,n=a.extend({top:"50%",left:"50%"},n),a(d.image).css({position:"absolute",top:p(n.top,"height",g),left:p(n.left,"width",f)}),d.show(),d.ready=!0,c.complete.call(d,d)},error:function(){Galleria.raise("Could not scale image: "+d.image.src)},timeout:1e3}),this}},a.extend(a.easing,{galleria:function(a,b,c,d,e){return(b/=e/2)<1?d/2*b*b*b+c:d/2*((b-=2)*b*b+2)+c},galleriaIn:function(a,b,c,d,e){return d*(b/=e)*b+c},galleriaOut:function(a,b,c,d,e){return-d*(b/=e)*(b-2)+c}}),a.fn.galleria=function(b){var c=this.selector;return a(this).length?this.each(function(){a.data(this,"galleria")||a.data(this,"galleria",(new Galleria).init(this,b))}):(a(function(){a(c).length?a(c).galleria(b):Galleria.utils.wait({until:function(){return a(c).length},success:function(){a(c).galleria(b)},error:function(){Galleria.raise('Init failed: Galleria could not find the element "'+c+'".')},timeout:5e3})}),this)}})(jQuery);
\ No newline at end of file
diff --git a/akvo/mediaroot/core/galleria/plugins/flickr/flickr-demo.html b/akvo/mediaroot/core/galleria/plugins/flickr/flickr-demo.html
new file mode 100644
index 0000000000..2b84ec5dfa
--- /dev/null
+++ b/akvo/mediaroot/core/galleria/plugins/flickr/flickr-demo.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <title>Galleria Flickr Plugin</title>
+        <style>
+
+            /* Demo styles */
+            html,body{background:#222;margin:0;}
+            body{border-top:4px solid #000;}
+            .content{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;width:620px;margin:20px auto;}
+            h1{font-size:12px;font-weight:normal;color:#ddd;margin:0;}
+            p{margin:0 0 20px}
+            a {color:#22BCB9;text-decoration:none;}
+            .cred{margin-top:20px;font-size:11px;}
+
+            /* This rule is read by Galleria to define the gallery height: */
+            #galleria{height:320px;}
+
+        </style>
+
+        <!-- load jQuery -->
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
+
+        <!-- load Galleria -->
+        <script src="../../galleria-1.2.8.min.js"></script>
+
+        <!-- load flickr plugin -->
+        <script src="galleria.flickr.min.js"></script>
+
+    </head>
+<body>
+    <div class="content">
+        <h1>Galleria Flickr Plugin Demo</h1>
+        <p>Demonstrating a basic gallery example with a Flickr search.</p>
+
+        <!-- Adding gallery images. This is just a container for the dynamic flickr images -->
+
+        <div id="galleria"></div>
+
+        <p class="cred">Made by <a href="http://galleria.aino.se">Galleria</a>.</p>
+    </div>
+    <script>
+
+    // Load the classic theme
+    Galleria.loadTheme('../../themes/classic/galleria.classic.min.js');
+
+    // Initialize Galleria
+    Galleria.run('#galleria', {
+        flickr: 'search:cityscape',
+        flickrOptions: {
+            sort: 'interestingness-desc'
+        }
+    });
+    </script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/akvo/mediaroot/core/galleria/plugins/flickr/flickr-loader.gif b/akvo/mediaroot/core/galleria/plugins/flickr/flickr-loader.gif
new file mode 100755
index 0000000000..beaacacc93
Binary files /dev/null and b/akvo/mediaroot/core/galleria/plugins/flickr/flickr-loader.gif differ
diff --git a/akvo/mediaroot/core/galleria/plugins/flickr/galleria.flickr.js b/akvo/mediaroot/core/galleria/plugins/flickr/galleria.flickr.js
new file mode 100644
index 0000000000..f702d6aff8
--- /dev/null
+++ b/akvo/mediaroot/core/galleria/plugins/flickr/galleria.flickr.js
@@ -0,0 +1,382 @@
+/**
+ * Galleria Flickr Plugin 2012-04-04
+ * http://galleria.io
+ *
+ * Licensed under the MIT license
+ * https://raw.github.com/aino/galleria/master/LICENSE
+ *
+ */
+
+(function($) {
+
+/*global jQuery, Galleria, window */
+
+Galleria.requires(1.25, 'The Flickr Plugin requires Galleria version 1.2.5 or later.');
+
+// The script path
+var PATH = Galleria.utils.getScriptPath();
+
+/**
+
+    @class
+    @constructor
+
+    @example var flickr = new Galleria.Flickr();
+
+    @author http://aino.se
+
+    @requires jQuery
+    @requires Galleria
+
+    @param {String} [api_key] Flickr API key to be used, defaults to the Galleria key
+
+    @returns Instance
+*/
+
+Galleria.Flickr = function( api_key ) {
+
+    this.api_key = api_key || '2a2ce06c15780ebeb0b706650fc890b2';
+
+    this.options = {
+        max: 30,                       // photos to return
+        imageSize: 'medium',           // photo size ( thumb,small,medium,big,original )
+        thumbSize: 'thumb',            // thumbnail size ( thumb,small,medium,big,original )
+        sort: 'interestingness-desc',  // sort option ( date-posted-asc, date-posted-desc, date-taken-asc, date-taken-desc, interestingness-desc, interestingness-asc, relevance )
+        description: false,            // set this to true to get description as caption
+        complete: function(){},        // callback to be called inside the Galleria.prototype.load
+        backlink: false                // set this to true if you want to pass a link back to the original image
+    };
+};
+
+Galleria.Flickr.prototype = {
+
+    // bring back the constructor reference
+
+    constructor: Galleria.Flickr,
+
+    /**
+        Search for anything at Flickr
+
+        @param {String} phrase The string to search for
+        @param {Function} [callback] The callback to be called when the data is ready
+
+        @returns Instance
+    */
+
+    search: function( phrase, callback ) {
+        return this._find({
+            text: phrase
+        }, callback );
+    },
+
+    /**
+        Search for anything at Flickr by tag
+
+        @param {String} tag The tag(s) to search for
+        @param {Function} [callback] The callback to be called when the data is ready
+
+        @returns Instance
+    */
+
+    tags: function( tag, callback ) {
+        return this._find({
+            tags: tag
+        }, callback);
+    },
+
+    /**
+        Get a user's public photos
+
+        @param {String} username The username as shown in the URL to fetch
+        @param {Function} [callback] The callback to be called when the data is ready
+
+        @returns Instance
+    */
+
+    user: function( username, callback ) {
+        return this._call({
+            method: 'flickr.urls.lookupUser',
+            url: 'flickr.com/photos/' + username
+        }, function( data ) {
+            this._find({
+                user_id: data.user.id,
+                method: 'flickr.people.getPublicPhotos'
+            }, callback);
+        });
+    },
+
+    /**
+        Get photos from a photoset by ID
+
+        @param {String|Number} photoset_id The photoset id to fetch
+        @param {Function} [callback] The callback to be called when the data is ready
+
+        @returns Instance
+    */
+
+    set: function( photoset_id, callback ) {
+        return this._find({
+            photoset_id: photoset_id,
+            method: 'flickr.photosets.getPhotos'
+        }, callback);
+    },
+
+    /**
+        Get photos from a gallery by ID
+
+        @param {String|Number} gallery_id The gallery id to fetch
+        @param {Function} [callback] The callback to be called when the data is ready
+
+        @returns Instance
+    */
+
+    gallery: function( gallery_id, callback ) {
+        return this._find({
+            gallery_id: gallery_id,
+            method: 'flickr.galleries.getPhotos'
+        }, callback);
+    },
+
+    /**
+        Search groups and fetch photos from the first group found
+        Useful if you know the exact name of a group and want to show the groups photos.
+
+        @param {String} group The group name to search for
+        @param {Function} [callback] The callback to be called when the data is ready
+
+        @returns Instance
+    */
+
+    groupsearch: function( group, callback ) {
+        return this._call({
+            text: group,
+            method: 'flickr.groups.search'
+        }, function( data ) {
+            this.group( data.groups.group[0].nsid, callback );
+        });
+    },
+
+    /**
+        Get photos from a group by ID
+
+        @param {String} group_id The group id to fetch
+        @param {Function} [callback] The callback to be called when the data is ready
+
+        @returns Instance
+    */
+
+    group: function ( group_id, callback ) {
+        return this._find({
+            group_id: group_id,
+            method: 'flickr.groups.pools.getPhotos'
+        }, callback );
+    },
+
+    /**
+        Set flickr options
+
+        @param {Object} options The options object to blend
+
+        @returns Instance
+    */
+
+    setOptions: function( options ) {
+        $.extend(this.options, options);
+        return this;
+    },
+
+
+    // call Flickr and raise errors
+
+    _call: function( params, callback ) {
+
+        var url = 'http://api.flickr.com/services/rest/?';
+
+        var scope = this;
+
+        params = $.extend({
+            format : 'json',
+            jsoncallback : '?',
+            api_key: this.api_key
+        }, params );
+
+        $.each(params, function( key, value ) {
+            url += '&' + key + '=' + value;
+        });
+
+        $.getJSON(url, function(data) {
+            if ( data.stat === 'ok' ) {
+                callback.call(scope, data);
+            } else {
+                Galleria.raise( data.code.toString() + ' ' + data.stat + ': ' + data.message, true );
+            }
+        });
+        return scope;
+    },
+
+
+    // "hidden" way of getting a big image (~1024) from flickr
+
+    _getBig: function( photo ) {
+
+        if ( photo.url_l ) {
+            return photo.url_l;
+        } else if ( parseInt( photo.width_o, 10 ) > 1280 ) {
+
+            return 'http://farm'+photo.farm + '.static.flickr.com/'+photo.server +
+                '/' + photo.id + '_' + photo.secret + '_b.jpg';
+        }
+
+        return photo.url_o || photo.url_z || photo.url_m;
+
+    },
+
+
+    // get image size by option name
+
+    _getSize: function( photo, size ) {
+
+        var img;
+
+        switch(size) {
+
+            case 'thumb':
+                img = photo.url_t;
+                break;
+
+            case 'small':
+                img = photo.url_s;
+                break;
+
+            case 'big':
+                img = this._getBig( photo );
+                break;
+
+            case 'original':
+                img = photo.url_o ? photo.url_o : this._getBig( photo );
+                break;
+
+            default:
+                img = photo.url_z || photo.url_m;
+                break;
+        }
+        return img;
+    },
+
+
+    // ask flickr for photos, parse the result and call the callback with the galleria-ready data array
+
+    _find: function( params, callback ) {
+
+        params = $.extend({
+            method: 'flickr.photos.search',
+            extras: 'url_t,url_m,url_o,url_s,url_l,url_z,description',
+            sort: this.options.sort
+        }, params );
+
+        return this._call( params, function(data) {
+
+            var gallery = [],
+                photos = data.photos ? data.photos.photo : data.photoset.photo,
+                len = Math.min( this.options.max, photos.length ),
+                photo,
+                i;
+
+            for ( i=0; i<len; i++ ) {
+
+                photo = photos[i];
+
+                gallery.push({
+                    thumb: this._getSize( photo, this.options.thumbSize ),
+                    image: this._getSize( photo, this.options.imageSize ),
+                    big: this._getBig( photo ),
+                    title: photos[i].title,
+                    description: this.options.description && photos[i].description ? photos[i].description._content : '',
+                    link: this.options.backlink ? 'http://flickr.com/photos/' + photo.owner + '/' + photo.id : ''
+                });
+            }
+            callback.call( this, gallery );
+        });
+    }
+};
+
+
+/**
+    Galleria modifications
+    We fake-extend the load prototype to make Flickr integration as simple as possible
+*/
+
+
+// save the old prototype in a local variable
+
+var load = Galleria.prototype.load;
+
+
+// fake-extend the load prototype using the flickr data
+
+Galleria.prototype.load = function() {
+
+    // pass if no data is provided or flickr option not found
+    if ( arguments.length || typeof this._options.flickr !== 'string' ) {
+        load.apply( this, Galleria.utils.array( arguments ) );
+        return;
+    }
+
+    // define some local vars
+    var self = this,
+        args = Galleria.utils.array( arguments ),
+        flickr = this._options.flickr.split(':'),
+        f,
+        opts = $.extend({}, self._options.flickrOptions),
+        loader = typeof opts.loader !== 'undefined' ?
+            opts.loader : $('<div>').css({
+                width: 48,
+                height: 48,
+                opacity: 0.7,
+                background:'#000 url('+PATH+'loader.gif) no-repeat 50% 50%'
+            });
+
+    if ( flickr.length ) {
+
+        // validate the method
+        if ( typeof Galleria.Flickr.prototype[ flickr[0] ] !== 'function' ) {
+            Galleria.raise( flickr[0] + ' method not found in Flickr plugin' );
+            return load.apply( this, args );
+        }
+
+        // validate the argument
+        if ( !flickr[1] ) {
+            Galleria.raise( 'No flickr argument found' );
+            return load.apply( this, args );
+        }
+
+        // apply the preloader
+        window.setTimeout(function() {
+            self.$( 'target' ).append( loader );
+        },100);
+
+        // create the instance
+        f = new Galleria.Flickr();
+
+        // apply Flickr options
+        if ( typeof self._options.flickrOptions === 'object' ) {
+            f.setOptions( self._options.flickrOptions );
+        }
+
+        // call the flickr method and trigger the DATA event
+        f[ flickr[0] ]( flickr[1], function( data ) {
+
+            self._data = data;
+            loader.remove();
+            self.trigger( Galleria.DATA );
+            f.options.complete.call(f, data);
+
+        });
+    } else {
+
+        // if flickr array not found, pass
+        load.apply( this, args );
+    }
+};
+
+}( jQuery ) );
\ No newline at end of file
diff --git a/akvo/mediaroot/core/galleria/plugins/flickr/galleria.flickr.min.js b/akvo/mediaroot/core/galleria/plugins/flickr/galleria.flickr.min.js
new file mode 100644
index 0000000000..631079c01c
--- /dev/null
+++ b/akvo/mediaroot/core/galleria/plugins/flickr/galleria.flickr.min.js
@@ -0,0 +1,8 @@
+/**
+ * Galleria Flickr Plugin 2012-04-04
+ * http://galleria.io
+ *
+ * Licensed under the MIT license
+ * https://raw.github.com/aino/galleria/master/LICENSE
+ *
+ */(function(a){Galleria.requires(1.25,"The Flickr Plugin requires Galleria version 1.2.5 or later.");var b=Galleria.utils.getScriptPath();Galleria.Flickr=function(a){this.api_key=a||"2a2ce06c15780ebeb0b706650fc890b2",this.options={max:30,imageSize:"medium",thumbSize:"thumb",sort:"interestingness-desc",description:!1,complete:function(){},backlink:!1}},Galleria.Flickr.prototype={constructor:Galleria.Flickr,search:function(a,b){return this._find({text:a},b)},tags:function(a,b){return this._find({tags:a},b)},user:function(a,b){return this._call({method:"flickr.urls.lookupUser",url:"flickr.com/photos/"+a},function(a){this._find({user_id:a.user.id,method:"flickr.people.getPublicPhotos"},b)})},set:function(a,b){return this._find({photoset_id:a,method:"flickr.photosets.getPhotos"},b)},gallery:function(a,b){return this._find({gallery_id:a,method:"flickr.galleries.getPhotos"},b)},groupsearch:function(a,b){return this._call({text:a,method:"flickr.groups.search"},function(a){this.group(a.groups.group[0].nsid,b)})},group:function(a,b){return this._find({group_id:a,method:"flickr.groups.pools.getPhotos"},b)},setOptions:function(b){return a.extend(this.options,b),this},_call:function(b,c){var d="http://api.flickr.com/services/rest/?",e=this;return b=a.extend({format:"json",jsoncallback:"?",api_key:this.api_key},b),a.each(b,function(a,b){d+="&"+a+"="+b}),a.getJSON(d,function(a){a.stat==="ok"?c.call(e,a):Galleria.raise(a.code.toString()+" "+a.stat+": "+a.message,!0)}),e},_getBig:function(a){return a.url_l?a.url_l:parseInt(a.width_o,10)>1280?"http://farm"+a.farm+".static.flickr.com/"+a.server+"/"+a.id+"_"+a.secret+"_b.jpg":a.url_o||a.url_z||a.url_m},_getSize:function(a,b){var c;switch(b){case"thumb":c=a.url_t;break;case"small":c=a.url_s;break;case"big":c=this._getBig(a);break;case"original":c=a.url_o?a.url_o:this._getBig(a);break;default:c=a.url_z||a.url_m}return c},_find:function(b,c){return b=a.extend({method:"flickr.photos.search",extras:"url_t,url_m,url_o,url_s,url_l,url_z,description",sort:this.options.sort},b),this._call(b,function(a){var b=[],d=a.photos?a.photos.photo:a.photoset.photo,e=Math.min(this.options.max,d.length),f,g;for(g=0;g<e;g++)f=d[g],b.push({thumb:this._getSize(f,this.options.thumbSize),image:this._getSize(f,this.options.imageSize),big:this._getBig(f),title:d[g].title,description:this.options.description&&d[g].description?d[g].description._content:"",link:this.options.backlink?"http://flickr.com/photos/"+f.owner+"/"+f.id:""});c.call(this,b)})}};var c=Galleria.prototype.load;Galleria.prototype.load=function(){if(arguments.length||typeof this._options.flickr!="string"){c.apply(this,Galleria.utils.array(arguments));return}var d=this,e=Galleria.utils.array(arguments),f=this._options.flickr.split(":"),g,h=a.extend({},d._options.flickrOptions),i=typeof h.loader!="undefined"?h.loader:a("<div>").css({width:48,height:48,opacity:.7,background:"#000 url("+b+"loader.gif) no-repeat 50% 50%"});if(f.length){if(typeof Galleria.Flickr.prototype[f[0]]!="function")return Galleria.raise(f[0]+" method not found in Flickr plugin"),c.apply(this,e);if(!f[1])return Galleria.raise("No flickr argument found"),c.apply(this,e);window.setTimeout(function(){d.$("target").append(i)},100),g=new Galleria.Flickr,typeof d._options.flickrOptions=="object"&&g.setOptions(d._options.flickrOptions),g[f[0]](f[1],function(a){d._data=a,i.remove(),d.trigger(Galleria.DATA),g.options.complete.call(g,a)})}else c.apply(this,e)}})(jQuery);
\ No newline at end of file
diff --git a/akvo/mediaroot/core/galleria/themes/classic-old/classic-loader.gif b/akvo/mediaroot/core/galleria/plugins/flickr/loader.gif
similarity index 100%
rename from akvo/mediaroot/core/galleria/themes/classic-old/classic-loader.gif
rename to akvo/mediaroot/core/galleria/plugins/flickr/loader.gif
diff --git a/akvo/mediaroot/core/galleria/plugins/history/galleria.history.js b/akvo/mediaroot/core/galleria/plugins/history/galleria.history.js
new file mode 100644
index 0000000000..6b13c36ea3
--- /dev/null
+++ b/akvo/mediaroot/core/galleria/plugins/history/galleria.history.js
@@ -0,0 +1,146 @@
+/**
+ * Galleria History Plugin 2012-04-04
+ * http://galleria.io
+ *
+ * Licensed under the MIT license
+ * https://raw.github.com/aino/galleria/master/LICENSE
+ *
+ */
+
+(function( $, window ) {
+
+/*global jQuery, Galleria, window */
+
+Galleria.requires(1.25, 'The History Plugin requires Galleria version 1.2.5 or later.');
+
+Galleria.History = (function() {
+
+    var onloads = [],
+
+        init = false,
+
+        loc = window.location,
+
+        doc = window.document,
+
+        ie = Galleria.IE,
+
+        support = 'onhashchange' in window && ( doc.mode === undefined || doc.mode > 7 ),
+
+        iframe,
+
+        get = function( winloc ) {
+            if( iframe && !support && Galleria.IE ) {
+                winloc = winloc || iframe.location;
+            }  else {
+                winloc = loc;
+            }
+            return parseInt( winloc.hash.substr(2), 10 );
+        },
+
+        saved = get( loc ),
+
+        callbacks = [],
+
+        onchange = function() {
+            $.each( callbacks, function( i, fn ) {
+                fn.call( window, get() );
+            });
+        },
+
+        ready = function() {
+            $.each( onloads, function(i, fn) {
+                fn();
+            });
+
+            init = true;
+        },
+
+        setHash = function( val ) {
+            return '/' + val;
+        };
+
+    // always remove support if IE < 8
+    if ( support && ie < 8 ) {
+        support = false;
+    }
+
+    if ( !support ) {
+
+        $(function() {
+
+            var interval = window.setInterval(function() {
+
+                var hash = get();
+
+                if ( !isNaN( hash ) && hash != saved ) {
+                    saved = hash;
+                    loc.hash = setHash( hash );
+                    onchange();
+                }
+
+            }, 50);
+
+            if ( ie ) {
+
+                $('<iframe tabindex="-1" title="empty">').hide().attr( 'src', 'about:blank' ).one('load', function() {
+
+                    iframe = this.contentWindow;
+
+                    ready();
+
+                }).insertAfter(doc.body);
+
+            } else {
+                ready();
+            }
+        });
+    } else {
+        ready();
+    }
+
+    return {
+
+        change: function( fn ) {
+
+            callbacks.push( fn );
+
+            if( support ) {
+                window.onhashchange = onchange;
+            }
+        },
+
+        set: function( val ) {
+
+            if ( isNaN( val ) ) {
+                return;
+            }
+
+            if ( !support && ie ) {
+
+                this.ready(function() {
+
+                    var idoc = iframe.document;
+                    idoc.open();
+                    idoc.close();
+
+                    iframe.location.hash = setHash( val );
+
+                });
+            }
+
+            loc.hash = setHash( val );
+        },
+
+        ready: function(fn) {
+            if (!init) {
+                onloads.push(fn);
+            } else {
+                fn();
+            }
+        }
+    };
+}());
+
+}( jQuery, this ));
+
diff --git a/akvo/mediaroot/core/galleria/plugins/history/galleria.history.min.js b/akvo/mediaroot/core/galleria/plugins/history/galleria.history.min.js
new file mode 100644
index 0000000000..8d1ad2ade0
--- /dev/null
+++ b/akvo/mediaroot/core/galleria/plugins/history/galleria.history.min.js
@@ -0,0 +1,8 @@
+/**
+ * Galleria History Plugin 2012-04-04
+ * http://galleria.io
+ *
+ * Licensed under the MIT license
+ * https://raw.github.com/aino/galleria/master/LICENSE
+ *
+ */(function(a,b){Galleria.requires(1.25,"The History Plugin requires Galleria version 1.2.5 or later."),Galleria.History=function(){var c=[],d=!1,e=b.location,f=b.document,g=Galleria.IE,h="onhashchange"in b&&(f.mode===undefined||f.mode>7),i,j=function(a){return i&&!h&&Galleria.IE?a=a||i.location:a=e,parseInt(a.hash.substr(2),10)},k=j(e),l=[],m=function(){a.each(l,function(a,c){c.call(b,j())})},n=function(){a.each(c,function(a,b){b()}),d=!0},o=function(a){return"/"+a};return h&&g<8&&(h=!1),h?n():a(function(){var c=b.setInterval(function(){var a=j();!isNaN(a)&&a!=k&&(k=a,e.hash=o(a),m())},50);g?a('<iframe tabindex="-1" title="empty">').hide().attr("src","about:blank").one("load",function(){i=this.contentWindow,n()}).insertAfter(f.body):n()}),{change:function(a){l.push(a),h&&(b.onhashchange=m)},set:function(a){if(isNaN(a))return;!h&&g&&this.ready(function(){var b=i.document;b.open(),b.close(),i.location.hash=o(a)}),e.hash=o(a)},ready:function(a){d?a():c.push(a)}}}()})(jQuery,this);
\ No newline at end of file
diff --git a/akvo/mediaroot/core/galleria/plugins/history/history-demo.html b/akvo/mediaroot/core/galleria/plugins/history/history-demo.html
new file mode 100644
index 0000000000..c42d728731
--- /dev/null
+++ b/akvo/mediaroot/core/galleria/plugins/history/history-demo.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <title>Galleria History Plugin</title>
+        <style>
+
+            /* Demo styles */
+            html,body{background:#222;margin:0;}
+            body{border-top:4px solid #000;}
+            .content{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;width:620px;margin:20px auto;}
+            h1{font-size:12px;font-weight:normal;color:#ddd;margin:0;}
+            p{margin:0 0 20px}
+            a {color:#22BCB9;text-decoration:none;}
+            .cred{margin-top:20px;font-size:11px;}
+
+            /* This rule is read by Galleria to define the gallery height: */
+            #galleria{height:320px}
+
+        </style>
+
+        <!-- load jQuery -->
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
+
+        <!-- load Galleria -->
+        <script src="../../galleria-1.2.8.min.js"></script>
+
+        <!-- load the History plugin, no need for further scripting -->
+        <script src="galleria.history.min.js"></script>
+
+    </head>
+<body>
+    <div class="content">
+        <h1>Galleria History Plugin</h1>
+        <p>Demonstrating a basic history example. Supports most browsers, including FF 3.0+ and IE 7+</p>
+
+        <!-- Adding gallery images. We use resized thumbnails here for better performance, but it’s not necessary -->
+
+        <div id="galleria">
+            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Locomotives-Roundhouse2.jpg/800px-Locomotives-Roundhouse2.jpg">
+                <img title="Locomotives Roundhouse"
+                     alt="Steam locomotives of the Chicago &amp; North Western Railway."
+                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Locomotives-Roundhouse2.jpg/100px-Locomotives-Roundhouse2.jpg">
+            </a>
+            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/3/36/Icebergs_in_the_High_Arctic_-_20050907.jpg/1000px-Icebergs_in_the_High_Arctic_-_20050907.jpg">
+                <img title="Icebergs in the High Arctic"
+                     alt="”The debris loading isn't particularly extensive, but the color is usual.”"
+                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/36/Icebergs_in_the_High_Arctic_-_20050907.jpg/100px-Icebergs_in_the_High_Arctic_-_20050907.jpg">
+            </a>
+            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/f/fe/Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg/1000px-Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg">
+                <img title="Araña"
+                     alt="Xysticus cristatus, A Estrada, Galicia, Spain"
+                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/fe/Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg/100px-Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg">
+            </a>
+            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg/1000px-9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg">
+                <img title="Museo storia naturale"
+                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg/100px-9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg">
+            </a>
+            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.jpg/1000px-Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.jpg">
+                <img title="Grjótagjá caves in summer 2009"
+                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.jpg/100px-Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.jpg">
+            </a>
+            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/9/90/20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg/1000px-20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg">
+                <img title="Thermes"
+                     alt="Xanthi hot-spa springs, Xanthi Prefecture, Greece"
+                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/90/20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg/100px-20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg">
+            </a>
+            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/5/58/Polish_Army_Ko%C5%82obrzeg_077.JPG/1024px-Polish_Army_Ko%C5%82obrzeg_077.JPG">
+                <img title="Polish Army Kołobrzeg"
+                     alt="A display of the Polish Army. Both the soldier, and the vehicle belong to the 7th Pomeranian Coastal Defence Brigade, a part of the Szczecin-based 12th Mechanized Division ”Bolesław Krzywousty”"
+                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/5/58/Polish_Army_Ko%C5%82obrzeg_077.JPG/100px-Polish_Army_Ko%C5%82obrzeg_077.JPG">
+            </a>
+            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/20100213_Zlatograd_Bulgaria_3.jpg/1024px-20100213_Zlatograd_Bulgaria_3.jpg">
+                <img title="Zlatograd Bulgaria"
+                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/20100213_Zlatograd_Bulgaria_3.jpg/100px-20100213_Zlatograd_Bulgaria_3.jpg">
+            </a>
+            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg/1024px-FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg">
+                <img title="09-28-2001 in New York City"
+                     alt="New York, NY, September 28, 2001 -- Debris on surrounding roofs at the site of the World Trade Center. Photo by Andrea Booher/ FEMA News Photo"
+                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg/100px-FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg">
+            </a>
+            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Antennae%2C_Hubble_images.jpg/1024px-Antennae%2C_Hubble_images.jpg">
+                <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Antennae%2C_Hubble_images.jpg/100px-Antennae%2C_Hubble_images.jpg">
+            </a>
+        </div>
+
+        <p class="cred">Made by <a href="http://galleria.aino.se">Galleria</a>.</p>
+    </div>
+
+    <script>
+
+    // Load the classic theme
+    Galleria.loadTheme('../../themes/classic/galleria.classic.min.js');
+
+    // Initialize Galleria
+    Galleria.run('#galleria');
+
+    </script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/akvo/mediaroot/core/galleria/plugins/picasa/galleria.picasa.js b/akvo/mediaroot/core/galleria/plugins/picasa/galleria.picasa.js
new file mode 100644
index 0000000000..27cfd7ae14
--- /dev/null
+++ b/akvo/mediaroot/core/galleria/plugins/picasa/galleria.picasa.js
@@ -0,0 +1,320 @@
+/**
+ * Galleria Picasa Plugin 2012-04-04
+ * http://galleria.io
+ *
+ * Licensed under the MIT license
+ * https://raw.github.com/aino/galleria/master/LICENSE
+ *
+ */
+
+(function($) {
+
+/*global jQuery, Galleria, window */
+
+Galleria.requires(1.25, 'The Picasa Plugin requires Galleria version 1.2.5 or later.');
+
+// The script path
+var PATH = Galleria.utils.getScriptPath();
+
+/**
+
+    @class
+    @constructor
+
+    @example var picasa = new Galleria.Picasa();
+
+    @author http://aino.se
+
+    @requires jQuery
+    @requires Galleria
+
+    @returns Instance
+*/
+
+Galleria.Picasa = function() {
+
+    this.options = {
+        max: 30,                       // photos to return
+        imageSize: 'medium',           // photo size ( thumb,small,medium,big,original ) or a number
+        thumbSize: 'thumb',            // thumbnail size ( thumb,small,medium,big,original ) or a number
+        complete: function(){}         // callback to be called inside the Galleria.prototype.load
+    };
+
+};
+
+Galleria.Picasa.prototype = {
+
+    // bring back the constructor reference
+
+    constructor: Galleria.Picasa,
+
+    /**
+        Search for anything at Picasa
+
+        @param {String} phrase The string to search for
+        @param {Function} [callback] The callback to be called when the data is ready
+
+        @returns Instance
+    */
+
+    search: function( phrase, callback ) {
+        return this._call( 'search', 'all', {
+            q: phrase
+        }, callback );
+    },
+
+    /**
+        Get a user's public photos
+
+        @param {String} username The username to fetch photos from
+        @param {Function} [callback] The callback to be called when the data is ready
+
+        @returns Instance
+    */
+
+    user: function( username, callback ) {
+        return this._call( 'user', 'user/' + username, callback );
+    },
+
+    /**
+        Get photos from an album
+
+        @param {String} username The username that owns the album
+        @param {String} album The album ID
+        @param {Function} [callback] The callback to be called when the data is ready
+
+        @returns Instance
+    */
+
+    useralbum: function( username, album, callback ) {
+        return this._call( 'useralbum', 'user/' + username + '/album/' + album, callback );
+    },
+
+    /**
+        Set picasa options
+
+        @param {Object} options The options object to blend
+
+        @returns Instance
+    */
+
+    setOptions: function( options ) {
+        $.extend(this.options, options);
+        return this;
+    },
+
+
+    // call Picasa
+
+    _call: function( type, url, params, callback ) {
+
+        url = 'https://picasaweb.google.com/data/feed/api/' + url + '?';
+
+        if (typeof params == 'function') {
+            callback = params;
+            params = {};
+        }
+
+        var self = this;
+
+        params = $.extend({
+            'kind': 'photo',
+            'access': 'public',
+            'max-results': this.options.max,
+            'thumbsize': this._getSizes().join(','),
+            'alt': 'json-in-script',
+            'callback': '?'
+        }, params );
+
+        $.each(params, function( key, value ) {
+            url += '&' + key + '=' + value;
+        });
+
+        // since Picasa throws 404 when the call is malformed, we must set a timeout here:
+
+        var data = false;
+
+        Galleria.utils.wait({
+            until: function() {
+                return data;
+            },
+            success: function() {
+                self._parse.call( self, data.feed.entry, callback );
+            },
+            error: function() {
+                var msg = '';
+                if ( type == 'user' ) {
+                    msg = 'user not found.';
+                } else if ( type == 'useralbum' ) {
+                    msg = 'album or user not found.';
+                }
+                Galleria.raise('Picasa request failed' + (msg ? ': ' + msg : '.'));
+            },
+            timeout: 5000
+        });
+
+        $.getJSON( url, function( result ) {
+            data = result;
+        });
+
+        return self;
+    },
+
+
+    // parse image sizes and return an array of three
+
+    _getSizes: function() {
+
+        var self = this,
+            norm = {
+                small: '72c',
+                thumb: '104u',
+                medium: '640u',
+                big: '1024u',
+                original: '1600u'
+            },
+            op = self.options,
+            t = {},
+            n,
+            sz = [32,48,64,72,94,104,110,128,144,150,160,200,220,288,320,400,512,576,640,720,800,912,1024,1152,1280,1440,1600];
+
+        $(['thumbSize', 'imageSize']).each(function() {
+            if( op[this] in norm ) {
+                t[this] = norm[ op[this] ];
+            } else {
+                n = Galleria.utils.parseValue( op[this] );
+                if (n > 1600) {
+                    n = 1600;
+                } else {
+                    $.each( sz, function(i) {
+                        if ( n < this ) {
+                            n = sz[i-1];
+                            return false;
+                        }
+                    });
+                }
+                t[this] = n;
+            }
+        });
+
+        return [ t.thumbSize, t.imageSize, '1280u'];
+
+    },
+
+
+    // parse the result and call the callback with the galleria-ready data array
+
+    _parse: function( data, callback ) {
+
+        var self = this,
+            gallery = [],
+            img;
+
+        $.each( data, function() {
+
+            img = this.media$group.media$thumbnail;
+
+            gallery.push({
+                thumb: img[0].url,
+                image: img[1].url,
+                big: img[2].url,
+                title: this.summary.$t
+            });
+        });
+
+        callback.call( this, gallery );
+    }
+};
+
+
+/**
+    Galleria modifications
+    We fake-extend the load prototype to make Picasa integration as simple as possible
+*/
+
+
+// save the old prototype in a local variable
+
+var load = Galleria.prototype.load;
+
+
+// fake-extend the load prototype using the picasa data
+
+Galleria.prototype.load = function() {
+
+    // pass if no data is provided or picasa option not found
+    if ( arguments.length || typeof this._options.picasa !== 'string' ) {
+        load.apply( this, Galleria.utils.array( arguments ) );
+        return;
+    }
+
+    // define some local vars
+    var self = this,
+        args = Galleria.utils.array( arguments ),
+        picasa = this._options.picasa.split(':'),
+        p,
+        opts = $.extend({}, self._options.picasaOptions),
+        loader = typeof opts.loader !== 'undefined' ?
+            opts.loader : $('<div>').css({
+                width: 48,
+                height: 48,
+                opacity: 0.7,
+                background:'#000 url('+PATH+'loader.gif) no-repeat 50% 50%'
+            });
+
+    if ( picasa.length ) {
+
+        // validate the method
+        if ( typeof Galleria.Picasa.prototype[ picasa[0] ] !== 'function' ) {
+            Galleria.raise( picasa[0] + ' method not found in Picasa plugin' );
+            return load.apply( this, args );
+        }
+
+        // validate the argument
+        if ( !picasa[1] ) {
+            Galleria.raise( 'No picasa argument found' );
+            return load.apply( this, args );
+        }
+
+        // apply the preloader
+        window.setTimeout(function() {
+            self.$( 'target' ).append( loader );
+        },100);
+
+        // create the instance
+        p = new Galleria.Picasa();
+
+        // apply Flickr options
+        if ( typeof self._options.picasaOptions === 'object' ) {
+            p.setOptions( self._options.picasaOptions );
+        }
+
+        // call the picasa method and trigger the DATA event
+        var arg = [];
+        if ( picasa[0] == 'useralbum' ) {
+            arg = picasa[1].split('/');
+            if (arg.length != 2) {
+                Galleria.raise( 'Picasa useralbum not correctly formatted (should be [user]/[album])');
+                return;
+            }
+        } else {
+            arg.push( picasa[1] );
+        }
+
+        arg.push(function(data) {
+            self._data = data;
+            loader.remove();
+            self.trigger( Galleria.DATA );
+            p.options.complete.call(p, data);
+        });
+
+        p[ picasa[0] ].apply( p, arg );
+
+    } else {
+
+        // if flickr array not found, pass
+        load.apply( this, args );
+    }
+};
+
+}( jQuery ) );
\ No newline at end of file
diff --git a/akvo/mediaroot/core/galleria/plugins/picasa/galleria.picasa.min.js b/akvo/mediaroot/core/galleria/plugins/picasa/galleria.picasa.min.js
new file mode 100644
index 0000000000..fb8bd183c3
--- /dev/null
+++ b/akvo/mediaroot/core/galleria/plugins/picasa/galleria.picasa.min.js
@@ -0,0 +1,8 @@
+/**
+ * Galleria Picasa Plugin 2012-04-04
+ * http://galleria.io
+ *
+ * Licensed under the MIT license
+ * https://raw.github.com/aino/galleria/master/LICENSE
+ *
+ */(function(a){Galleria.requires(1.25,"The Picasa Plugin requires Galleria version 1.2.5 or later.");var b=Galleria.utils.getScriptPath();Galleria.Picasa=function(){this.options={max:30,imageSize:"medium",thumbSize:"thumb",complete:function(){}}},Galleria.Picasa.prototype={constructor:Galleria.Picasa,search:function(a,b){return this._call("search","all",{q:a},b)},user:function(a,b){return this._call("user","user/"+a,b)},useralbum:function(a,b,c){return this._call("useralbum","user/"+a+"/album/"+b,c)},setOptions:function(b){return a.extend(this.options,b),this},_call:function(b,c,d,e){c="https://picasaweb.google.com/data/feed/api/"+c+"?",typeof d=="function"&&(e=d,d={});var f=this;d=a.extend({kind:"photo",access:"public","max-results":this.options.max,thumbsize:this._getSizes().join(","),alt:"json-in-script",callback:"?"},d),a.each(d,function(a,b){c+="&"+a+"="+b});var g=!1;return Galleria.utils.wait({until:function(){return g},success:function(){f._parse.call(f,g.feed.entry,e)},error:function(){var a="";b=="user"?a="user not found.":b=="useralbum"&&(a="album or user not found."),Galleria.raise("Picasa request failed"+(a?": "+a:"."))},timeout:5e3}),a.getJSON(c,function(a){g=a}),f},_getSizes:function(){var b=this,c={small:"72c",thumb:"104u",medium:"640u",big:"1024u",original:"1600u"},d=b.options,e={},f,g=[32,48,64,72,94,104,110,128,144,150,160,200,220,288,320,400,512,576,640,720,800,912,1024,1152,1280,1440,1600];return a(["thumbSize","imageSize"]).each(function(){d[this]in c?e[this]=c[d[this]]:(f=Galleria.utils.parseValue(d[this]),f>1600?f=1600:a.each(g,function(a){if(f<this)return f=g[a-1],!1}),e[this]=f)}),[e.thumbSize,e.imageSize,"1280u"]},_parse:function(b,c){var d=this,e=[],f;a.each(b,function(){f=this.media$group.media$thumbnail,e.push({thumb:f[0].url,image:f[1].url,big:f[2].url,title:this.summary.$t})}),c.call(this,e)}};var c=Galleria.prototype.load;Galleria.prototype.load=function(){if(arguments.length||typeof this._options.picasa!="string"){c.apply(this,Galleria.utils.array(arguments));return}var d=this,e=Galleria.utils.array(arguments),f=this._options.picasa.split(":"),g,h=a.extend({},d._options.picasaOptions),i=typeof h.loader!="undefined"?h.loader:a("<div>").css({width:48,height:48,opacity:.7,background:"#000 url("+b+"loader.gif) no-repeat 50% 50%"});if(f.length){if(typeof Galleria.Picasa.prototype[f[0]]!="function")return Galleria.raise(f[0]+" method not found in Picasa plugin"),c.apply(this,e);if(!f[1])return Galleria.raise("No picasa argument found"),c.apply(this,e);window.setTimeout(function(){d.$("target").append(i)},100),g=new Galleria.Picasa,typeof d._options.picasaOptions=="object"&&g.setOptions(d._options.picasaOptions);var j=[];if(f[0]=="useralbum"){j=f[1].split("/");if(j.length!=2){Galleria.raise("Picasa useralbum not correctly formatted (should be [user]/[album])");return}}else j.push(f[1]);j.push(function(a){d._data=a,i.remove(),d.trigger(Galleria.DATA),g.options.complete.call(g,a)}),g[f[0]].apply(g,j)}else c.apply(this,e)}})(jQuery);
\ No newline at end of file
diff --git a/akvo/mediaroot/core/galleria/themes/classic-oldest/classic-loader.gif b/akvo/mediaroot/core/galleria/plugins/picasa/loader.gif
similarity index 100%
rename from akvo/mediaroot/core/galleria/themes/classic-oldest/classic-loader.gif
rename to akvo/mediaroot/core/galleria/plugins/picasa/loader.gif
diff --git a/akvo/mediaroot/core/galleria/plugins/picasa/picasa-demo.html b/akvo/mediaroot/core/galleria/plugins/picasa/picasa-demo.html
new file mode 100644
index 0000000000..2437375b3b
--- /dev/null
+++ b/akvo/mediaroot/core/galleria/plugins/picasa/picasa-demo.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <title>Galleria Flickr Plugin</title>
+        <style>
+
+            /* Demo styles */
+            html,body{background:#222;margin:0;}
+            body{border-top:4px solid #000;}
+            .content{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;width:620px;margin:20px auto;}
+            h1{font-size:12px;font-weight:normal;color:#ddd;margin:0;}
+            p{margin:0 0 20px}
+            a {color:#22BCB9;text-decoration:none;}
+            .cred{margin-top:20px;font-size:11px;}
+
+            /* This rule is read by Galleria to define the gallery height: */
+            #galleria{height:320px;}
+
+        </style>
+
+        <!-- load jQuery -->
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
+
+        <!-- load Galleria -->
+        <script src="../../galleria-1.2.8.min.js"></script>
+
+        <!-- load picasa plugin -->
+        <script src="galleria.picasa.min.js"></script>
+
+    </head>
+<body>
+    <div class="content">
+        <h1>Galleria Picasa Plugin Demo</h1>
+        <p>Demonstrating a basic gallery example with photos from a Picasa album.</p>
+
+        <!-- Adding gallery images. This is just a container for the dynamic picasa images -->
+
+        <div id="galleria"></div>
+
+        <p class="cred">Made by <a href="http://galleria.aino.se">Galleria</a>.</p>
+    </div>
+    <script>
+
+    // Load the classic theme
+    Galleria.loadTheme('../../themes/classic/galleria.classic.min.js');
+
+    Galleria.run('#galleria', {
+        // The user & album. This example fetches the album "Demo" from the user "galleriajs"
+        picasa: 'useralbum:galleriajs/Demo'
+    });
+
+    </script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/akvo/mediaroot/core/galleria/themes/classic/classic-demo.html b/akvo/mediaroot/core/galleria/themes/classic/classic-demo.html
index e99d92aa16..f0cca52e11 100644
--- a/akvo/mediaroot/core/galleria/themes/classic/classic-demo.html
+++ b/akvo/mediaroot/core/galleria/themes/classic/classic-demo.html
@@ -4,7 +4,7 @@
         <meta charset="utf-8">
         <title>Galleria Classic Theme</title>
         <style>
-        
+
             /* Demo styles */
             html,body{background:#222;margin:0;}
             body{border-top:4px solid #000;}
@@ -13,83 +13,85 @@
             p{margin:0 0 20px}
             a {color:#22BCB9;text-decoration:none;}
             .cred{margin-top:20px;font-size:11px;}
-            
+
             /* This rule is read by Galleria to define the gallery height: */
-            #galleria{height:320px;}
-            
+            #galleria{height:320px}
+
         </style>
-        
+
         <!-- load jQuery -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
-        
+
         <!-- load Galleria -->
-        <script src="../../galleria.js"></script>
+        <script src="../../galleria-1.2.8.min.js"></script>
 
     </head>
 <body>
     <div class="content">
         <h1>Galleria Classic Theme</h1>
         <p>Demonstrating a basic gallery example.</p>
-        
+
         <!-- Adding gallery images. We use resized thumbnails here for better performance, but it’s not necessary -->
-        
+
         <div id="galleria">
-            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Locomotives-Roundhouse2.jpg/1000px-Locomotives-Roundhouse2.jpg">
-            	<img title="Locomotives Roundhouse"
-            	     alt="Steam locomotives of the Chicago &amp; North Western Railway." 
-            	     src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Locomotives-Roundhouse2.jpg/100px-Locomotives-Roundhouse2.jpg">
-        	</a>
+
+            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Locomotives-Roundhouse2.jpg/800px-Locomotives-Roundhouse2.jpg">
+                <img data-title="Locomotives Roundhouse"
+                     data-description="Steam locomotives of the Chicago &amp; North Western Railway."
+                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Locomotives-Roundhouse2.jpg/100px-Locomotives-Roundhouse2.jpg">
+            </a>
             <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/3/36/Icebergs_in_the_High_Arctic_-_20050907.jpg/1000px-Icebergs_in_the_High_Arctic_-_20050907.jpg">
-                <img title="Icebergs in the High Arctic"
-                     alt="”The debris loading isn't particularly extensive, but the color is usual.”"
+                <img data-title="Icebergs in the High Arctic"
+                     data-description="”The debris loading isn't particularly extensive, but the color is usual.”"
                      src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/36/Icebergs_in_the_High_Arctic_-_20050907.jpg/100px-Icebergs_in_the_High_Arctic_-_20050907.jpg">
             </a>
             <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/f/fe/Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg/1000px-Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg">
-                <img title="Araña"
-                     alt="Xysticus cristatus, A Estrada, Galicia, Spain"
+                <img data-title="Araña"
+                     data-description="Xysticus cristatus, A Estrada, Galicia, Spain"
                      src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/fe/Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg/100px-Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg">
             </a>
             <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg/1000px-9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg">
-                <img title="Museo storia naturale"
+                <img data-title="Museo storia naturale"
                      src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg/100px-9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg">
             </a>
             <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.jpg/1000px-Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.jpg">
-                <img title="Grjótagjá caves in summer 2009"
+                <img data-title="Grjótagjá caves in summer 2009"
                      src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.jpg/100px-Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.jpg">
             </a>
             <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/9/90/20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg/1000px-20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg">
-                <img title="Thermes"
-                     alt="Xanthi hot-spa springs, Xanthi Prefecture, Greece"
+                <img data-title="Thermes"
+                     data-description="Xanthi hot-spa springs, Xanthi Prefecture, Greece"
                      src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/90/20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg/100px-20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg">
             </a>
             <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/5/58/Polish_Army_Ko%C5%82obrzeg_077.JPG/1024px-Polish_Army_Ko%C5%82obrzeg_077.JPG">
-                <img title="Polish Army Kołobrzeg"
-                     alt="A display of the Polish Army. Both the soldier, and the vehicle belong to the 7th Pomeranian Coastal Defence Brigade, a part of the Szczecin-based 12th Mechanized Division ”Bolesław Krzywousty”"
+                <img data-title="Polish Army Kołobrzeg"
+                     data-description="A display of the Polish Army. Both the soldier, and the vehicle belong to the 7th Pomeranian Coastal Defence Brigade, a part of the Szczecin-based 12th Mechanized Division ”Bolesław Krzywousty”"
                      src="http://upload.wikimedia.org/wikipedia/commons/thumb/5/58/Polish_Army_Ko%C5%82obrzeg_077.JPG/100px-Polish_Army_Ko%C5%82obrzeg_077.JPG">
             </a>
             <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/20100213_Zlatograd_Bulgaria_3.jpg/1024px-20100213_Zlatograd_Bulgaria_3.jpg">
-                <img title="Zlatograd Bulgaria"
+                <img data-title="Zlatograd Bulgaria"
                      src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/20100213_Zlatograd_Bulgaria_3.jpg/100px-20100213_Zlatograd_Bulgaria_3.jpg">
             </a>
             <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg/1024px-FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg">
-                <img title="09-28-2001 in New York City"
-                     alt="New York, NY, September 28, 2001 -- Debris on surrounding roofs at the site of the World Trade Center. Photo by Andrea Booher/ FEMA News Photo"
+                <img data-title="09-28-2001 in New York City"
+                     data-description="New York, NY, September 28, 2001 -- Debris on surrounding roofs at the site of the World Trade Center. Photo by Andrea Booher/ FEMA News Photo"
                      src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg/100px-FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg">
             </a>
             <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Antennae%2C_Hubble_images.jpg/1024px-Antennae%2C_Hubble_images.jpg">
                 <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Antennae%2C_Hubble_images.jpg/100px-Antennae%2C_Hubble_images.jpg">
             </a>
         </div>
-        
+
         <p class="cred">Made by <a href="http://galleria.aino.se">Galleria</a>.</p>
     </div>
+
     <script>
 
     // Load the classic theme
-    Galleria.loadTheme('galleria.classic.js');
-    
+    Galleria.loadTheme('galleria.classic.min.js');
+
     // Initialize Galleria
-    $('#galleria').galleria();
+    Galleria.run('#galleria');
 
     </script>
     </body>
diff --git a/akvo/mediaroot/core/galleria/themes/classic/galleria.classic.css b/akvo/mediaroot/core/galleria/themes/classic/galleria.classic.css
index 4e778d765c..86889bc222 100644
--- a/akvo/mediaroot/core/galleria/themes/classic/galleria.classic.css
+++ b/akvo/mediaroot/core/galleria/themes/classic/galleria.classic.css
@@ -1,13 +1,12 @@
-/*
- * Galleria Classic Theme
- * Copyright (c) 2010, Aino
- * Licensed under the MIT license.
- */
- 
+/* Galleria Classic Theme 2012-08-07 | https://raw.github.com/aino/galleria/master/LICENSE | (c) Aino */
+
+#galleria-loader{height:1px!important}
+
 .galleria-container {
     position: relative;
     overflow: hidden;
-    background: #000;
+    /*background: #000;*/
+    background: #fff;
 }
 .galleria-container img {
     -moz-user-select: none;
@@ -37,9 +36,10 @@
 .galleria-thumbnails .galleria-image {
     height: 40px;
     width: 60px;
-    background: #000;
+    /*background: #000;*/
+    background: #fff;
     margin: 0 5px 0 0;
-    border: 1px solid #000;;
+    border: 1px solid #ccc;
     float: left;
     cursor: pointer;
 }
@@ -50,7 +50,7 @@
     text-align: right;
     color: #fff;
     font: normal 11px/1 arial,sans-serif;
-    z-index: 2;
+    z-index: 1;
 }
 .galleria-loader {
     background: #000;
@@ -80,7 +80,7 @@
     font: bold 12px/1.1 arial,sans-serif;
     margin: 0;
     color: #fff;
-	margin-bottom: 7px;
+    margin-bottom: 7px;
 }
 .galleria-info-description {
     font: italic 12px/1.4 georgia,serif;
@@ -99,7 +99,11 @@
     cursor: pointer;
     display: none;
 }
-.galleria-info-close:hover{
+.notouch .galleria-info-close:hover{
+    opacity:1;
+    filter: alpha(opacity=100);
+}
+.touch .galleria-info-close:active{
     opacity:1;
     filter: alpha(opacity=100);
 }
@@ -113,7 +117,11 @@
     cursor: pointer;
     background-color: #000;
 }
-.galleria-info-link:hover {
+.notouch .galleria-info-link:hover {
+    opacity: 1;
+    filter: alpha(opacity=100);
+}
+.touch .galleria-info-link:active {
     opacity: 1;
     filter: alpha(opacity=100);
 }
@@ -143,8 +151,13 @@
     background-position: -254px 46px;
     z-index: 2;
 }
-.galleria-image-nav-left:hover,
-.galleria-image-nav-right:hover {
+.notouch .galleria-image-nav-left:hover,
+.notouch .galleria-image-nav-right:hover {
+    opacity: 1;
+    filter: alpha(opacity=100);
+}
+.touch .galleria-image-nav-left:active,
+.touch .galleria-image-nav-right:active {
     opacity: 1;
     filter: alpha(opacity=100);
 }
@@ -161,6 +174,7 @@
     z-index: 3;
     opacity: .8;
     filter: alpha(opacity=80);
+    background-color: #ccc;
 }
 .galleria-thumb-nav-right {
     background-position: -578px 5px;
@@ -173,14 +187,20 @@
     filter: alpha(opacity=20);
     cursor: default;
 }
-.galleria-thumb-nav-left:hover,
-.galleria-thumb-nav-right:hover {
+.notouch .galleria-thumb-nav-left:hover,
+.notouch .galleria-thumb-nav-right:hover {
     opacity: 1;
     filter: alpha(opacity=100);
     background-color: #111;
 }
-.galleria-thumbnails-container .disabled:hover {
-    opacity: 0.2;
+.touch .galleria-thumb-nav-left:active,
+.touch .galleria-thumb-nav-right:active {
+    opacity: 1;
+    filter: alpha(opacity=100);
+    background-color: #111;
+}
+.notouch .galleria-thumbnails-container .disabled:hover {
+    opacity: .2;
     filter: alpha(opacity=20);
     background-color: transparent;
 }
diff --git a/akvo/mediaroot/core/galleria/themes/classic/galleria.classic.js b/akvo/mediaroot/core/galleria/themes/classic/galleria.classic.js
index 3eee45a526..ec3eb1d351 100644
--- a/akvo/mediaroot/core/galleria/themes/classic/galleria.classic.js
+++ b/akvo/mediaroot/core/galleria/themes/classic/galleria.classic.js
@@ -1,15 +1,16 @@
 /**
- * @preserve Galleria Classic Theme 2011-02-14
- * http://galleria.aino.se
+ * Galleria Classic Theme 2012-08-08
+ * http://galleria.io
+ *
+ * Licensed under the MIT license
+ * https://raw.github.com/aino/galleria/master/LICENSE
  *
- * Copyright (c) 2011, Aino
- * Licensed under the MIT license.
  */
- 
-/*global jQuery, Galleria */
 
 (function($) {
 
+/*global jQuery, Galleria */
+
 Galleria.addTheme({
     name: 'classic',
     author: 'Galleria',
@@ -17,23 +18,25 @@ Galleria.addTheme({
     defaults: {
         transition: 'slide',
         thumbCrop:  'height',
-        
-		// set this to false if you want to show the caption all the time:
+
+        // set this to false if you want to show the caption all the time:
         _toggleInfo: true
     },
     init: function(options) {
-        
+
+        Galleria.requires(1.28, 'This version of Classic theme requires Galleria 1.2.8 or later');
+
         // add some elements
         this.addElement('info-link','info-close');
         this.append({
             'info' : ['info-link','info-close']
         });
-        
+
         // cache some stuff
         var info = this.$('info-link,info-close,info-text'),
             touch = Galleria.TOUCH,
             click = touch ? 'touchstart' : 'click';
-        
+
         // show loader & counter with opacity
         this.$('loader,counter').show().css('opacity', 0.4);
 
@@ -43,20 +46,20 @@ Galleria.addTheme({
             this.addIdleState( this.get('image-nav-right'), { right:-50 });
             this.addIdleState( this.get('counter'), { opacity:0 });
         }
-        
+
         // toggle info
         if ( options._toggleInfo === true ) {
             info.bind( click, function() {
                 info.toggle();
             });
         } else {
-			info.show();
-			this.$('info-link, info-close').hide();
-		}
-        
+            info.show();
+            this.$('info-link, info-close').hide();
+        }
+
         // bind some stuff
         this.bind('thumbnail', function(e) {
-            
+
             if (! touch ) {
                 // fade thumbnails
                 $(e.thumbTarget).css('opacity', 0.6).parent().hover(function() {
@@ -64,23 +67,25 @@ Galleria.addTheme({
                 }, function() {
                     $(this).not('.active').children().stop().fadeTo(400, 0.6);
                 });
-                
-                if ( e.index === options.show ) {
+
+                if ( e.index === this.getIndex() ) {
                     $(e.thumbTarget).css('opacity',1);
                 }
+            } else {
+                $(e.thumbTarget).css('opacity', this.getIndex() ? 1 : 0.6);
             }
         });
-        
+
         this.bind('loadstart', function(e) {
             if (!e.cached) {
                 this.$('loader').show().fadeTo(200, 0.4);
             }
-            
+
             this.$('info').toggle( this.hasInfo() );
-            
+
             $(e.thumbTarget).css('opacity',1).parent().siblings().children().css('opacity', 0.6);
         });
-        
+
         this.bind('loadfinish', function(e) {
             this.$('loader').fadeOut(200);
         });
diff --git a/akvo/mediaroot/core/galleria/themes/classic/galleria.classic.min.js b/akvo/mediaroot/core/galleria/themes/classic/galleria.classic.min.js
new file mode 100644
index 0000000000..0e8a8be792
--- /dev/null
+++ b/akvo/mediaroot/core/galleria/themes/classic/galleria.classic.min.js
@@ -0,0 +1,8 @@
+/**
+ * Galleria Classic Theme 2012-08-08
+ * http://galleria.io
+ *
+ * Licensed under the MIT license
+ * https://raw.github.com/aino/galleria/master/LICENSE
+ *
+ */(function(a){Galleria.addTheme({name:"classic",author:"Galleria",css:"galleria.classic.css",defaults:{transition:"slide",thumbCrop:"height",_toggleInfo:!0},init:function(b){Galleria.requires(1.28,"This version of Classic theme requires Galleria 1.2.8 or later"),this.addElement("info-link","info-close"),this.append({info:["info-link","info-close"]});var c=this.$("info-link,info-close,info-text"),d=Galleria.TOUCH,e=d?"touchstart":"click";this.$("loader,counter").show().css("opacity",.4),d||(this.addIdleState(this.get("image-nav-left"),{left:-50}),this.addIdleState(this.get("image-nav-right"),{right:-50}),this.addIdleState(this.get("counter"),{opacity:0})),b._toggleInfo===!0?c.bind(e,function(){c.toggle()}):(c.show(),this.$("info-link, info-close").hide()),this.bind("thumbnail",function(b){d?a(b.thumbTarget).css("opacity",this.getIndex()?1:.6):(a(b.thumbTarget).css("opacity",.6).parent().hover(function(){a(this).not(".active").children().stop().fadeTo(100,1)},function(){a(this).not(".active").children().stop().fadeTo(400,.6)}),b.index===this.getIndex()&&a(b.thumbTarget).css("opacity",1))}),this.bind("loadstart",function(b){b.cached||this.$("loader").show().fadeTo(200,.4),this.$("info").toggle(this.hasInfo()),a(b.thumbTarget).css("opacity",1).parent().siblings().children().css("opacity",.6)}),this.bind("loadfinish",function(a){this.$("loader").fadeOut(200)})}})})(jQuery);
\ No newline at end of file
diff --git a/akvo/mediaroot/core/galleria/galleria.js b/akvo/mediaroot/core/galleria_old/galleria.js
similarity index 100%
rename from akvo/mediaroot/core/galleria/galleria.js
rename to akvo/mediaroot/core/galleria_old/galleria.js
diff --git a/akvo/mediaroot/core/galleria/galleria_1.2.2.js b/akvo/mediaroot/core/galleria_old/galleria_1.2.2.js
similarity index 100%
rename from akvo/mediaroot/core/galleria/galleria_1.2.2.js
rename to akvo/mediaroot/core/galleria_old/galleria_1.2.2.js
diff --git a/akvo/mediaroot/core/galleria/themes/classic-old/README.rst b/akvo/mediaroot/core/galleria_old/themes/classic-old/README.rst
similarity index 100%
rename from akvo/mediaroot/core/galleria/themes/classic-old/README.rst
rename to akvo/mediaroot/core/galleria_old/themes/classic-old/README.rst
diff --git a/akvo/mediaroot/core/galleria/themes/classic-old/classic-demo.html b/akvo/mediaroot/core/galleria_old/themes/classic-old/classic-demo.html
similarity index 100%
rename from akvo/mediaroot/core/galleria/themes/classic-old/classic-demo.html
rename to akvo/mediaroot/core/galleria_old/themes/classic-old/classic-demo.html
diff --git a/akvo/mediaroot/core/galleria/themes/classic-white-old/classic-loader.gif b/akvo/mediaroot/core/galleria_old/themes/classic-old/classic-loader.gif
similarity index 100%
rename from akvo/mediaroot/core/galleria/themes/classic-white-old/classic-loader.gif
rename to akvo/mediaroot/core/galleria_old/themes/classic-old/classic-loader.gif
diff --git a/akvo/mediaroot/core/galleria/themes/classic-old/classic-map.png b/akvo/mediaroot/core/galleria_old/themes/classic-old/classic-map.png
similarity index 100%
rename from akvo/mediaroot/core/galleria/themes/classic-old/classic-map.png
rename to akvo/mediaroot/core/galleria_old/themes/classic-old/classic-map.png
diff --git a/akvo/mediaroot/core/galleria/themes/classic-old/galleria.classic.css b/akvo/mediaroot/core/galleria_old/themes/classic-old/galleria.classic.css
similarity index 100%
rename from akvo/mediaroot/core/galleria/themes/classic-old/galleria.classic.css
rename to akvo/mediaroot/core/galleria_old/themes/classic-old/galleria.classic.css
diff --git a/akvo/mediaroot/core/galleria/themes/classic-old/galleria.classic.js b/akvo/mediaroot/core/galleria_old/themes/classic-old/galleria.classic.js
similarity index 100%
rename from akvo/mediaroot/core/galleria/themes/classic-old/galleria.classic.js
rename to akvo/mediaroot/core/galleria_old/themes/classic-old/galleria.classic.js
diff --git a/akvo/mediaroot/core/galleria/themes/classic-white/classic-loader.gif b/akvo/mediaroot/core/galleria_old/themes/classic-oldest/classic-loader.gif
similarity index 100%
rename from akvo/mediaroot/core/galleria/themes/classic-white/classic-loader.gif
rename to akvo/mediaroot/core/galleria_old/themes/classic-oldest/classic-loader.gif
diff --git a/akvo/mediaroot/core/galleria/themes/classic-oldest/classic-map.png b/akvo/mediaroot/core/galleria_old/themes/classic-oldest/classic-map.png
similarity index 100%
rename from akvo/mediaroot/core/galleria/themes/classic-oldest/classic-map.png
rename to akvo/mediaroot/core/galleria_old/themes/classic-oldest/classic-map.png
diff --git a/akvo/mediaroot/core/galleria/themes/classic-oldest/galleria.classic.css b/akvo/mediaroot/core/galleria_old/themes/classic-oldest/galleria.classic.css
similarity index 100%
rename from akvo/mediaroot/core/galleria/themes/classic-oldest/galleria.classic.css
rename to akvo/mediaroot/core/galleria_old/themes/classic-oldest/galleria.classic.css
diff --git a/akvo/mediaroot/core/galleria/themes/classic-oldest/galleria.classic.js b/akvo/mediaroot/core/galleria_old/themes/classic-oldest/galleria.classic.js
similarity index 100%
rename from akvo/mediaroot/core/galleria/themes/classic-oldest/galleria.classic.js
rename to akvo/mediaroot/core/galleria_old/themes/classic-oldest/galleria.classic.js
diff --git a/akvo/mediaroot/core/galleria_old/themes/classic-white-old/classic-loader.gif b/akvo/mediaroot/core/galleria_old/themes/classic-white-old/classic-loader.gif
new file mode 100644
index 0000000000..27df81f46d
Binary files /dev/null and b/akvo/mediaroot/core/galleria_old/themes/classic-white-old/classic-loader.gif differ
diff --git a/akvo/mediaroot/core/galleria/themes/classic-white-old/classic-map.png b/akvo/mediaroot/core/galleria_old/themes/classic-white-old/classic-map.png
similarity index 100%
rename from akvo/mediaroot/core/galleria/themes/classic-white-old/classic-map.png
rename to akvo/mediaroot/core/galleria_old/themes/classic-white-old/classic-map.png
diff --git a/akvo/mediaroot/core/galleria/themes/classic-white-old/galleria.classic.css b/akvo/mediaroot/core/galleria_old/themes/classic-white-old/galleria.classic.css
similarity index 100%
rename from akvo/mediaroot/core/galleria/themes/classic-white-old/galleria.classic.css
rename to akvo/mediaroot/core/galleria_old/themes/classic-white-old/galleria.classic.css
diff --git a/akvo/mediaroot/core/galleria/themes/classic-white-old/galleria.classic.js b/akvo/mediaroot/core/galleria_old/themes/classic-white-old/galleria.classic.js
similarity index 100%
rename from akvo/mediaroot/core/galleria/themes/classic-white-old/galleria.classic.js
rename to akvo/mediaroot/core/galleria_old/themes/classic-white-old/galleria.classic.js
diff --git a/akvo/mediaroot/core/galleria/themes/classic-white/README.rst b/akvo/mediaroot/core/galleria_old/themes/classic-white/README.rst
similarity index 100%
rename from akvo/mediaroot/core/galleria/themes/classic-white/README.rst
rename to akvo/mediaroot/core/galleria_old/themes/classic-white/README.rst
diff --git a/akvo/mediaroot/core/galleria/themes/classic-white/classic-demo.html b/akvo/mediaroot/core/galleria_old/themes/classic-white/classic-demo.html
similarity index 100%
rename from akvo/mediaroot/core/galleria/themes/classic-white/classic-demo.html
rename to akvo/mediaroot/core/galleria_old/themes/classic-white/classic-demo.html
diff --git a/akvo/mediaroot/core/galleria_old/themes/classic-white/classic-loader.gif b/akvo/mediaroot/core/galleria_old/themes/classic-white/classic-loader.gif
new file mode 100644
index 0000000000..27df81f46d
Binary files /dev/null and b/akvo/mediaroot/core/galleria_old/themes/classic-white/classic-loader.gif differ
diff --git a/akvo/mediaroot/core/galleria/themes/classic-white/classic-map.png b/akvo/mediaroot/core/galleria_old/themes/classic-white/classic-map.png
similarity index 100%
rename from akvo/mediaroot/core/galleria/themes/classic-white/classic-map.png
rename to akvo/mediaroot/core/galleria_old/themes/classic-white/classic-map.png
diff --git a/akvo/mediaroot/core/galleria/themes/classic-white/galleria.classic.css b/akvo/mediaroot/core/galleria_old/themes/classic-white/galleria.classic.css
similarity index 100%
rename from akvo/mediaroot/core/galleria/themes/classic-white/galleria.classic.css
rename to akvo/mediaroot/core/galleria_old/themes/classic-white/galleria.classic.css
diff --git a/akvo/mediaroot/core/galleria/themes/classic-white/galleria.classic.js b/akvo/mediaroot/core/galleria_old/themes/classic-white/galleria.classic.js
similarity index 100%
rename from akvo/mediaroot/core/galleria/themes/classic-white/galleria.classic.js
rename to akvo/mediaroot/core/galleria_old/themes/classic-white/galleria.classic.js
diff --git a/akvo/mediaroot/core/galleria/themes/classic/README.rst b/akvo/mediaroot/core/galleria_old/themes/classic/README.rst
similarity index 100%
rename from akvo/mediaroot/core/galleria/themes/classic/README.rst
rename to akvo/mediaroot/core/galleria_old/themes/classic/README.rst
diff --git a/akvo/mediaroot/core/galleria_old/themes/classic/classic-demo.html b/akvo/mediaroot/core/galleria_old/themes/classic/classic-demo.html
new file mode 100644
index 0000000000..e99d92aa16
--- /dev/null
+++ b/akvo/mediaroot/core/galleria_old/themes/classic/classic-demo.html
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <title>Galleria Classic Theme</title>
+        <style>
+        
+            /* Demo styles */
+            html,body{background:#222;margin:0;}
+            body{border-top:4px solid #000;}
+            .content{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;width:620px;margin:20px auto;}
+            h1{font-size:12px;font-weight:normal;color:#ddd;margin:0;}
+            p{margin:0 0 20px}
+            a {color:#22BCB9;text-decoration:none;}
+            .cred{margin-top:20px;font-size:11px;}
+            
+            /* This rule is read by Galleria to define the gallery height: */
+            #galleria{height:320px;}
+            
+        </style>
+        
+        <!-- load jQuery -->
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
+        
+        <!-- load Galleria -->
+        <script src="../../galleria.js"></script>
+
+    </head>
+<body>
+    <div class="content">
+        <h1>Galleria Classic Theme</h1>
+        <p>Demonstrating a basic gallery example.</p>
+        
+        <!-- Adding gallery images. We use resized thumbnails here for better performance, but it’s not necessary -->
+        
+        <div id="galleria">
+            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Locomotives-Roundhouse2.jpg/1000px-Locomotives-Roundhouse2.jpg">
+            	<img title="Locomotives Roundhouse"
+            	     alt="Steam locomotives of the Chicago &amp; North Western Railway." 
+            	     src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Locomotives-Roundhouse2.jpg/100px-Locomotives-Roundhouse2.jpg">
+        	</a>
+            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/3/36/Icebergs_in_the_High_Arctic_-_20050907.jpg/1000px-Icebergs_in_the_High_Arctic_-_20050907.jpg">
+                <img title="Icebergs in the High Arctic"
+                     alt="”The debris loading isn't particularly extensive, but the color is usual.”"
+                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/36/Icebergs_in_the_High_Arctic_-_20050907.jpg/100px-Icebergs_in_the_High_Arctic_-_20050907.jpg">
+            </a>
+            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/f/fe/Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg/1000px-Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg">
+                <img title="Araña"
+                     alt="Xysticus cristatus, A Estrada, Galicia, Spain"
+                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/fe/Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg/100px-Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg">
+            </a>
+            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg/1000px-9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg">
+                <img title="Museo storia naturale"
+                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg/100px-9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg">
+            </a>
+            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.jpg/1000px-Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.jpg">
+                <img title="Grjótagjá caves in summer 2009"
+                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.jpg/100px-Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.jpg">
+            </a>
+            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/9/90/20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg/1000px-20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg">
+                <img title="Thermes"
+                     alt="Xanthi hot-spa springs, Xanthi Prefecture, Greece"
+                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/90/20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg/100px-20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg">
+            </a>
+            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/5/58/Polish_Army_Ko%C5%82obrzeg_077.JPG/1024px-Polish_Army_Ko%C5%82obrzeg_077.JPG">
+                <img title="Polish Army Kołobrzeg"
+                     alt="A display of the Polish Army. Both the soldier, and the vehicle belong to the 7th Pomeranian Coastal Defence Brigade, a part of the Szczecin-based 12th Mechanized Division ”Bolesław Krzywousty”"
+                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/5/58/Polish_Army_Ko%C5%82obrzeg_077.JPG/100px-Polish_Army_Ko%C5%82obrzeg_077.JPG">
+            </a>
+            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/20100213_Zlatograd_Bulgaria_3.jpg/1024px-20100213_Zlatograd_Bulgaria_3.jpg">
+                <img title="Zlatograd Bulgaria"
+                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/20100213_Zlatograd_Bulgaria_3.jpg/100px-20100213_Zlatograd_Bulgaria_3.jpg">
+            </a>
+            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg/1024px-FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg">
+                <img title="09-28-2001 in New York City"
+                     alt="New York, NY, September 28, 2001 -- Debris on surrounding roofs at the site of the World Trade Center. Photo by Andrea Booher/ FEMA News Photo"
+                     src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg/100px-FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg">
+            </a>
+            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Antennae%2C_Hubble_images.jpg/1024px-Antennae%2C_Hubble_images.jpg">
+                <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Antennae%2C_Hubble_images.jpg/100px-Antennae%2C_Hubble_images.jpg">
+            </a>
+        </div>
+        
+        <p class="cred">Made by <a href="http://galleria.aino.se">Galleria</a>.</p>
+    </div>
+    <script>
+
+    // Load the classic theme
+    Galleria.loadTheme('galleria.classic.js');
+    
+    // Initialize Galleria
+    $('#galleria').galleria();
+
+    </script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/akvo/mediaroot/core/galleria_old/themes/classic/classic-loader.gif b/akvo/mediaroot/core/galleria_old/themes/classic/classic-loader.gif
new file mode 100644
index 0000000000..27df81f46d
Binary files /dev/null and b/akvo/mediaroot/core/galleria_old/themes/classic/classic-loader.gif differ
diff --git a/akvo/mediaroot/core/galleria_old/themes/classic/classic-map.png b/akvo/mediaroot/core/galleria_old/themes/classic/classic-map.png
new file mode 100644
index 0000000000..8d3c8c45cf
Binary files /dev/null and b/akvo/mediaroot/core/galleria_old/themes/classic/classic-map.png differ
diff --git a/akvo/mediaroot/core/galleria_old/themes/classic/galleria.classic.css b/akvo/mediaroot/core/galleria_old/themes/classic/galleria.classic.css
new file mode 100644
index 0000000000..4e778d765c
--- /dev/null
+++ b/akvo/mediaroot/core/galleria_old/themes/classic/galleria.classic.css
@@ -0,0 +1,200 @@
+/*
+ * Galleria Classic Theme
+ * Copyright (c) 2010, Aino
+ * Licensed under the MIT license.
+ */
+ 
+.galleria-container {
+    position: relative;
+    overflow: hidden;
+    background: #000;
+}
+.galleria-container img {
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -o-user-select: none;
+}
+.galleria-stage {
+    position: absolute;
+    top: 10px;
+    bottom: 60px;
+    left: 10px;
+    right: 10px;
+    overflow:hidden;
+}
+.galleria-thumbnails-container {
+    height: 50px;
+    bottom: 0;
+    position: absolute;
+    left: 10px;
+    right: 10px;
+    z-index: 2;
+}
+.galleria-carousel .galleria-thumbnails-list {
+    margin-left: 30px;
+    margin-right: 30px;
+}
+.galleria-thumbnails .galleria-image {
+    height: 40px;
+    width: 60px;
+    background: #000;
+    margin: 0 5px 0 0;
+    border: 1px solid #000;;
+    float: left;
+    cursor: pointer;
+}
+.galleria-counter {
+    position: absolute;
+    bottom: 10px;
+    left: 10px;
+    text-align: right;
+    color: #fff;
+    font: normal 11px/1 arial,sans-serif;
+    z-index: 2;
+}
+.galleria-loader {
+    background: #000;
+    width: 20px;
+    height: 20px;
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    z-index: 2;
+    display: none;
+    background: url(classic-loader.gif) no-repeat 2px 2px;
+}
+.galleria-info {
+    width: 50%;
+    top: 15px;
+    left: 15px;
+    z-index: 2;
+    position: absolute;
+}
+.galleria-info-text {
+    background-color: #000;
+    padding: 12px;
+    display: none;
+    /* IE7 */ zoom:1;
+}
+.galleria-info-title {
+    font: bold 12px/1.1 arial,sans-serif;
+    margin: 0;
+    color: #fff;
+	margin-bottom: 7px;
+}
+.galleria-info-description {
+    font: italic 12px/1.4 georgia,serif;
+    margin: 0;
+    color: #bbb;
+}
+.galleria-info-close {
+    width: 9px;
+    height: 9px;
+    position: absolute;
+    top: 5px;
+    right: 5px;
+    background-position: -753px -11px;
+    opacity: .5;
+    filter: alpha(opacity=50);
+    cursor: pointer;
+    display: none;
+}
+.galleria-info-close:hover{
+    opacity:1;
+    filter: alpha(opacity=100);
+}
+.galleria-info-link {
+    background-position: -669px -5px;
+    opacity: .7;
+    filter: alpha(opacity=70);
+    position: absolute;
+    width: 20px;
+    height: 20px;
+    cursor: pointer;
+    background-color: #000;
+}
+.galleria-info-link:hover {
+    opacity: 1;
+    filter: alpha(opacity=100);
+}
+.galleria-image-nav {
+    position: absolute;
+    top: 50%;
+    margin-top: -62px;
+    width: 100%;
+    height: 62px;
+    left: 0;
+}
+.galleria-image-nav-left,
+.galleria-image-nav-right {
+    opacity: .3;
+    filter: alpha(opacity=30);
+    cursor: pointer;
+    width: 62px;
+    height: 124px;
+    position: absolute;
+    left: 10px;
+    z-index: 2;
+    background-position: 0 46px;
+}
+.galleria-image-nav-right {
+    left: auto;
+    right: 10px;
+    background-position: -254px 46px;
+    z-index: 2;
+}
+.galleria-image-nav-left:hover,
+.galleria-image-nav-right:hover {
+    opacity: 1;
+    filter: alpha(opacity=100);
+}
+.galleria-thumb-nav-left,
+.galleria-thumb-nav-right {
+    cursor: pointer;
+    display: none;
+    background-position: -495px 5px;
+    position: absolute;
+    left: 0;
+    top: 0;
+    height: 40px;
+    width: 23px;
+    z-index: 3;
+    opacity: .8;
+    filter: alpha(opacity=80);
+}
+.galleria-thumb-nav-right {
+    background-position: -578px 5px;
+    border-right: none;
+    right: 0;
+    left: auto;
+}
+.galleria-thumbnails-container .disabled {
+    opacity: .2;
+    filter: alpha(opacity=20);
+    cursor: default;
+}
+.galleria-thumb-nav-left:hover,
+.galleria-thumb-nav-right:hover {
+    opacity: 1;
+    filter: alpha(opacity=100);
+    background-color: #111;
+}
+.galleria-thumbnails-container .disabled:hover {
+    opacity: 0.2;
+    filter: alpha(opacity=20);
+    background-color: transparent;
+}
+
+.galleria-carousel .galleria-thumb-nav-left,
+.galleria-carousel .galleria-thumb-nav-right {
+    display: block;
+}
+.galleria-thumb-nav-left,
+.galleria-thumb-nav-right,
+.galleria-info-link,
+.galleria-info-close,
+.galleria-image-nav-left,
+.galleria-image-nav-right {
+    background-image: url(classic-map.png);
+    background-repeat: no-repeat;
+}
diff --git a/akvo/mediaroot/core/galleria_old/themes/classic/galleria.classic.js b/akvo/mediaroot/core/galleria_old/themes/classic/galleria.classic.js
new file mode 100644
index 0000000000..3eee45a526
--- /dev/null
+++ b/akvo/mediaroot/core/galleria_old/themes/classic/galleria.classic.js
@@ -0,0 +1,90 @@
+/**
+ * @preserve Galleria Classic Theme 2011-02-14
+ * http://galleria.aino.se
+ *
+ * Copyright (c) 2011, Aino
+ * Licensed under the MIT license.
+ */
+ 
+/*global jQuery, Galleria */
+
+(function($) {
+
+Galleria.addTheme({
+    name: 'classic',
+    author: 'Galleria',
+    css: 'galleria.classic.css',
+    defaults: {
+        transition: 'slide',
+        thumbCrop:  'height',
+        
+		// set this to false if you want to show the caption all the time:
+        _toggleInfo: true
+    },
+    init: function(options) {
+        
+        // add some elements
+        this.addElement('info-link','info-close');
+        this.append({
+            'info' : ['info-link','info-close']
+        });
+        
+        // cache some stuff
+        var info = this.$('info-link,info-close,info-text'),
+            touch = Galleria.TOUCH,
+            click = touch ? 'touchstart' : 'click';
+        
+        // show loader & counter with opacity
+        this.$('loader,counter').show().css('opacity', 0.4);
+
+        // some stuff for non-touch browsers
+        if (! touch ) {
+            this.addIdleState( this.get('image-nav-left'), { left:-50 });
+            this.addIdleState( this.get('image-nav-right'), { right:-50 });
+            this.addIdleState( this.get('counter'), { opacity:0 });
+        }
+        
+        // toggle info
+        if ( options._toggleInfo === true ) {
+            info.bind( click, function() {
+                info.toggle();
+            });
+        } else {
+			info.show();
+			this.$('info-link, info-close').hide();
+		}
+        
+        // bind some stuff
+        this.bind('thumbnail', function(e) {
+            
+            if (! touch ) {
+                // fade thumbnails
+                $(e.thumbTarget).css('opacity', 0.6).parent().hover(function() {
+                    $(this).not('.active').children().stop().fadeTo(100, 1);
+                }, function() {
+                    $(this).not('.active').children().stop().fadeTo(400, 0.6);
+                });
+                
+                if ( e.index === options.show ) {
+                    $(e.thumbTarget).css('opacity',1);
+                }
+            }
+        });
+        
+        this.bind('loadstart', function(e) {
+            if (!e.cached) {
+                this.$('loader').show().fadeTo(200, 0.4);
+            }
+            
+            this.$('info').toggle( this.hasInfo() );
+            
+            $(e.thumbTarget).css('opacity',1).parent().siblings().children().css('opacity', 0.6);
+        });
+        
+        this.bind('loadfinish', function(e) {
+            this.$('loader').fadeOut(200);
+        });
+    }
+});
+
+}(jQuery));
diff --git a/akvo/mediaroot/partner_sites/js/build/partner_sites_script_min_a039f7e10cb45144d27a621a0469d61851dd5d02.js b/akvo/mediaroot/partner_sites/js/build/partner_sites_script_min_a039f7e10cb45144d27a621a0469d61851dd5d02.js
deleted file mode 100644
index 396faa4728..0000000000
--- a/akvo/mediaroot/partner_sites/js/build/partner_sites_script_min_a039f7e10cb45144d27a621a0469d61851dd5d02.js
+++ /dev/null
@@ -1 +0,0 @@
-(function(e){var b,l=this,t=l.document,k=e(t),d=false,p=navigator.userAgent.toLowerCase(),n=l.location.hash.replace(/#\//,""),f=function(){return i.TOUCH?"touchstart":"click";},m=(function(){var u=3,x=t.createElement("div"),w=x.getElementsByTagName("i");do{x.innerHTML="<!--[if gt IE "+(++u)+"]><i></i><![endif]-->";}while(w[0]);return u>4?u:b;}()),s=function(){return{html:t.documentElement,body:t.body,head:t.getElementsByTagName("head")[0],title:t.title};},g="data ready thumbnail loadstart loadfinish image play pause progress fullscreen_enter fullscreen_exit idle_enter idle_exit rescale lightbox_open lightbox_close lightbox_image",q=(function(){var u=[];e.each(g.split(" "),function(v,w){u.push(w);if(/_/.test(w)){u.push(w.replace(/_/g,""));}});return u;}()),r=function(u){var v;if(typeof u!=="object"){return u;}e.each(u,function(w,x){if(/^[a-z]+_/.test(w)){v="";e.each(w.split("_"),function(z,y){v+=z>0?y.substr(0,1).toUpperCase()+y.substr(1):y;});u[v]=x;delete u[w];}});return u;},a=function(u){if(e.inArray(u,q)>-1){return i[u.toUpperCase()];}return u;},h={trunk:{},add:function(y,x,w,v){v=v||false;this.clear(y);if(v){var u=x;x=function(){u();h.add(y,x,w);};}this.trunk[y]=l.setTimeout(x,w);},clear:function(w){var u=function(x){l.clearTimeout(this.trunk[x]);delete this.trunk[x];},v;if(!!w&&w in this.trunk){u.call(h,w);}else{if(typeof w==="undefined"){for(v in this.trunk){if(this.trunk.hasOwnProperty(v)){u.call(h,v);}}}}}},o=[],c=(function(){return{array:function(u){return Array.prototype.slice.call(u);},create:function(u,w){w=w||"div";var v=t.createElement(w);v.className=u;return v;},forceStyles:function(v,u){v=e(v);if(v.attr("style")){v.data("styles",v.attr("style")).removeAttr("style");}v.css(u);},revertStyles:function(){e.each(c.array(arguments),function(u,v){v=e(v).removeAttr("style");if(v.data("styles")){v.attr("style",v.data("styles")).data("styles",null);}});},moveOut:function(u){c.forceStyles(u,{position:"absolute",left:-10000});},moveIn:function(){c.revertStyles.apply(c,c.array(arguments));},hide:function(v,w,x){v=e(v);if(!v.data("opacity")){v.data("opacity",v.css("opacity"));}var u={opacity:0};if(w){v.stop().animate(u,w,x);}else{v.css(u);}},show:function(w,x,y){w=e(w);var v=parseFloat(w.data("opacity"))||1,u={opacity:v};if(v===1){w.data("opacity",null);}if(x){w.stop().animate(u,x,y);}else{w.css(u);}},addTimer:function(){h.add.apply(h,c.array(arguments));return this;},clearTimer:function(){h.clear.apply(h,c.array(arguments));return this;},wait:function(w){w=e.extend({until:function(){return false;},success:function(){},error:function(){i.raise("Could not complete wait function.");},timeout:3000},w);var y=c.timestamp(),u,v,x=function(){v=c.timestamp();u=v-y;if(w.until(u)){w.success();return false;}if(v>=y+w.timeout){w.error();return false;}l.setTimeout(x,2);};l.setTimeout(x,2);},toggleQuality:function(u,v){if(m!==7||m!==8||!u){return;}if(typeof v==="undefined"){v=u.style.msInterpolationMode==="nearest-neighbor";}u.style.msInterpolationMode=v?"bicubic":"nearest-neighbor";},insertStyleTag:function(w){var v=t.createElement("style");s().head.appendChild(v);if(v.styleSheet){v.styleSheet.cssText=w;}else{var u=t.createTextNode(w);v.appendChild(u);}},loadScript:function(w,x){var u=false,v=e("<script>").attr({src:w,async:true}).get(0);v.onload=v.onreadystatechange=function(){if(!u&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){u=true;v.onload=v.onreadystatechange=null;if(typeof x==="function"){x.call(this,this);}}};s().head.appendChild(v);},parseValue:function(v){if(typeof v==="number"){return v;}else{if(typeof v==="string"){var u=v.match(/\-?\d/g);return u&&u.constructor===Array?parseInt(u.join(""),10):0;}else{return 0;}}},timestamp:function(){return new Date().getTime();},loadCSS:function(u,z,y){var x,v=false,w;e("link[rel=stylesheet]").each(function(){if(new RegExp(u).test(this.href)){x=this;return false;}});if(typeof z==="function"){y=z;z=b;}y=y||function(){};if(x){y.call(x,x);return x;}w=t.styleSheets.length;if(d){u+="?"+c.timestamp();}if(e("#"+z).length){e("#"+z).attr("href",u);w--;v=true;}else{x=e("<link>").attr({rel:"stylesheet",href:u,id:z}).get(0);l.setTimeout(function(){var A=e('link[rel="stylesheet"], style');if(A.length){A.get(0).parentNode.insertBefore(x,A[0]);}else{s().head.appendChild(x);}if(m){x.attachEvent("onreadystatechange",function(B){if(x.readyState==="complete"){v=true;}});}else{v=true;}},10);}if(typeof y==="function"){c.wait({until:function(){return v&&t.styleSheets.length>w;},success:function(){c.addTimer("css",function(){y.call(x,x);},100);},error:function(){i.raise("Theme CSS could not load");},timeout:1000});}return x;}};}()),j={fade:function(v,u){e(v.next).css("opacity",0).show().animate({opacity:1},v.speed,u);if(v.prev){e(v.prev).css("opacity",1).show().animate({opacity:0},v.speed);}},flash:function(v,u){e(v.next).css("opacity",0);if(v.prev){e(v.prev).animate({opacity:0},(v.speed/2),function(){e(v.next).animate({opacity:1},v.speed,u);});}else{e(v.next).animate({opacity:1},v.speed,u);}},pulse:function(v,u){if(v.prev){e(v.prev).hide();}e(v.next).css("opacity",0).animate({opacity:1},v.speed,u);},slide:function(y,v){var x=e(y.next).parent(),u=this.$("images"),w=this._stageWidth,z=this.getOptions("easing");x.css({left:w*(y.rewind?-1:1)});u.animate({left:w*(y.rewind?1:-1)},{duration:y.speed,queue:false,easing:z,complete:function(){u.css("left",0);x.css("left",0);v();}});},fadeslide:function(w,v){var u=0,z=this.getOptions("easing"),y=this.getStageWidth();if(w.prev){u=c.parseValue(e(w.prev).css("left"));e(w.prev).css({opacity:1,left:u}).animate({opacity:0,left:u+(y*(w.rewind?1:-1))},{duration:w.speed,queue:false,easing:z});}u=c.parseValue(e(w.next).css("left"));e(w.next).css({left:u+(y*(w.rewind?-1:1)),opacity:0}).animate({opacity:1,left:u},{duration:w.speed,complete:v,queue:false,easing:z});}};var i=function(){var C=this;this._theme=b;this._options={};this._playing=false;this._playtime=5000;this._active=null;this._queue={length:0};this._data=[];this._dom={};this._thumbnails=[];this._initialized=false;this._stageWidth=0;this._stageHeight=0;this._target=b;this._id=Math.random();var y="container stage images image-nav image-nav-left image-nav-right info info-text info-title info-description info-author thumbnails thumbnails-list thumbnails-container thumb-nav-left thumb-nav-right loader counter tooltip",x="current total";e.each(y.split(" "),function(E,F){C._dom[F]=c.create("galleria-"+F);});e.each(x.split(" "),function(E,F){C._dom[F]=c.create("galleria-"+F,"span");});var w=this._keyboard={keys:{UP:38,DOWN:40,LEFT:37,RIGHT:39,RETURN:13,ESCAPE:27,BACKSPACE:8,SPACE:32},map:{},bound:false,press:function(F){var E=F.keyCode||F.which;if(E in w.map&&typeof w.map[E]==="function"){w.map[E].call(C,F);}},attach:function(G){var F,E;for(F in G){if(G.hasOwnProperty(F)){E=F.toUpperCase();if(E in w.keys){w.map[w.keys[E]]=G[F];}}}if(!w.bound){w.bound=true;k.bind("keydown",w.press);}},detach:function(){w.bound=false;k.unbind("keydown",w.press);}};var A=this._controls={0:b,1:b,active:0,swap:function(){A.active=A.active?0:1;},getActive:function(){return A[A.active];},getNext:function(){return A[1-A.active];}};var B=this._carousel={next:C.$("thumb-nav-right"),prev:C.$("thumb-nav-left"),width:0,current:0,max:0,hooks:[],update:function(){var F=0,G=0,E=[0];e.each(C._thumbnails,function(I,H){if(H.ready){F+=H.outerWidth||e(H.container).outerWidth(true);E[I+1]=F;G=Math.max(G,H.outerHeight||e(H.container).outerHeight(true));}});C.$("thumbnails").css({width:F,height:G});B.max=F;B.hooks=E;B.width=C.$("thumbnails-list").width();B.setClasses();C.$("thumbnails-container").toggleClass("galleria-carousel",F>B.width);},bindControls:function(){var E;B.next.bind(f(),function(F){F.preventDefault();if(C._options.carouselSteps==="auto"){for(E=B.current;E<B.hooks.length;E++){if(B.hooks[E]-B.hooks[B.current]>B.width){B.set(E-2);break;}}}else{B.set(B.current+C._options.carouselSteps);}});B.prev.bind(f(),function(F){F.preventDefault();if(C._options.carouselSteps==="auto"){for(E=B.current;E>=0;E--){if(B.hooks[B.current]-B.hooks[E]>B.width){B.set(E+2);break;}else{if(E===0){B.set(0);break;}}}}else{B.set(B.current-C._options.carouselSteps);}});},set:function(E){E=Math.max(E,0);while(B.hooks[E-1]+B.width>=B.max&&E>=0){E--;}B.current=E;B.animate();},getLast:function(E){return(E||B.current)-1;},follow:function(E){if(E===0||E===B.hooks.length-2){B.set(E);return;}var F=B.current;while(B.hooks[F]-B.hooks[B.current]<B.width&&F<=B.hooks.length){F++;}if(E-1<B.current){B.set(E-1);}else{if(E+2>F){B.set(E-F+B.current+2);}}},setClasses:function(){B.prev.toggleClass("disabled",!B.current);B.next.toggleClass("disabled",B.hooks[B.current]+B.width>=B.max);},animate:function(F){B.setClasses();var E=B.hooks[B.current]*-1;if(isNaN(E)){return;}C.$("thumbnails").animate({left:E},{duration:C._options.carouselSpeed,easing:C._options.easing,queue:false});}};var D=this._tooltip={initialized:false,open:false,init:function(){D.initialized=true;var E=".galleria-tooltip{padding:3px 8px;max-width:50%;background:#ffe;color:#000;z-index:3;position:absolute;font-size:11px;line-height:1.3opacity:0;box-shadow:0 0 2px rgba(0,0,0,.4);-moz-box-shadow:0 0 2px rgba(0,0,0,.4);-webkit-box-shadow:0 0 2px rgba(0,0,0,.4);}";c.insertStyleTag(E);C.$("tooltip").css("opacity",0.8);c.hide(C.get("tooltip"));},move:function(L){var K=C.getMousePosition(L).x,J=C.getMousePosition(L).y,H=C.$("tooltip"),N=K,M=J,O=H.outerHeight(true)+1,G=H.outerWidth(true),I=O+15;var F=C.$("container").width()-G-2,E=C.$("container").height()-O-2;if(!isNaN(N)&&!isNaN(M)){N+=10;M-=30;N=Math.max(0,Math.min(F,N));M=Math.max(0,Math.min(E,M));if(J<I){M=I;}H.css({left:N,top:M});}},bind:function(F,G){if(!D.initialized){D.init();}var E=function(H,I){D.define(H,I);e(H).hover(function(){c.clearTimer("switch_tooltip");C.$("container").unbind("mousemove",D.move).bind("mousemove",D.move).trigger("mousemove");D.show(H);i.utils.addTimer("tooltip",function(){C.$("tooltip").stop().show();c.show(C.get("tooltip"),400);D.open=true;},D.open?0:500);},function(){C.$("container").unbind("mousemove",D.move);c.clearTimer("tooltip");C.$("tooltip").stop();c.hide(C.get("tooltip"),200,function(){C.$("tooltip").hide();c.addTimer("switch_tooltip",function(){D.open=false;},1000);});});};if(typeof G==="string"){E((F in C._dom?C.get(F):F),G);}else{e.each(F,function(H,I){E(C.get(H),I);});}},show:function(E){E=e(E in C._dom?C.get(E):E);var G=E.data("tt"),F=function(H){l.setTimeout((function(I){return function(){D.move(I);};}(H)),10);E.unbind("mouseup",F);};G=typeof G==="function"?G():G;if(!G){return;}C.$("tooltip").html(G.replace(/\s/,"&nbsp;"));E.bind("mouseup",F);},define:function(F,G){if(typeof G!=="function"){var E=G;G=function(){return E;};}F=e(F in C._dom?C.get(F):F).data("tt",G);D.show(F);}};var z=this._fullscreen={scrolled:0,active:false,enter:function(F){z.active=true;c.hide(C.getActiveImage());C.$("container").addClass("fullscreen");z.scrolled=e(l).scrollTop();c.forceStyles(C.get("container"),{position:"fixed",top:0,left:0,width:"100%",height:"100%",zIndex:10000});var E={height:"100%",overflow:"hidden",margin:0,padding:0};c.forceStyles(s().html,E);c.forceStyles(s().body,E);C.attachKeyboard({escape:C.exitFullscreen,right:C.next,left:C.prev});C.rescale(function(){c.addTimer("fullscreen_enter",function(){c.show(C.getActiveImage());if(typeof F==="function"){F.call(C);}},100);C.trigger(i.FULLSCREEN_ENTER);});e(l).resize(function(){z.scale();});},scale:function(){C.rescale();},exit:function(E){z.active=false;c.hide(C.getActiveImage());C.$("container").removeClass("fullscreen");c.revertStyles(C.get("container"),s().html,s().body);l.scrollTo(0,z.scrolled);C.detachKeyboard();C.rescale(function(){c.addTimer("fullscreen_exit",function(){c.show(C.getActiveImage());if(typeof E==="function"){E.call(C);}},50);C.trigger(i.FULLSCREEN_EXIT);});e(l).unbind("resize",z.scale);}};var v=this._idle={trunk:[],bound:false,add:function(F,H){if(!F){return;}if(!v.bound){v.addEvent();}F=e(F);var G={},E;for(E in H){if(H.hasOwnProperty(E)){G[E]=F.css(E);}}F.data("idle",{from:G,to:H,complete:true,busy:false});v.addTimer();v.trunk.push(F);},remove:function(E){E=jQuery(E);e.each(v.trunk,function(F,G){if(G.length&&!G.not(E).length){C._idle.show(E);C._idle.trunk.splice(F,1);}});if(!v.trunk.length){v.removeEvent();c.clearTimer("idle");}},addEvent:function(){v.bound=true;C.$("container").bind("mousemove click",v.showAll);},removeEvent:function(){v.bound=false;C.$("container").unbind("mousemove click",v.showAll);},addTimer:function(){c.addTimer("idle",function(){C._idle.hide();},C._options.idleTime);},hide:function(){C.trigger(i.IDLE_ENTER);e.each(v.trunk,function(E,F){var G=F.data("idle");if(!G){return;}F.data("idle").complete=false;F.stop().animate(G.to,{duration:C._options.idleSpeed,queue:false,easing:"swing"});});},showAll:function(){c.clearTimer("idle");e.each(C._idle.trunk,function(E,F){C._idle.show(F);});},show:function(E){var F=E.data("idle");if(!F.busy&&!F.complete){F.busy=true;C.trigger(i.IDLE_EXIT);c.clearTimer("idle");E.stop().animate(F.from,{duration:C._options.idleSpeed/2,queue:false,easing:"swing",complete:function(){e(this).data("idle").busy=false;e(this).data("idle").complete=true;}});}v.addTimer();}};var u=this._lightbox={width:0,height:0,initialized:false,active:null,image:null,elems:{},init:function(){C.trigger(i.LIGHTBOX_OPEN);if(u.initialized){return;}u.initialized=true;var E="overlay box content shadow title info close prevholder prev nextholder next counter image",F={},G=C._options,J="",M="position:absolute;",I="lightbox-",H={overlay:"position:fixed;display:none;opacity:"+G.overlayOpacity+";filter:alpha(opacity="+(G.overlayOpacity*100)+");top:0;left:0;width:100%;height:100%;background:"+G.overlayBackground+";z-index:99990",box:"position:fixed;display:none;width:400px;height:400px;top:50%;left:50%;margin-top:-200px;margin-left:-200px;z-index:99991",shadow:M+"background:#000;width:100%;height:100%;",content:M+"background-color:#fff;top:10px;left:10px;right:10px;bottom:10px;overflow:hidden",info:M+"bottom:10px;left:10px;right:10px;color:#444;font:11px/13px arial,sans-serif;height:13px",close:M+"top:10px;right:10px;height:20px;width:20px;background:#fff;text-align:center;cursor:pointer;color:#444;font:16px/22px arial,sans-serif;z-index:99999",image:M+"top:10px;left:10px;right:10px;bottom:30px;overflow:hidden;display:block;",prevholder:M+"width:50%;top:0;bottom:40px;cursor:pointer;",nextholder:M+"width:50%;top:0;bottom:40px;right:-1px;cursor:pointer;",prev:M+"top:50%;margin-top:-20px;height:40px;width:30px;background:#fff;left:20px;display:none;line-height:40px;text-align:center;color:#000",next:M+"top:50%;margin-top:-20px;height:40px;width:30px;background:#fff;right:20px;left:auto;display:none;line-height:40px;text-align:center;color:#000",title:"float:left",counter:"float:right;margin-left:8px;"},K=function(N){return N.hover(function(){e(this).css("color","#bbb");},function(){e(this).css("color","#444");});},L={};if(m===8){H.nextholder+="background:#000;filter:alpha(opacity=0);";H.prevholder+="background:#000;filter:alpha(opacity=0);";}e.each(H,function(N,O){J+=".galleria-"+I+N+"{"+O+"}";});c.insertStyleTag(J);e.each(E.split(" "),function(N,O){C.addElement("lightbox-"+O);F[O]=u.elems[O]=C.get("lightbox-"+O);});u.image=new i.Picture();e.each({box:"shadow content close prevholder nextholder",info:"title counter",content:"info image",prevholder:"prev",nextholder:"next"},function(O,P){var N=[];e.each(P.split(" "),function(Q,R){N.push(I+R);});L[I+O]=N;});C.append(L);e(F.image).append(u.image.container);e(s().body).append(F.overlay,F.box);K(e(F.close).bind(f(),u.hide).html("&#215;"));e.each(["Prev","Next"],function(Q,O){var P=e(F[O.toLowerCase()]).html(/v/.test(O)?"&#8249;&nbsp;":"&nbsp;&#8250;"),N=e(F[O.toLowerCase()+"holder"]);N.bind(f(),function(){u["show"+O]();});if(m<8){P.show();return;}N.hover(function(){P.show();},function(R){P.stop().fadeOut(200);});});e(F.overlay).bind(f(),u.hide);},rescale:function(I){var H=Math.min(e(l).width()-40,u.width),E=Math.min(e(l).height()-60,u.height),G=Math.min(H/u.width,E/u.height),F=(u.width*G)+40,K=(u.height*G)+60,J={width:F,height:K,marginTop:Math.ceil(K/2)*-1,marginLeft:Math.ceil(F/2)*-1};if(I){e(u.elems.box).css(J);}else{e(u.elems.box).animate(J,C._options.lightboxTransitionSpeed,C._options.easing,function(){var M=u.image,L=C._options.lightboxFadeSpeed;C.trigger({type:i.LIGHTBOX_IMAGE,imageTarget:M.image});M.show();c.show(M.image,L);c.show(u.elems.info,L);});}},hide:function(){u.image.image=null;e(l).unbind("resize",u.rescale);e(u.elems.box).hide();c.hide(u.elems.info);c.hide(u.elems.overlay,200,function(){e(this).hide().css("opacity",C._options.overlayOpacity);C.trigger(i.LIGHTBOX_CLOSE);});},showNext:function(){u.show(C.getNext(u.active));},showPrev:function(){u.show(C.getPrev(u.active));},show:function(E){u.active=E=typeof E==="number"?E:C.getIndex();if(!u.initialized){u.init();}e(l).unbind("resize",u.rescale);var G=C.getData(E),F=C.getDataLength();c.hide(u.elems.info);u.image.load(G.image,function(H){u.width=H.original.width;u.height=H.original.height;e(H.image).css({width:"100.5%",height:"100.5%",top:0,zIndex:99998,opacity:0});u.elems.title.innerHTML=G.title;u.elems.counter.innerHTML=(E+1)+" / "+F;e(l).resize(u.rescale);u.rescale();});e(u.elems.overlay).show();e(u.elems.box).show();}};return this;};i.prototype={constructor:i,init:function(w,v){var u=this;v=r(v);o.push(this);this._original={target:w,options:v,data:null};this._target=this._dom.target=w.nodeName?w:e(w).get(0);if(!this._target){i.raise("Target not found.");return;}this._options={autoplay:false,carousel:true,carouselFollow:true,carouselSpeed:400,carouselSteps:"auto",clicknext:false,dataConfig:function(x){return{};},dataSelector:"img",dataSource:this._target,debug:b,easing:"galleria",extend:function(x){},height:"auto",idleTime:3000,idleSpeed:200,imageCrop:false,imageMargin:0,imagePan:false,imagePanSmoothness:12,imagePosition:"50%",keepSource:false,lightboxFadeSpeed:200,lightboxTransition_speed:500,linkSourceTmages:true,maxScaleRatio:b,minScaleRatio:b,overlayOpacity:0.85,overlayBackground:"#0b0b0b",pauseOnInteraction:true,popupLinks:false,preload:2,queue:true,show:0,showInfo:true,showCounter:true,showImagenav:true,thumbCrop:true,thumbEventType:f(),thumbFit:true,thumbMargin:0,thumbQuality:"auto",thumbnails:true,transition:"fade",transitionInitial:b,transitionSpeed:400,width:"auto"};if(v&&v.debug===true){d=true;}e(this._target).children().hide();if(typeof i.theme==="object"){this._init();}else{c.wait({until:function(){return typeof i.theme==="object";},success:function(){u._init.call(u);},error:function(){i.raise("No theme found.",true);},timeout:5000});}},_init:function(){var u=this;if(this._initialized){i.raise("Init failed: Gallery instance already initialized.");return this;}this._initialized=true;if(!i.theme){i.raise("Init failed: No theme found.");return this;}e.extend(true,this._options,i.theme.defaults,this._original.options);this.bind(i.DATA,function(){this._original.data=this._data;this.get("total").innerHTML=this.getDataLength();var y=this.$("container");var x={width:0,height:0};var w=c.create("galleria-image");c.wait({until:function(){e.each(["width","height"],function(B,A){if(u._options[A]&&typeof u._options[A]==="number"){x[A]=u._options[A];}else{x[A]=Math.max(c.parseValue(y.css(A)),c.parseValue(u.$("target").css(A)),y[A](),u.$("target")[A]());}});var z=function(){return true;};if(u._options.thumbnails){u.$("thumbnails").append(w);z=function(){return !!e(w).height();};}return z()&&x.width&&x.height>10;},success:function(){e(w).remove();y.width(x.width);y.height(x.height);if(i.WEBKIT){l.setTimeout(function(){u._run();},1);}else{u._run();}},error:function(){i.raise("Width & Height not found.",true);},timeout:2000});});var v=false;this.bind(i.READY,(function(w){return function(){c.show(this.get("counter"));if(this._options.carousel){this._carousel.bindControls();}if(this._options.autoplay){this.pause();if(typeof this._options.autoplay==="number"){this._playtime=this._options.autoplay;}this.trigger(i.PLAY);this._playing=true;}if(w){if(typeof this._options.show==="number"){this.show(this._options.show);}return;}w=true;if(this._options.clicknext){e.each(this._data,function(x,y){delete y.link;});this.$("stage").css({cursor:"pointer"}).bind(f(),function(x){u.next();});}if(i.History){i.History.change(function(x){var y=parseInt(x.value.replace(/\//,""),10);if(isNaN(y)){l.history.go(-1);}else{u.show(y,b,true);}});}i.theme.init.call(this,this._options);this._options.extend.call(this,this._options);if(/^[0-9]{1,4}$/.test(n)&&i.History){this.show(n,b,true);}else{this.show(this._options.show);}};}(v)));this.append({"info-text":["info-title","info-description","info-author"],info:["info-text"],"image-nav":["image-nav-right","image-nav-left"],stage:["images","loader","counter","image-nav"],"thumbnails-list":["thumbnails"],"thumbnails-container":["thumb-nav-left","thumbnails-list","thumb-nav-right"],container:["stage","thumbnails-container","info","tooltip"]});c.hide(this.$("counter").append(this.get("current")," / ",this.get("total")));this.setCounter("&#8211;");c.hide(u.get("tooltip"));e.each(new Array(2),function(w){var x=new i.Picture();e(x.container).css({position:"absolute",top:0,left:0});u.$("images").append(x.container);u._controls[w]=x;});this.$("images").css({position:"relative",top:0,left:0,width:"100%",height:"100%"});this.$("thumbnails, thumbnails-list").css({overflow:"hidden",position:"relative"});this.$("image-nav-right, image-nav-left").bind(f(),function(x){if(u._options.clicknext){x.stopPropagation();}if(u._options.pause_on_interaction){u.pause();}var w=/right/.test(this.className)?"next":"prev";u[w]();});e.each(["info","counter","image-nav"],function(w,x){if(u._options["show"+x.substr(0,1).toUpperCase()+x.substr(1).replace(/-/,"")]===false){c.moveOut(u.get(x.toLowerCase()));}});this.load();if(!this._options.keep_source&&!m){this._target.innerHTML="";}this.$("target").append(this.get("container"));if(this._options.carousel){this.bind(i.THUMBNAIL,function(){this.updateCarousel();});}return this;},_createThumbnails:function(){var B,u,v,A,F,G=this,w=this._options,y=(function(){var H=G.$("thumbnails").find(".active");if(!H.length){return false;}return H.find("img").attr("src");}()),x=typeof w.thumbnails==="string"?w.thumbnails.toLowerCase():null,C=function(H){return t.defaultView&&t.defaultView.getComputedStyle?t.defaultView.getComputedStyle(v.container,null)[H]:F.css(H);},D=function(J,I,H){return function(){e(H).append(J);G.trigger({type:i.THUMBNAIL,thumbTarget:J,index:I});};},E=function(I){if(w.pauseOnInteraction){G.pause();}var H=e(I.currentTarget).data("index");if(G.getIndex()!==H){G.show(H);}I.preventDefault();},z=function(H){H.scale({width:H.data.width,height:H.data.height,crop:w.thumbCrop,margin:w.thumbMargin,complete:function(K){var M=["left","top"],J=["Width","Height"],I,L;e.each(J,function(N,O){I=O.toLowerCase();if((w.thumbCrop!==true||w.thumbCrop===I)&&w.thumbFit){L={};L[I]=K[I];e(K.container).css(L);L={};L[M[N]]=0;e(K.image).css(L);}K["outer"+O]=e(K.container)["outer"+O](true);});c.toggleQuality(K.image,w.thumbQuality===true||(w.thumbQuality==="auto"&&K.original.width<K.width*3));G.trigger({type:i.THUMBNAIL,thumbTarget:K.image,index:K.data.order});}});};this._thumbnails=[];this.$("thumbnails").empty();for(B=0;this._data[B];B++){A=this._data[B];if(w.thumbnails===true){v=new i.Picture(B);u=A.thumb||A.image;this.$("thumbnails").append(v.container);F=e(v.container);v.data={width:c.parseValue(C("width")),height:c.parseValue(C("height")),order:B};if(w.thumbFit&&w.thumbCrop!==true){F.css({width:0,height:0});}else{F.css({width:v.data.width,height:v.data.height});}v.load(u,z);if(w.preload==="all"){v.add(A.image);}}else{if(x==="empty"||x==="numbers"){v={container:c.create("galleria-image"),image:c.create("img","span"),ready:true};if(x==="numbers"){e(v.image).text(B+1);}this.$("thumbnails").append(v.container);l.setTimeout((D)(v.image,B,v.container),50+(B*20));}else{v={container:null,image:null};}}e(v.container).add(w.keepSource&&w.linkSourceImages?A.original:null).data("index",B).bind(w.thumbEventType,E);if(y===u){e(v.container).addClass("active");}this._thumbnails.push(v);}},_run:function(){var u=this;u._createThumbnails();c.wait({until:function(){if(i.OPERA){u.$("stage").css("display","inline-block");}u._stageWidth=u.$("stage").width();u._stageHeight=u.$("stage").height();return(u._stageWidth&&u._stageHeight>50);},success:function(){u.trigger(i.READY);},error:function(){i.raise("Stage measures not found",true);}});},load:function(x,u,w){var v=this;this._data=[];this._thumbnails=[];this.$("thumbnails").empty();if(typeof u==="function"){w=u;u=null;}x=x||this._options.dataSource;u=u||this._options.dataSelector;w=w||this._options.dataConfig;if(x.constructor===Array){if(this.validate(x)){this._data=x;this._parseData().trigger(i.DATA);}else{i.raise("Load failed: JSON Array not valid.");}return this;}e(x).find(u).each(function(A,z){z=e(z);var C={},B=z.parent(),y=B.attr("href");if(/\.(png|gif|jpg|jpeg)(\?.*)?$/i.test(y)){C.image=y;}else{if(y){C.link=y;}}v._data.push(e.extend({title:z.attr("title"),thumb:z.attr("src"),image:z.attr("src"),description:z.attr("alt"),link:z.attr("longdesc"),original:z.get(0)},C,w(z)));});if(this.getDataLength()){this.trigger(i.DATA);}else{i.raise("Load failed: no data found.");}return this;},_parseData:function(){var u=this;e.each(this._data,function(v,w){if("thumb" in w===false){u._data[v].thumb=w.image;}});return this;},splice:function(){Array.prototype.splice.apply(this._data,c.array(arguments));return this._parseData()._createThumbnails();},push:function(){Array.prototype.push.apply(this._data,c.array(arguments));return this._parseData()._createThumbnails();},_getActive:function(){return this._controls.getActive();},validate:function(u){return true;},bind:function(v,u){v=a(v);this.$("container").bind(v,this.proxy(u));return this;},unbind:function(u){u=a(u);this.$("container").unbind(u);return this;},trigger:function(u){u=typeof u==="object"?e.extend(u,{scope:this}):{type:a(u),scope:this};this.$("container").trigger(u);return this;},addIdleState:function(v,u){this._idle.add.apply(this._idle,c.array(arguments));return this;},removeIdleState:function(u){this._idle.remove.apply(this._idle,c.array(arguments));return this;},enterIdleMode:function(){this._idle.hide();return this;},exitIdleMode:function(){this._idle.showAll();return this;},enterFullscreen:function(u){this._fullscreen.enter.apply(this,c.array(arguments));return this;},exitFullscreen:function(u){this._fullscreen.exit.apply(this,c.array(arguments));return this;},toggleFullscreen:function(u){this._fullscreen[this.isFullscreen()?"exit":"enter"].apply(this,c.array(arguments));return this;},bindTooltip:function(u,v){this._tooltip.bind.apply(this._tooltip,c.array(arguments));return this;},defineTooltip:function(u,v){this._tooltip.define.apply(this._tooltip,c.array(arguments));return this;},refreshTooltip:function(u){this._tooltip.show.apply(this._tooltip,c.array(arguments));return this;},openLightbox:function(){this._lightbox.show.apply(this._lightbox,c.array(arguments));return this;},closeLightbox:function(){this._lightbox.hide.apply(this._lightbox,c.array(arguments));return this;},getActiveImage:function(){return this._getActive().image||b;},getActiveThumb:function(){return this._thumbnails[this._active].image||b;},getMousePosition:function(u){return{x:u.pageX-this.$("container").offset().left,y:u.pageY-this.$("container").offset().top};},addPan:function(C){if(this._options.imageCrop===false){return;}C=e(C||this.getActiveImage());var M=this,L=C.width()/2,I=C.height()/2,K=parseInt(C.css("left"),10),J=parseInt(C.css("top"),10),w=K||0,v=J||0,H=0,G=0,A=false,F=c.timestamp(),u=0,z=0,E=function(N,y,O){if(N>0){z=Math.round(Math.max(N*-1,Math.min(0,y)));if(u!==z){u=z;if(m===8){C.parent()["scroll"+O](z*-1);}else{var x={};x[O.toLowerCase()]=z;C.css(x);}}}},B=function(x){if(c.timestamp()-F<50){return;}A=true;L=M.getMousePosition(x).x;I=M.getMousePosition(x).y;},D=function(x){if(!A){return;}H=C.width()-M._stageWidth;G=C.height()-M._stageHeight;K=L/M._stageWidth*H*-1;J=I/M._stageHeight*G*-1;w+=(K-w)/M._options.imagePanSmoothness;v+=(J-v)/M._options.imagePanSmoothness;E(G,v,"Top");E(H,w,"Left");};if(m===8){C.parent().scrollTop(v*-1).scrollLeft(w*-1);C.css({top:0,left:0});}this.$("stage").unbind("mousemove",B).bind("mousemove",B);c.addTimer("pan",D,50,true);return this;},proxy:function(v,u){if(typeof v!=="function"){return function(){};}u=u||this;return function(){return v.apply(u,c.array(arguments));};},removePan:function(){this.$("stage").unbind("mousemove");c.clearTimer("pan");return this;},addElement:function(v){var u=this._dom;e.each(c.array(arguments),function(x,w){u[w]=c.create("galleria-"+w);});return this;},attachKeyboard:function(u){this._keyboard.attach.apply(this._keyboard,c.array(arguments));return this;},detachKeyboard:function(){this._keyboard.detach.apply(this._keyboard,c.array(arguments));return this;},appendChild:function(v,u){this.$(v).append(this.get(u)||u);return this;},prependChild:function(v,u){this.$(v).prepend(this.get(u)||u);return this;},remove:function(u){this.$(c.array(arguments).join(",")).remove();return this;},append:function(w){var v,u;for(v in w){if(w.hasOwnProperty(v)){if(w[v].constructor===Array){for(u=0;w[v][u];u++){this.appendChild(v,w[v][u]);}}else{this.appendChild(v,w[v]);}}}return this;},_scaleImage:function(v,u){u=e.extend({width:this._stageWidth,height:this._stageHeight,crop:this._options.imageCrop,max:this._options.maxScaleRatio,min:this._options.minScaleRatio,margin:this._options.imageMargin,position:this._options.imagePosition},u);(v||this._controls.getActive()).scale(u);return this;},updateCarousel:function(){this._carousel.update();return this;},rescale:function(x,u,v){var w=this;if(typeof x==="function"){v=x;x=b;}var y=function(){w._stageWidth=x||w.$("stage").width();w._stageHeight=u||w.$("stage").height();w._scaleImage();if(w._options.carousel){w.updateCarousel();}w.trigger(i.RESCALE);if(typeof v==="function"){v.call(w);}};if(i.WEBKIT&&!x&&!u){c.addTimer("scale",y,5);}else{y.call(w);}return this;},refreshImage:function(){this._scaleImage();if(this._options.imagePan){this.addPan();}return this;},show:function(v,u,w){if(v===false||(!this._options.queue&&this._queue.stalled)){return;}v=Math.max(0,Math.min(parseInt(v,10),this.getDataLength()-1));u=typeof u!=="undefined"?!!u:v<this.getIndex();w=w||false;if(!w&&i.History){i.History.value(v.toString());return;}this._active=v;Array.prototype.push.call(this._queue,{index:v,rewind:u});if(!this._queue.stalled){this._show();}return this;},_show:function(){var G=this,E=this._queue[0],C=this.getData(E.index);if(!C){return;}var u=C.image,A=this._controls.getActive(),D=this._controls.getNext(),z=D.isCached(u),v=this._thumbnails[E.index];var x=function(){var H;G._queue.stalled=false;c.toggleQuality(D.image,G._options.imageQuality);e(A.container).css({zIndex:0,opacity:0});e(D.container).css({zIndex:1,opacity:1});G._controls.swap();if(G._options.imagePan){G.addPan(D.image);}if(C.link){e(D.image).css({cursor:"pointer"}).bind(f(),function(){if(G._options.popupLinks){H=l.open(C.link,"_blank");}else{l.location.href=C.link;}});}Array.prototype.shift.call(G._queue);if(G._queue.length){G._show();}G._playCheck();G.trigger({type:i.IMAGE,index:E.index,imageTarget:D.image,thumbTarget:v.image});};if(this._options.carousel&&this._options.carouselFollow){this._carousel.follow(E.index);}if(this._options.preload){var w,B,y=this.getNext();try{for(B=this._options.preload;B>0;B--){w=new i.Picture();w.add(G.getData(y).image);y=G.getNext(y);}}catch(F){}}c.show(D.container);e(G._thumbnails[E.index].container).addClass("active").siblings(".active").removeClass("active");G.trigger({type:i.LOADSTART,cached:z,index:E.index,imageTarget:D.image,thumbTarget:v.image});D.load(u,function(H){G._scaleImage(H,{complete:function(I){c.show(I.container);if("image" in A){c.toggleQuality(A.image,false);}c.toggleQuality(I.image,false);G._queue.stalled=true;G.removePan();G.setInfo(E.index);G.setCounter(E.index);G.trigger({type:i.LOADFINISH,cached:z,index:E.index,imageTarget:I.image,thumbTarget:G._thumbnails[E.index].image});var K=A.image===null&&G._options.transitionInitial?G._options.transition_Initial:G._options.transition;if(K in j===false){x();}else{var J={prev:A.image,next:I.image,rewind:E.rewind,speed:G._options.transitionSpeed||400};j[K].call(G,J,x);}}});});},getNext:function(u){u=typeof u==="number"?u:this.getIndex();return u===this.getDataLength()-1?0:u+1;},getPrev:function(u){u=typeof u==="number"?u:this.getIndex();return u===0?this.getDataLength()-1:u-1;},next:function(){if(this.getDataLength()>1){this.show(this.getNext(),false);}return this;},prev:function(){if(this.getDataLength()>1){this.show(this.getPrev(),true);}return this;},get:function(u){return u in this._dom?this._dom[u]:null;},getData:function(u){return u in this._data?this._data[u]:this._data[this._active];},getDataLength:function(){return this._data.length;},getIndex:function(){return typeof this._active==="number"?this._active:false;},getStageHeight:function(){return this._stageHeight;},getStageWidth:function(){return this._stageWidth;},getOptions:function(u){return typeof u==="undefined"?this._options:this._options[u];},setOptions:function(u,v){if(typeof u==="object"){e.extend(this._options,u);}else{this._options[u]=v;}return this;},play:function(u){this._playing=true;this._playtime=u||this._playtime;this._playCheck();this.trigger(i.PLAY);return this;},pause:function(){this._playing=false;this.trigger(i.PAUSE);return this;},playToggle:function(u){return(this._playing)?this.pause():this.play(u);},isPlaying:function(){return this._playing;},isFullscreen:function(){return this._fullscreen.active;},_playCheck:function(){var v=this,y=0,u=20,w=c.timestamp(),z="play"+this._id;if(this._playing){c.clearTimer(z);var x=function(){y=c.timestamp()-w;if(y>=v._playtime&&v._playing){c.clearTimer(z);v.next();return;}if(v._playing){v.trigger({type:i.PROGRESS,percent:Math.ceil(y/v._playtime*100),seconds:Math.floor(y/1000),milliseconds:y});c.addTimer(z,x,u);}};c.addTimer(z,x,u);}},setIndex:function(u){this._active=u;return this;},setCounter:function(v){if(typeof v==="number"){v++;}else{if(typeof v==="undefined"){v=this.getIndex()+1;}}this.get("current").innerHTML=v;if(m){var x=this.$("counter"),u=x.css("opacity"),w=x.attr("style");if(w&&parseInt(u,10)===1){x.attr("style",w.replace(/filter[^\;]+\;/i,""));}else{this.$("counter").css("opacity",u);}}return this;},setInfo:function(v){var u=this,w=this.getData(v);e.each(["title","description","author"],function(x,y){var z=u.$("info-"+y);if(!!w[y]){z[w[y].length?"show":"hide"]().html(w[y]);}else{z.empty().hide();}});return this;},hasInfo:function(v){var u="title description".split(" "),w;for(w=0;u[w];w++){if(!!this.getData(v)[u[w]]){return true;}}return false;},jQuery:function(x){var u=this,v=[];e.each(x.split(","),function(y,z){z=e.trim(z);if(u.get(z)){v.push(z);}});var w=e(u.get(v.shift()));e.each(v,function(y,z){w=w.add(u.get(z));});return w;},$:function(u){return this.jQuery.apply(this,c.array(arguments));}};e.each(q,function(u,w){var v=/_/.test(w)?w.replace(/_/g,""):w;i[w.toUpperCase()]="galleria."+v;});e.extend(i,{IE9:m===9,IE8:m===8,IE7:m===7,IE6:m===6,IE:!!m,WEBKIT:/webkit/.test(p),SAFARI:/safari/.test(p),CHROME:/chrome/.test(p),QUIRK:(m&&t.compatMode&&t.compatMode==="BackCompat"),MAC:/mac/.test(navigator.platform.toLowerCase()),OPERA:!!l.opera,IPHONE:/iphone/.test(p),IPAD:/ipad/.test(p),ANDROID:/android/.test(p),TOUCH:!!(/iphone/.test(p)||/ipad/.test(p)||/android/.test(p))});i.addTheme=function(w){if(!w.name){i.raise("No theme name specified");}if(typeof w.defaults!=="object"){w.defaults={};}else{w.defaults=r(w.defaults);}var u=false,v;if(typeof w.css==="string"){e("link").each(function(x,y){v=new RegExp(w.css);if(v.test(y.href)){u=true;i.theme=w;return false;}});if(!u){e("script").each(function(y,x){v=new RegExp("galleria\\."+w.name.toLowerCase()+"\\.");if(v.test(x.src)){u=x.src.replace(/[^\/]*$/,"")+w.css;c.addTimer("css",function(){c.loadCSS(u,"galleria-theme",function(){i.theme=w;});},1);}});}if(!u){i.raise("No theme CSS loaded");}}else{i.theme=w;}return w;};i.loadTheme=function(x,v){var u=false,w=o.length;i.theme=b;c.loadScript(x,function(){u=true;});c.wait({until:function(){return u;},error:function(){i.raise("Theme at "+x+" could not load, check theme path.",true);},success:function(){if(w){var y=[];e.each(i.get(),function(A,z){var C=e.extend(z._original.options,{data_source:z._data},v);z.$("container").remove();var B=new i();B._id=z._id;B.init(z._original.target,C);y.push(B);});o=y;}},timeout:2000});};i.get=function(u){if(!!o[u]){return o[u];}else{if(typeof u!=="number"){return o;}else{i.raise("Gallery index "+u+" not found");}}};i.addTransition=function(u,v){j[u]=v;};i.utils=c;i.log=function(){try{l.console.log.apply(l.console,c.array(arguments));}catch(u){try{l.opera.postError.apply(l.opera,arguments);}catch(v){l.alert(c.array(arguments).split(", "));}}};i.raise=function(w,v){if(d||v){var u=v?"Fatal error":"Error";throw new Error(u+": "+w);}};i.Picture=function(u){this.id=u||null;this.image=null;this.container=c.create("galleria-image");e(this.container).css({overflow:"hidden",position:"relative"});this.original={width:0,height:0};this.ready=false;this.loaded=false;};i.Picture.prototype={cache:{},add:function(y){var v=0,u=this,x=new Image(),w=function(){if((!this.width||!this.height)&&v<1000){v++;e(x).load(w).attr("src",y+"?"+new Date().getTime());}u.original={height:this.height,width:this.width};u.cache[y]=y;u.loaded=true;};e(x).css("display","block");if(u.cache[y]){x.src=y;w.call(x);return x;}e(x).load(w).attr("src",y);return x;},show:function(){c.show(this.image);},hide:function(){c.moveOut(this.image);},clear:function(){this.image=null;},isCached:function(u){return !!this.cache[u];},load:function(v,w){var u=this;e(this.container).empty(true);this.image=this.add(v);c.hide(this.image);e(this.container).append(this.image);c.wait({until:function(){return u.loaded&&u.image.complete&&u.original.width&&u.image.width;},success:function(){l.setTimeout(function(){w.call(u,u);},50);},error:function(){l.setTimeout(function(){w.call(u,u);},50);i.raise("image not loaded in 10 seconds: "+v);},timeout:10000});return this.container;},scale:function(w){w=e.extend({width:0,height:0,min:b,max:b,margin:0,complete:function(){},position:"center",crop:false},w);if(!this.image){return this.container;}var x,u,v=this,y=e(v.container);c.wait({until:function(){x=w.width||y.width()||c.parseValue(y.css("width"));u=w.height||y.height()||c.parseValue(y.css("height"));return x&&u;},success:function(){var D=(x-w.margin*2)/v.original.width,z=(u-w.margin*2)/v.original.height,F={"true":Math.max(D,z),width:D,height:z,"false":Math.min(D,z)},B=F[w.crop.toString()];if(w.max){B=Math.min(w.max,B);}if(w.min){B=Math.max(w.min,B);}e(v.container).width(x).height(u);e.each(["width","height"],function(I,H){e(v.image)[H](v.image[H]=v[H]=Math.round(v.original[H]*B));});var G={},A={},C=function(L,J,K){var I=0;if(/\%/.test(L)){var M=parseInt(L,10)/100,H=v.image[J]||e(v.image)[J]();I=Math.ceil(H*-1*M+K*M);}else{I=c.parseValue(L);}return I;},E={top:{top:0},left:{left:0},right:{left:"100%"},bottom:{top:"100%"}};e.each(w.position.toLowerCase().split(" "),function(H,I){if(I==="center"){I="50%";}G[H?"top":"left"]=I;});e.each(G,function(H,I){if(E.hasOwnProperty(I)){e.extend(A,E[I]);}});G=G.top?e.extend(G,A):A;G=e.extend({top:"50%",left:"50%"},G);e(v.image).css({position:"relative",top:C(G.top,"height",u),left:C(G.left,"width",x)});v.show();v.ready=true;w.complete.call(v,v);},error:function(){i.raise("Could not scale image: "+v.image.src);},timeout:1000});return this;}};e.extend(e.easing,{galleria:function(v,w,u,y,x){if((w/=x/2)<1){return y/2*w*w*w*w+u;}return -y/2*((w-=2)*w*w*w-2)+u;},galleriaIn:function(v,w,u,y,x){return y*(w/=x)*w*w*w+u;},galleriaOut:function(v,w,u,y,x){return -y*((w=w/x-1)*w*w*w-1)+u;}});e.fn.galleria=function(u){return this.each(function(){var v=new i();v.init(this,u);});};l.Galleria=i;}(jQuery));
\ No newline at end of file
diff --git a/akvo/mediaroot/partner_sites/js/build/akvo_ps_machinery_js_min_2fcbb22efb57981a99cd9746f3b98575b4fa2b3c.js b/akvo/mediaroot/partner_sites/js/src/akvo_ps_machinery_js.js
similarity index 100%
rename from akvo/mediaroot/partner_sites/js/build/akvo_ps_machinery_js_min_2fcbb22efb57981a99cd9746f3b98575b4fa2b3c.js
rename to akvo/mediaroot/partner_sites/js/src/akvo_ps_machinery_js.js
diff --git a/akvo/scripts/asset_manager/asset_bundles.py b/akvo/scripts/asset_manager/asset_bundles.py
index 7a066f057e..2b79126530 100644
--- a/akvo/scripts/asset_manager/asset_bundles.py
+++ b/akvo/scripts/asset_manager/asset_bundles.py
@@ -11,7 +11,7 @@
             'base.css',
             'main_nav.css',
             'utils.css',
-            'project_directory.css', 
+            'project_directory.css',
             'column.css',
             'project.css',
             'tabs.css',
@@ -35,13 +35,13 @@
         'type': 'css',
         'path': 'akvo/css/',
         'compress': True,
-        'files': ['ie6.css',],
+        'files': ['ie6.css'],
     },
     'akvo_machinery_js': {
         'type': 'js',
         'path': 'akvo/js/',
         'compress': True,
-        'files': ['x_machinery.js', 'x_modernizr.js','x_utilities.js'],
+        'files': ['x_machinery.js', 'x_modernizr.js', 'x_utilities.js'],
     },
     'partner_sites_style': {
         'type': 'css',
@@ -61,14 +61,14 @@
             'get_widget.css'
             ],
     },
-    'partner_sites_script': {
-        'type': 'js',
-        'path': 'partner_sites/js/',
-        'compress': True,
-        'files': [
-            'galleria.js',
-            ],
-    },
+    # 'partner_sites_script': {
+    #     'type': 'js',
+    #     'path': 'partner_sites/js/',
+    #     'compress': True,
+    #     'files': [
+    #         'galleria.js',
+    #         ],
+    # },
     'akvo_ps_machinery_js': {
         'type': 'js',
         'path': 'partner_sites/js/',
@@ -81,60 +81,60 @@
         'type': 'css',
         'path': 'widgets/cobranded_banner/css/',
         'compress': True,
-        'files': ['x_reset.css','x_typography.css', 'x_grid.css', 'x_forms.css','../../../base/css/src/widget_global_horizontal.css','x_widget_cobranded_banner.css',],
+        'files': ['x_reset.css', 'x_typography.css', 'x_grid.css', 'x_forms.css', '../../../base/css/src/widget_global_horizontal.css', 'x_widget_cobranded_banner.css'],
     },
     'widget_cobranded_leader': {
         'type': 'css',
         'path': 'widgets/cobranded_leader/css/',
         'compress': True,
-        'files': ['x_reset.css','x_typography.css', 'x_grid.css', 'x_forms.css','../../../base/css/src/widget_global_horizontal.css','x_widget_cobranded_leader.css',],
+        'files': ['x_reset.css', 'x_typography.css', 'x_grid.css', 'x_forms.css', '../../../base/css/src/widget_global_horizontal.css', 'x_widget_cobranded_leader.css'],
     },
     'widget_cobranded_narrow': {
         'type': 'css',
         'path': 'widgets/cobranded_narrow/css/',
         'compress': True,
-        'files': ['x_reset.css','x_typography.css', 'x_grid.css', 'x_forms.css','../../../base/css/src/widget_global.css','x_widget_cobranded_narrow.css',],
+        'files': ['x_reset.css', 'x_typography.css', 'x_grid.css', 'x_forms.css', '../../../base/css/src/widget_global.css', 'x_widget_cobranded_narrow.css'],
     },
     'widget_cobranded_short': {
         'type': 'css',
         'path': 'widgets/cobranded_short/css/',
         'compress': True,
-        'files': ['x_reset.css','x_typography.css', 'x_grid.css', 'x_forms.css','../../../base/css/src/widget_global.css','x_widget_cobranded_short.css',],
+        'files': ['x_reset.css', 'x_typography.css', 'x_grid.css', 'x_forms.css', '../../../base/css/src/widget_global.css', 'x_widget_cobranded_short.css'],
     },
     'widget_project': {
         'type': 'css',
         'path': 'widgets/project/css/',
         'compress': True,
-        'files': ['x_reset.css','x_typography.css', 'x_grid.css', 'x_forms.css','x_widget_project.css','../../../base/css/src/widget_global.css',],
+        'files': ['x_reset.css', 'x_typography.css', 'x_grid.css', 'x_forms.css', 'x_widget_project.css', '../../../base/css/src/widget_global.css'],
     },
     'widget_project_contribute': {
         'type': 'css',
         'path': 'widgets/project_contribute/css/',
         'compress': True,
-        'files': ['x_reset.css','x_typography.css', 'x_grid.css', 'x_forms.css','x_widget_project_contribute.css','../../../base/css/src/widget_global.css',],
+        'files': ['x_reset.css', 'x_typography.css', 'x_grid.css', 'x_forms.css', 'x_widget_project_contribute.css', '../../../base/css/src/widget_global.css'],
     },
     'widget_project_list': {
         'type': 'css',
         'path': 'widgets/project_list/css/',
         'compress': True,
-        'files': ['x_reset.css','x_typography.css', 'x_grid.css', 'x_forms.css','x_widget_project_list.css','../../../base/css/src/widget_global.css',],
+        'files': ['x_reset.css', 'x_typography.css', 'x_grid.css', 'x_forms.css', 'x_widget_project_list.css', '../../../base/css/src/widget_global.css'],
     },
     'widget_project_narrow': {
         'type': 'css',
         'path': 'widgets/project_narrow/css/',
         'compress': True,
-        'files': ['x_reset.css','x_typography.css', 'x_grid.css', 'x_forms.css','x_widget_project_narrow.css','../../../base/css/src/widget_global.css',],
+        'files': ['x_reset.css', 'x_typography.css', 'x_grid.css', 'x_forms.css', 'x_widget_project_narrow.css', '../../../base/css/src/widget_global.css'],
     },
     'widget_project_small': {
         'type': 'css',
         'path': 'widgets/project_small/css/',
         'compress': True,
-        'files': ['x_reset.css','x_typography.css', 'x_grid.css', 'x_forms.css','x_widget_project_small.css','../../../base/css/src/widget_global.css',],
+        'files': ['x_reset.css', 'x_typography.css', 'x_grid.css', 'x_forms.css', 'x_widget_project_small.css', '../../../base/css/src/widget_global.css'],
     },
     'widget_project_updates': {
         'type': 'css',
         'path': 'widgets/project_updates/css/',
         'compress': True,
-        'files': ['x_reset.css','x_typography.css', 'x_grid.css', 'x_forms.css','x_widget_project_updates.css','../../../base/css/src/widget_global.css',],
+        'files': ['x_reset.css', 'x_typography.css', 'x_grid.css', 'x_forms.css', 'x_widget_project_updates.css', '../../../base/css/src/widget_global.css'],
     },
 }
diff --git a/akvo/scripts/asset_manager/map.py b/akvo/scripts/asset_manager/map.py
index 72277d60ab..a04f75e0fb 100644
--- a/akvo/scripts/asset_manager/map.py
+++ b/akvo/scripts/asset_manager/map.py
@@ -1 +1 @@
-BUNDLE_MAP = {'partner_sites_style': {'path': 'partner_sites/css/', 'hash': '3b28cc631adecc91703230abb41b0c8125065c27', 'type': 'css'}, 'widget_project_updates': {'path': 'widgets/project_updates/css/', 'hash': '57ddaa0abcaef475a634bc2d6d0d59dc924ba109', 'type': 'css'}, 'akvo_ps_machinery_js': {'path': 'partner_sites/js/', 'hash': '2fcbb22efb57981a99cd9746f3b98575b4fa2b3c', 'type': 'js'}, 'widget_project_small': {'path': 'widgets/project_small/css/', 'hash': '984d858f5eff775d79c942a17358e5817a4092e2', 'type': 'css'}, 'widget_cobranded_leader': {'path': 'widgets/cobranded_leader/css/', 'hash': '1ae4b5057b7a715f2e00c20588bdc20a119dff39', 'type': 'css'}, 'partner_sites_script': {'path': 'partner_sites/js/', 'hash': 'a039f7e10cb45144d27a621a0469d61851dd5d02', 'type': 'js'}, 'akvo_ie6_style': {'path': 'akvo/css/', 'hash': '2c103c8bc0834a3e4145e6ce86541613b898d552', 'type': 'css'}, 'widget_cobranded_banner': {'path': 'widgets/cobranded_banner/css/', 'hash': '31ddbde98bffa9e8705c4b9a945d94202e20131b', 'type': 'css'}, 'widget_cobranded_narrow': {'path': 'widgets/cobranded_narrow/css/', 'hash': '572e7203abead79cf733c5687d67a9b4f8cf0a0c', 'type': 'css'}, 'akvo_machinery_js': {'path': 'akvo/js/', 'hash': 'c88b72cf88f3f6cb1803e5907a35f3e19e8e5b3b', 'type': 'js'}, 'widget_project_list': {'path': 'widgets/project_list/css/', 'hash': '64aaf44be5a55cabef3a0713a826c365eb7c20f2', 'type': 'css'}, 'widget_project': {'path': 'widgets/project/css/', 'hash': '4611d301f23eb9e63ed276d0b51dea16def73b52', 'type': 'css'}, 'widget_project_contribute': {'path': 'widgets/project_contribute/css/', 'hash': '36d113a496eec7965e63b0d67728a0612f8673e4', 'type': 'css'}, 'akvo_script': {'path': 'akvo/js/', 'hash': '162866042eea8d78576e0381caef3c88984d787f', 'type': 'js'}, 'akvo_style': {'path': 'akvo/css/', 'hash': '0fed68a1b4c8f0e737f7d288a0eb672a47551f6e', 'type': 'css'}, 'widget_cobranded_short': {'path': 'widgets/cobranded_short/css/', 'hash': '9b3f65379cf13146713cca113e6e8d2f621ab4de', 'type': 'css'}, 'widget_project_narrow': {'path': 'widgets/project_narrow/css/', 'hash': '984d858f5eff775d79c942a17358e5817a4092e2', 'type': 'css'}}
\ No newline at end of file
+BUNDLE_MAP = {'partner_sites_style': {'path': 'partner_sites/css/', 'hash': '3b28cc631adecc91703230abb41b0c8125065c27', 'type': 'css'}, 'widget_project_updates': {'path': 'widgets/project_updates/css/', 'hash': '57ddaa0abcaef475a634bc2d6d0d59dc924ba109', 'type': 'css'}, 'akvo_ps_machinery_js': {'path': 'partner_sites/js/', 'hash': '2fcbb22efb57981a99cd9746f3b98575b4fa2b3c', 'type': 'js'}, 'widget_project_small': {'path': 'widgets/project_small/css/', 'hash': '984d858f5eff775d79c942a17358e5817a4092e2', 'type': 'css'}, 'widget_cobranded_leader': {'path': 'widgets/cobranded_leader/css/', 'hash': '1ae4b5057b7a715f2e00c20588bdc20a119dff39', 'type': 'css'}, 'akvo_ie6_style': {'path': 'akvo/css/', 'hash': '2c103c8bc0834a3e4145e6ce86541613b898d552', 'type': 'css'}, 'widget_cobranded_banner': {'path': 'widgets/cobranded_banner/css/', 'hash': '31ddbde98bffa9e8705c4b9a945d94202e20131b', 'type': 'css'}, 'widget_cobranded_narrow': {'path': 'widgets/cobranded_narrow/css/', 'hash': '572e7203abead79cf733c5687d67a9b4f8cf0a0c', 'type': 'css'}, 'akvo_machinery_js': {'path': 'akvo/js/', 'hash': 'c88b72cf88f3f6cb1803e5907a35f3e19e8e5b3b', 'type': 'js'}, 'widget_project_list': {'path': 'widgets/project_list/css/', 'hash': '64aaf44be5a55cabef3a0713a826c365eb7c20f2', 'type': 'css'}, 'widget_project': {'path': 'widgets/project/css/', 'hash': '4611d301f23eb9e63ed276d0b51dea16def73b52', 'type': 'css'}, 'widget_project_contribute': {'path': 'widgets/project_contribute/css/', 'hash': '36d113a496eec7965e63b0d67728a0612f8673e4', 'type': 'css'}, 'akvo_script': {'path': 'akvo/js/', 'hash': '162866042eea8d78576e0381caef3c88984d787f', 'type': 'js'}, 'akvo_style': {'path': 'akvo/css/', 'hash': '0fed68a1b4c8f0e737f7d288a0eb672a47551f6e', 'type': 'css'}, 'widget_cobranded_short': {'path': 'widgets/cobranded_short/css/', 'hash': '9b3f65379cf13146713cca113e6e8d2f621ab4de', 'type': 'css'}, 'widget_project_narrow': {'path': 'widgets/project_narrow/css/', 'hash': '984d858f5eff775d79c942a17358e5817a4092e2', 'type': 'css'}}
\ No newline at end of file
diff --git a/akvo/templates/partner_sites/project/project_main.html b/akvo/templates/partner_sites/project/project_main.html
index 80d7221d7e..f7ebfaa0f1 100644
--- a/akvo/templates/partner_sites/project/project_main.html
+++ b/akvo/templates/partner_sites/project/project_main.html
@@ -139,7 +139,8 @@ <h4>
   {% else %}
     <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
   {% endif %}
-  {% asset_bundle 'partner_sites_script' %}
+  {# {% asset_bundle 'partner_sites_script' %} #}
+  <script src="{{MEDIA_URL}}core/galleria/galleria-1.2.8.js"></script>
   <script>
     var galleria_data = [
       {
@@ -206,7 +207,10 @@ <h4>
 {% block jq_ready %}
   {{block.super}}
   jQ('#project_tabs').tabs();
-  Galleria.loadTheme('{{MEDIA_URL}}core/galleria/themes/classic-white-old/galleria.classic.js');
+  Galleria.loadTheme('{{MEDIA_URL}}core/galleria/themes/classic/galleria.classic.min.js');
+  Galleria.configure({
+    showInfo: false
+  });
   jQ('#galleria').galleria({data_source: galleria_data});
 
   init_benchmarks();
diff --git a/akvo/templates/rsr/project/project_main.html b/akvo/templates/rsr/project/project_main.html
index c6297e286a..e7f2872754 100644
--- a/akvo/templates/rsr/project/project_main.html
+++ b/akvo/templates/rsr/project/project_main.html
@@ -161,7 +161,7 @@ <h4>
 
 {% block js %}
   {{ block.super }}
-  <script src="{{MEDIA_URL}}core/galleria/galleria_1.2.2.js"></script>
+  <script src="{{MEDIA_URL}}core/galleria/galleria-1.2.8.js"></script>
   <script>
     var galleria_data = [
         {
@@ -225,7 +225,11 @@ <h4>
 {% block jq_ready %}
   jQ('#project_tabs').tabs();
   {{block.super}}
-  Galleria.loadTheme('{{MEDIA_URL}}core/galleria/themes/classic-white-old/galleria.classic.js');
+  Galleria.loadTheme('{{MEDIA_URL}}core/galleria/themes/classic/galleria.classic.min.js');
+  Galleria.configure({
+    showInfo: false
+  });
+
   $('#galleria').galleria({data_source: galleria_data});
   init_benchmarks();
   $('#benchmarks_switch').click(function () { handle_benchmarks() });