/*!
 * Galleria v 1.1.95 2010-08-06
 * http://galleria.aino.se
 *
 * Copyright (c) 2010, Aino
 * Licensed under the MIT license.
 */

(function() {

   var initializing = false,
   fnTest = /xyz/.test(function(){
      xyz;
   }) ? /\b__super\b/ : /.*/,
   Class = function(){},
   window = this;

   Class.extend = function(prop) {
      var __super = this.prototype;
      initializing = true;
      var proto = new this();
      initializing = false;
      for (var name in prop) {
         if (name) {
            proto[name] = typeof prop[name] == "function" && 
            typeof __super[name] == "function" && fnTest.test(prop[name]) ?
            (function(name, fn) {
               return function() {
                  var tmp = this.__super;
                  this.__super = __super[name];
                  var ret = fn.apply(this, arguments);
                  this.__super = tmp;
                  return ret;
               };
            })(name, prop[name]) : prop[name];
         }
      }

      function Class() {
         if ( !initializing && this.__constructor ) {
            this.__constructor.apply(this, arguments);
         }
      }
      Class.prototype = proto;
      Class.constructor = Class;
      Class.extend = arguments.callee;
      return Class;
   };

   var Base = Class.extend({
      loop : function( elem, fn) {
         var scope = this;
         if (typeof elem == 'number') {
            elem = new Array(elem);
         }
         jQuery.each(elem, function() {
            fn.call(scope, arguments[1], arguments[0]);
         });
         return elem;
      },
      create : function( elem, className ) {
         elem = elem || 'div';
         var el = document.createElement(elem);
         if (className) {
            el.className = className;
         }
         return el;
      },
      getElements : function( selector ) {
         var elems = {};
         this.loop( jQuery(selector), this.proxy(function( elem ) {
            this.push(elem, elems);
         }));
         return elems;
      },
      setStyle : function( elem, css ) {
         jQuery(elem).css(css);
         return this;
      },
      getStyle : function( elem, styleProp, parse ) {
         var val = jQuery(elem).css(styleProp);
         return parse ? this.parseValue( val ) : val;
      },
      cssText : function( string ) {
         var style = document.createElement('style');
         this.getElements('head')[0].appendChild(style);
         if (style.styleSheet) { // IE
            style.styleSheet.cssText = string;
         } else {
            var cssText = document.createTextNode(string);
            style.appendChild(cssText);
         }
         return this;
      },
      touch : function(el) {
         var sibling = el.nextSibling;
         var parent = el.parentNode;
         parent.removeChild(el);
         if ( sibling ) {
            parent.insertBefore(el, sibling);
         } else {
            parent.appendChild(el);
         }
         if (el.styleSheet && el.styleSheet.imports.length) {
            this.loop(el.styleSheet.imports, function(i) {
               el.styleSheet.addImport(i.href);
            });
         }
      },
      loadCSS : function(href, callback) {
         var exists = this.getElements('link[href="'+href+'"]').length;
         if (exists) {
            callback.call(null);
            return exists[0];
         }
         var link = this.create('link');
         link.rel = 'stylesheet';
         link.href = href;
        
         if (typeof callback == 'function') {
            // a new css check method, still experimental...
            this.wait(function() {
               return !!document.body;
            }, function() {
               var testElem = this.create('div', 'galleria-container galleria-stage');
               this.moveOut(testElem);
               document.body.appendChild(testElem);
               var getStyles = this.proxy(function() {
                  var str = '';
                  var props;
                  if (document.defaultView && document.defaultView.getComputedStyle) {
                     props = document.defaultView.getComputedStyle(testElem, "");
                     this.loop(props, function(prop) {
                        str += prop + props.getPropertyValue(prop);
                     });
                  } else if (testElem.currentStyle) { // IE
                     props = testElem.currentStyle;
                     this.loop(props, function(val, prop) {
                        str += prop + val;
                     });
                  }
                  return str;
               });
               var current = getStyles();
               this.wait(function() {
                  return getStyles() !== current;
               }, function() {
                  document.body.removeChild(testElem);
                  callback.call(link);
               }, function() {
                  G.raise('Could not confirm theme CSS');
               }, 2000);
            });
         }
         window.setTimeout(this.proxy(function() {
            var styles = this.getElements('link[rel="stylesheet"],style');
            if (styles.length) {
               styles[0].parentNode.insertBefore(link, styles[0]);
            } else {
               this.getElements('head')[0].appendChild(link);
            }
            // IE needs a manual touch to re-order the cascade
            if (G.IE) {
               this.loop(styles, function(el) {
                  this.touch(el);
               })
            }
         }), 2);
         return link;
      },
      moveOut : function( elem ) {
         return this.setStyle(elem, {
            position: 'absolute',
            left: '-10000px',
            display: 'block'
         });
      },
      moveIn : function( elem ) {
         return this.setStyle(elem, {
            left: '0'
         });
      },
      reveal : function( elem ) {
         return jQuery( elem ).show();
      },
      hide : function( elem ) {
         return jQuery( elem ).hide();
      },
      mix : function() {
         return jQuery.extend.apply(jQuery, arguments);
      },
      proxy : function( fn, scope ) {
         if ( typeof fn !== 'function' ) {
            return function() {};
         }
         scope = scope || this;
         return function() {
            return fn.apply( scope, Array.prototype.slice.call(arguments) );
         };
      },
      listen : function( elem, type, fn ) {
         jQuery(elem).bind( type, fn );
      },
      forget : function( elem, type, fn ) {
         jQuery(elem).unbind(type, fn);
      },
      dispatch : function( elem, type ) {
         jQuery(elem).trigger(type);
      },
      clone : function( elem, keepEvents ) {
         keepEvents = keepEvents || false;
         return jQuery(elem).clone(keepEvents)[0];
      },
      removeAttr : function( elem, attributes ) {
         this.loop( attributes.split(' '), function(attr) {
            jQuery(elem).removeAttr(attr);
         });
      },
      push : function( elem, obj ) {
         if (typeof obj.length == 'undefined') {
            obj.length = 0;
         }
         Array.prototype.push.call( obj, elem );
         return elem;
      },
      width : function( elem, outer ) {
         return this.meassure(elem, outer, 'Width');
      },
      height : function( elem, outer ) {
         return this.meassure(elem, outer, 'Height');
      },
      meassure : function(el, outer, meassure) {
         var elem = jQuery( el );
         var ret = outer ? elem['outer'+meassure](true) : elem[meassure.toLowerCase()]();
         // fix quirks mode
         if (G.QUIRK) {
            var which = meassure == "Width" ? [ "left", "right" ] : [ "top", "bottom" ];
            this.loop(which, function(s) {
               ret += elem.css('border-' + s + '-width').replace(/[^\d]/g,'') * 1;
               ret += elem.css('padding-' + s).replace(/[^\d]/g,'') * 1;
            });
         }
         return ret;
      },
      toggleClass : function( elem, className, arg ) {
         if (typeof arg !== 'undefined') {
            var fn = arg ? 'addClass' : 'removeClass';
            jQuery(elem)[fn](className);
            return this;
         }
         jQuery(elem).toggleClass(className);
         return this;
      },
      hideAll : function( el ) {
         jQuery(el).find('*').hide();
      },
      animate : function( el, options ) {
         options.complete = this.proxy(options.complete);
         var elem = jQuery(el);
         if (!elem.length) {
            return;
         }
         if (options.from) {
            elem.css(from);
         }
         elem.animate(options.to, {
            duration: options.duration || 400,
            complete: options.complete,
            easing: options.easing || 'swing'
         });
      },
      wait : function(fn, callback, err, max) {
         fn = this.proxy(fn);
         callback = this.proxy(callback);
         err = this.proxy(err);
         var ts = new Date().getTime() + (max || 3000);
         window.setTimeout(function() {
            if (fn()) {
               callback();
               return false;
            }
            if (new Date().getTime() >= ts) {
               err();
               callback();
               return false;
            }
            window.setTimeout(arguments.callee, 2);
         }, 2);
         return this;
      },
      loadScript: function(url, callback) {
         var script = document.createElement('script');
         script.src = url;
         script.async = true; // HTML5

         var done = false;
         var scope = this;

         // Attach handlers for all browsers
         script.onload = script.onreadystatechange = function() {
            if ( !done && (!this.readyState ||
               this.readyState == "loaded" || this.readyState == "complete") ) {
               done = true;
               
               if (typeof callback == 'function') {
                  callback.call(scope, this);
               }

               // Handle memory leak in IE
               script.onload = script.onreadystatechange = null;
            }
         };
         var s = document.getElementsByTagName('script')[0];
         s.parentNode.insertBefore(script, s);
       
         return this;
      },
      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;
         }
      }
   });

   var Picture = Base.extend({
      __constructor : function(order) {
         this.image = null;
         this.elem = this.create('div', 'galleria-image');
         this.setStyle( this.elem, {
            overflow: 'hidden',
            position: 'relative' // for IE Standards mode
         } );
         this.order = order;
         this.orig = {
            w:0,
            h:0,
            r:1
         };
      },
    
      cache: {},
      ready: false,
    
      add: function(src) {
         if (this.cache[src]) {
            return this.cache[src];
         }
         var image = new Image();
         image.src = src;
         this.setStyle(image, {
            display: 'block'
         });
         if (image.complete && image.width) {
            this.cache[src] = image;
            return image;
         }
         image.onload = (function(scope) {
            return function() {
               scope.cache[src] = image;
            };
         })(this);
         return image;
      },
    
      isCached: function(src) {
         return this.cache[src] ? this.cache[src].complete : false;
      },
    
      make: function(src) {
         var i = this.cache[src] || this.add(src);
         return this.clone(i);
      },
    
      load: function(src, callback) {
         callback = this.proxy( callback );
         this.elem.innerHTML = '';
         this.image = this.make( src );
         this.moveOut( this.image );
         this.elem.appendChild( this.image );
         this.wait(function() {
            return (this.image.complete && this.image.width);
         }, function() {
            this.orig = {
               h: this.h || this.image.height,
               w: this.w || this.image.width
            };
            callback( {
               target: this.image,
               scope: this
            } );
         }, function() {
            G.raise('image not loaded in 20 seconds: '+ src);
         }, 20000);
         return this;
      },
    
      scale: function(options) {
         var o = this.mix({
            width: 0,
            height: 0,
            min: undefined,
            max: undefined,
            margin: 0,
            complete: function(){},
            position: 'center',
            crop: false
         }, options);
         if (!this.image) {
            return this;
         }
         var width,height;
         this.wait(function() {
            width  = o.width || this.width(this.elem);
            height = o.height || this.height(this.elem);
            return width && height;
         }, function() {
            var nw = (width - o.margin*2) / this.orig.w;
            var nh = (height- o.margin*2) / this.orig.h;
            var rmap = {
               'true': Math.max(nw,nh),
               'width': nw,
               'height': nh,
               'false': Math.min(nw,nh)
            }
            var ratio = rmap[o.crop.toString()];
            if (o.max) {
               ratio = Math.min(o.max, ratio);
            }
            if (o.min) {
               ratio = Math.max(o.min, ratio);
            }
            this.setStyle(this.elem, {
               width: width,
               height: height
            });
            this.image.width = Math.ceil(this.orig.w * ratio);
            this.image.height = Math.ceil(this.orig.h * ratio);
            
            var getPosition = this.proxy(function(value, img, m) {
               var result = 0;
               if (/\%/.test(value)) {
                  var pos = parseInt(value) / 100;
                  result = Math.ceil(this.image[img] * -1 * pos + m * pos);
               } else {
                  result = parseInt(value);
               }
               return result;
            });
            
            var map = {
               'top': {
                  top: 0
               },
               'left': {
                  left: 0
               },
               'right': {
                  left: '100%'
               },
               'bottom': {
                  top: '100%'
               }
            }
            
            var pos = {};
            var mix = {};
            
            this.loop(o.position.toLowerCase().split(' '), function(p, i) {
               if (p == 'center') {
                  p = '50%';
               }
               pos[i ? 'top' : 'left'] = p;
            });

            this.loop(pos, function(val, key) {
               if (map.hasOwnProperty(val)) {
                  mix = this.mix(mix, map[val]);
               }
            });
            
            pos = pos.top ? this.mix(pos, mix) : mix;
            
            pos = this.mix({
               top: '50%',
               left: '50%'
            }, pos);

            this.setStyle(this.image, {
               position : 'relative',
               top :  getPosition(pos.top, 'height', height),
               left : getPosition(pos.left, 'width', width)
            });
            this.ready = true;
            o.complete.call(this);
         });
         return this;
      }
   });

   var G = window.Galleria = Base.extend({
    
      __constructor : function(options) {
         this.theme = undefined;
         this.options = options;
         this.playing = false;
         this.playtime = 5000;
         this.active = null;
         this.queue = {};
         this.data = {};
         this.dom = {};
        
         var kb = this.keyboard = {
            keys : {
               UP: 38,
               DOWN: 40,
               LEFT: 37,
               RIGHT: 39,
               RETURN: 13,
               ESCAPE: 27,
               BACKSPACE: 8
            },
            map : {},
            bound: false,
            press: this.proxy(function(e) {
               var key = e.keyCode || e.which;
               if (kb.map[key] && typeof kb.map[key] == 'function') {
                  kb.map[key].call(this, e);
               }
            }),
            attach: this.proxy(function(map) {
               for( var i in map ) {
                  var k = i.toUpperCase();
                  if ( kb.keys[k] ) {
                     kb.map[kb.keys[k]] = map[i];
                  }
               }
               if (!kb.bound) {
                  kb.bound = true;
                  this.listen(document, 'keydown', kb.press);
               }
            }),
            detach: this.proxy(function() {
               kb.bound = false;
               this.forget(document, 'keydown', kb.press);
            })
         };
        
         this.timeouts = {
            trunk: {},
            add: function(id, fn, delay, loop) {
               loop = loop || false;
               this.clear(id);
               if (loop) {
                  var self = this;
                  var old = fn;
                  fn = function() {
                     old();
                     self.add(id,fn,delay);
                  }
               }
               this.trunk[id] = window.setTimeout(fn,delay);
            },
            clear: function(id) {
               if (id && this.trunk[id]) {
                  window.clearTimeout(this.trunk[id]);
                  delete this.trunk[id];
               } else if (typeof id == 'undefined') {
                  for (var i in this.trunk) {
                     window.clearTimeout(this.trunk[i]);
                     delete this.trunk[i];
                  }
               }
            }
         };
        
         this.controls = {
            0 : null,
            1 : null,
            active : 0,
            swap : function() {
               this.active = this.active ? 0 : 1;
            },
            getActive : function() {
               return this[this.active];
            },
            getNext : function() {
               return this[Math.abs(this.active - 1)];
            }
         };
        
         var fs = this.fullscreen = {
            scrolled: 0,
            enter: this.proxy(function() {
               this.toggleClass( this.get('container'), 'fullscreen');
               fs.scrolled = jQuery(window).scrollTop();
               this.loop(fs.getElements(), function(el, i) {
                  fs.styles[i] = el.getAttribute('style');
                  el.removeAttribute('style');
               });
               this.setStyle(fs.getElements(0), {
                  position: 'fixed',
                  top: 0,
                  left: 0,
                  width: '100%',
                  height: '100%',
                  zIndex: 10000
               });
               var bh = {
                  height: '100%',
                  overflow: 'hidden',
                  margin:0,
                  padding:0
               };
               this.setStyle( fs.getElements(1), bh );
               this.setStyle( fs.getElements(2), bh );
               this.attachKeyboard({
                  escape: this.exitFullscreen,
                  right: this.next,
                  left: this.prev
               });
               this.rescale(this.proxy(function() {
                  this.trigger(G.FULLSCREEN_ENTER);
               }));
               this.listen(window, 'resize', fs.scale);
            }),
            scale: this.proxy(function() {
               this.rescale();
            }),
            exit: this.proxy(function() {
               this.toggleClass( this.get('container'), 'fullscreen', false);
               if (!fs.styles.length) {
                  return;
               }
               this.loop(fs.getElements(), function(el, i) {
                  el.removeAttribute('style');
                  el.setAttribute('style', fs.styles[i]);
               });
               window.scrollTo(0, fs.scrolled);
               this.detachKeyboard();
               this.rescale(this.proxy(function() {
                  this.trigger(G.FULLSCREEN_EXIT);
               }));
               this.forget(window, 'resize', fs.scale);
            }),
            styles: [],
            getElements: this.proxy(function(i) {
               var elems = [ this.get('container'), document.body, this.getElements('html')[0] ];
               return i ? elems[i] : elems;
            })
         };
        
         var idle = this.idle = {
            trunk: [],
            bound: false,
            add: this.proxy(function(elem, styles, fn) {
               if (!elem) {
                  return;
               }
               if (!idle.bound) {
                  idle.addEvent();
               }
               elem = jQuery(elem);
               var orig = {};
               for (var style in styles) {
                  orig[style] = elem.css(style);
               }
               elem.data('idle', {
                  from: orig,
                  to: styles,
                  complete: true,
                  busy: false,
                  fn: this.proxy(fn)
               });
               idle.addTimer();
               idle.trunk.push(elem);
            }),
            remove: this.proxy(function(elem) {
               elem = jQuery(elem);
               this.loop(idle.trunk, function(el, i) {
                  if ( el && !el.not(elem).length ) {
                     idle.show(elem);
                     idle.trunk.splice(i,1);
                  }
               });
               if (!idle.trunk.length) {
                  idle.removeEvent();
                  this.clearTimer('idle');
               }
            }),
            addEvent: this.proxy(function() {
               idle.bound = true;
               this.listen( this.get('container'), 'mousemove click', idle.showAll );
            }),
            removeEvent: this.proxy(function() {
               idle.bound = false;
               this.forget( this.get('container'), 'mousemove click', idle.showAll );
            }),
            addTimer: this.proxy(function() {
               this.addTimer('idle', this.proxy(function() {
                  idle.hide();
               }),this.options.idle_time);
            }),
            hide: this.proxy(function() {
               this.trigger(G.IDLE_ENTER);
               this.loop(idle.trunk, function(elem) {
                  var data = elem.data('idle');
                  data.complete = false;
                  data.fn();
                  elem.animate(data.to, {
                     duration: 600,
                     queue: false,
                     easing: 'swing'
                  });
               });
            }),
            showAll: this.proxy(function() {
               this.clearTimer('idle');
               this.loop(idle.trunk, function(elem) {
                  idle.show(elem);
               });
            }),
            show: this.proxy(function(elem) {
               var data = elem.data('idle');
               if (!data.busy && !data.complete) {
                  data.busy = true;
                  this.trigger(G.IDLE_EXIT);
                  elem.animate(data.from, {
                     duration: 300,
                     queue: false,
                     easing: 'swing',
                     complete: function() {
                        $(this).data('idle').busy = false;
                        $(this).data('idle').complete = true;
                     }
                  });
               }
               idle.addTimer();
            })
         };
        
         var lightbox = this.lightbox = {
            w: 0,
            h: 0,
            initialized: false,
            active: null,
            init: this.proxy(function() {
               if (lightbox.initialized) {
                  return;
               }
               lightbox.initialized = true;
               var elems = 'lightbox-overlay lightbox-box lightbox-content lightbox-shadow lightbox-title ' +
               'lightbox-info lightbox-close lightbox-prev lightbox-next lightbox-counter';
               this.loop(elems.split(' '), function(el) {
                  this.addElement(el);
                  lightbox[el.split('-')[1]] = this.get(el);
               });
                
               lightbox.image = new Galleria.Picture();
                
               this.append({
                  'lightbox-box': ['lightbox-shadow','lightbox-content', 'lightbox-close'],
                  'lightbox-info': ['lightbox-title','lightbox-counter','lightbox-next','lightbox-prev'],
                  'lightbox-content': ['lightbox-info']
               });
               document.body.appendChild( lightbox.overlay );
               document.body.appendChild( lightbox.box );
               lightbox.content.appendChild( lightbox.image.elem );
                
               lightbox.close.innerHTML = '&#215;';
               lightbox.prev.innerHTML = '&#9668;';
               lightbox.next.innerHTML = '&#9658;';
                
               this.listen( lightbox.close, 'click', lightbox.hide );
               this.listen( lightbox.overlay, 'click', lightbox.hide );
               this.listen( lightbox.next, 'click', lightbox.showNext );
               this.listen( lightbox.prev, 'click', lightbox.showPrev );
                
               if (this.options.lightbox_clicknext) {
                  this.setStyle( lightbox.image.elem, {
                     cursor:'pointer'
                  } );
                  this.listen( lightbox.image.elem, 'click', lightbox.showNext);
               }
               this.setStyle( lightbox.overlay, {
                  position: 'fixed',
                  display: 'none',
                  opacity: this.options.overlay_opacity,
                  top: 0,
                  left: 0,
                  width: '100%',
                  height: '100%',
                  background: this.options.overlay_background,
                  zIndex: 99990
               });
               this.setStyle( lightbox.box, {
                  position: 'fixed',
                  display: 'none',
                  width: 400,
                  height: 400,
                  top: '50%',
                  left: '50%',
                  marginTop: -200,
                  marginLeft: -200,
                  zIndex: 99991
               });
               this.setStyle( lightbox.shadow, {
                  background:'#000',
                  opacity:.4,
                  width: '100%',
                  height: '100%',
                  position: 'absolute'
               });
               this.setStyle( lightbox.content, {
                  backgroundColor:'#fff',
                  position: 'absolute',
                  top: 10,
                  left: 10,
                  right: 10,
                  bottom: 10,
                  overflow: 'hidden'
               });
               this.setStyle( lightbox.info, {
                  color: '#444',
                  fontSize: '11px',
                  fontFamily: 'arial,sans-serif',
                  height: 13,
                  lineHeight: '13px',
                  position: 'absolute',
                  bottom: 10,
                  left: 10,
                  right: 10,
                  opacity: 0
               });
               this.setStyle( lightbox.close, {
                  background: '#fff',
                  height: 20,
                  width: 20,
                  position: 'absolute',
                  textAlign: 'center',
                  cursor: 'pointer',
                  top: 10,
                  right: 10,
                  lineHeight: '22px',
                  fontSize: '16px',
                  fontFamily:'arial,sans-serif',
                  color:'#444',
                  zIndex: 99999
               });
               this.setStyle( lightbox.image.elem, {
                  top: 10,
                  left: 10,
                  right: 10,
                  bottom: 30,
                  position: 'absolute'
               });
               this.loop('title prev next counter'.split(' '), function(el) {
                  var css = {
                     display: 'inline',
                     'float':'left'
                  };
                  if (el != 'title') {
                     this.mix(css, {
                        'float': 'right'
                     });
                     if (el != 'counter') {
                        this.mix(css, {
                           cursor: 'pointer'
                        });
                     } else {
                        this.mix(css, {
                           marginLeft: 8
                        });
                     }
                  }
                  this.setStyle(lightbox[el], css);
               });
               this.loop('prev next close'.split(' '), function(el) {
                  this.listen(lightbox[el], 'mouseover', this.proxy(function() {
                     this.setStyle(lightbox[el], {
                        color:'#000'
                     });
                  }));
                  this.listen(lightbox[el], 'mouseout', this.proxy(function() {
                     this.setStyle(lightbox[el], {
                        color:'#444'
                     });
                  }));
               });
               this.trigger(G.LIGHTBOX_OPEN);
            }),
            rescale: this.proxy(function(e) {
               var w = Math.min( this.width(window), lightbox.w );
               var h = Math.min( this.height(window), lightbox.h );
               var r = Math.min( (w-60) / lightbox.w, (h-80) / lightbox.h );
               var destW = (lightbox.w * r) + 40;
               var destH = (lightbox.h * r) + 60;
               var dest = {
                  width: destW,
                  height: destH,
                  marginTop: Math.ceil(destH/2)*-1,
                  marginLeft: Math.ceil(destW)/2*-1
               }
               if (!e) {
                  this.animate( lightbox.box, {
                     to: dest,
                     duration: this.options.lightbox_transition_speed,
                     easing: 'galleria',
                     complete: function() {
                        this.trigger({
                           type: G.LIGHTBOX_IMAGE,
                           imageTarget: lightbox.image.image
                        });
                        this.moveIn( lightbox.image.image );
                        this.animate( lightbox.image.image, {
                           to: {
                              opacity:1
                           },
                           duration: this.options.lightbox_fade_speed
                        } );
                        this.animate( lightbox.info, {
                           to: {
                              opacity:1
                           },
                           duration: this.options.lightbox_fade_speed
                        } );
                     }
                  });
               } else {
                  this.setStyle( lightbox.box, dest );
               }
            }),
            hide: this.proxy(function() {
               lightbox.image.image = null;
               this.forget(window, 'resize', lightbox.rescale);
               this.hide( lightbox.box );
               this.setStyle( lightbox.info, {
                  opacity: 0
               } );
               this.animate( lightbox.overlay, {
                  to: {
                     opacity: 0
                  },
                  duration: 200,
                  complete: function() {
                     this.hide( lightbox.overlay );
                     this.setStyle( lightbox.overlay, {
                        opacity: this.options.overlay_opacity
                        });
                     this.trigger(G.LIGHTBOX_CLOSE);
                  }
               });
            }),
            showNext: this.proxy(function() {
               lightbox.show(this.getNext(lightbox.active));
            }),
            showPrev: this.proxy(function() {
               lightbox.show(this.getPrev(lightbox.active));
            }),
            show: this.proxy(function(index) {
               if (!lightbox.initialized) {
                  lightbox.init();
               }
               this.forget( window, 'resize', lightbox.rescale );
               index = typeof index == 'number' ? index : this.getIndex();
               lightbox.active = index;
                
               var data = this.getData(index);
               var total = this.data.length;
               this.setStyle( lightbox.info, {
                  opacity:0
               } );

               lightbox.image.load( data.image, function(o) {
                  lightbox.w = o.scope.orig.w;
                  lightbox.h = o.scope.orig.h;
                  this.setStyle(o.target, {
                     width: '100.5%',
                     height: '100.5%',
                     top:0,
                     zIndex: 99998,
                     opacity: 0
                  });
                  lightbox.title.innerHTML = data.title;
                  lightbox.counter.innerHTML = (index+1) + ' / ' + total;
                  this.listen( window, 'resize', lightbox.rescale );
                  lightbox.rescale();
               });
               this.reveal( lightbox.overlay );
               this.reveal( lightbox.box );
            })
         };
        
         this.thumbnails = {
            width: 0
         };
         this.stageWidth = 0;
         this.stageHeight = 0;
        
         var elems = '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';
         elems = elems.split(' ');
        
         this.loop(elems, function(blueprint) {
            this.dom[ blueprint ] = this.create('div', 'galleria-' + blueprint);
         });
        
         this.target = this.dom.target = options.target.nodeName ?
         options.target : this.getElements(options.target)[0];

         if (!this.target) {
            G.raise('Target not found.');
         }
      },
    
      init: function() {
        
         this.options = this.mix(G.theme.defaults, this.options);
         this.options = this.mix({
            autoplay: false,
            carousel: true,
            carousel_follow: true,
            carousel_speed: 400,
            carousel_steps: 'auto',
            clicknext: false,
            data_config : function( elem ) {
               return {};
         },
         data_image_selector: 'img',
         data_source: this.target,
         data_type: 'auto',
         debug: false,
         extend: function(options) {},
            height: 'auto',
            idle_time: 3000,
            image_crop: false,
            image_margin: 0,
            image_pan: false,
            image_pan_smoothness: 12,
            image_position: '50%',
            keep_source: false,
            lightbox_clicknext: true,
            lightbox_fade_speed: 200,
            lightbox_transition_speed: 300,
            link_source_images: true,
            max_scale_ratio: undefined,
            min_scale_ratio: undefined,
            on_image: function(img,thumb) {},
            overlay_opacity: .85,
            overlay_background: '#0b0b0b',
            popup_links: false,
            preload: 2,
            queue: true,
            show: 0,
            show_info: true,
            show_counter: true,
            show_imagenav: true,
            thumb_crop: true,
            thumb_fit: true,
            thumb_margin: 0,
            thumb_quality: 'auto',
            thumbnails: true,
            transition: G.transitions.fade,
            transition_speed: 400
         }, this.options);
        
      var o = this.options;
        
      this.bind(G.DATA, function() {
         this.run();
      });
        
      if (o.clicknext) {
         this.loop(this.data, function(data) {
            delete data.link;
         });
         this.setStyle(this.get('stage'), {
            cursor: 'pointer'
         } );
         this.listen(this.get('stage'), 'click', this.proxy(function() {
            this.next();
         }));
      }
        
      this.bind(G.IMAGE, function(e) {
         o.on_image.call(this, e.imageTarget, e.thumbTarget);
      });
        
      this.bind(G.READY, function() {
         if (G.History) {
            G.History.change(this.proxy(function(e) {
               var val = parseInt(e.value.replace(/\//,''));
               if (isNaN(val)) {
                  window.history.go(-1);
               } else {
                  this.show(val, undefined, true);
               }
            }));
         }

         G.theme.init.call(this, o);
         o.extend.call(this, o);
            
         if (/^[0-9]{1,4}$/.test(hash) && G.History) {
            this.show(hash, undefined, true);
         } else if (typeof o.show == 'number') {
            this.show(o.show);
         }
            
         if (o.autoplay) {
            if (typeof o.autoplay == 'number') {
               this.playtime = o.autoplay;
            }
            this.trigger( G.PLAY );
            this.playing = true;
         }
      });
      this.load();
      return this;
   },
    
   bind : function(type, fn) {
      this.listen( this.get('container'), type, this.proxy(fn) );
      return this;
   },
    
   unbind : function(type) {
      this.forget( this.get('container'), type );
   },
    
   trigger : function( type ) {
      type = typeof type == 'object' ?
      this.mix( type, {
         scope: this
      } ) :
{
         type: type,
         scope: this
      };
      this.dispatch( this.get('container'), type );
      return this;
   },
    
   addIdleState: function() {
      this.idle.add.apply(this, arguments);
      return this;
   },
    
   removeIdleState: function() {
      this.idle.remove.apply(this, arguments);
      return this;
   },
    
   enterIdleMode: function() {
      this.idle.hide();
      return this;
   },
    
   exitIdleMode: function() {
      this.idle.show();
      return this;
   },
    
   addTimer: function() {
      this.timeouts.add.apply(this.timeouts, arguments);
      return this;
   },
    
   clearTimer: function() {
      this.timeouts.clear.apply(this.timeouts, arguments);
      return this;
   },
    
   enterFullscreen: function() {
      this.fullscreen.enter.apply(this, arguments);
      return this;
   },
    
   exitFullscreen: function() {
      this.fullscreen.exit.apply(this, arguments);
      return this;
   },
    
   openLightbox: function() {
      this.lightbox.show.apply(this, arguments);
   },
    
   closeLightbox: function() {
      this.lightbox.hide.apply(this, arguments);
   },
    
   getActive: function() {
      return this.controls.getActive();
   },
    
   getActiveImage: function() {
      return this.getActive().image || null;
   },
    
   run : function() {
      var o = this.options;
      if (!this.data.length) {
         G.raise('Data is empty.');
      }
      if (!o.keep_source && !Galleria.IE) {
         this.target.innerHTML = '';
      }
      this.loop(2, function() {
         var image = new Picture();
         this.setStyle( image.elem, {
            position: 'absolute',
            top: 0,
            left: 0
         });
         this.setStyle(this.get( 'images' ), {
            position: 'relative',
            top: 0,
            left: 0,
            width: '100%',
            height: '100%'
         });
         this.get( 'images' ).appendChild( image.elem );
         this.push(image, this.controls);
      }, this);
        
      if (o.carousel) {
         // try the carousel on each thumb load
         this.bind(G.THUMBNAIL, this.parseCarousel);
      }
        
      this.build();
      this.target.appendChild(this.get('container'));
        
      this.loop(['info','counter','image-nav'], function(el) {
         if ( o[ 'show_'+el.replace(/-/,'') ] === false ) {
            this.moveOut( this.get(el) );
         }
      });
        
      var w = 0;
      var h = 0;
        
      for( var i=0; this.data[i]; i++ ) {
         var thumb;
         if (o.thumbnails === true) {
            thumb = new Picture(i);
            var src = this.data[i].thumb || this.data[i].image;
                
            this.get( 'thumbnails' ).appendChild( thumb.elem );
                
            w = this.getStyle(thumb.elem, 'width', true);
            h = this.getStyle(thumb.elem, 'height', true);
                
            // grab & reset size for smoother thumbnail loads
            if (o.thumb_fit && o.thum_crop !== true) {
               this.setStyle(thumb.elem, {
                  width:0,
                  height: 0
               });
            }
                
            thumb.load(src, this.proxy(function(e) {
               var orig = e.target.width;
               e.scope.scale({
                  width: w,
                  height: h,
                  crop: o.thumb_crop,
                  margin: o.thumb_margin,
                  complete: this.proxy(function() {
                     // shrink thumbnails to fit
                     var top = ['left', 'top'];
                     var arr = ['Height', 'Width'];
                     this.loop(arr, function(m,i) {
                        if ((!o.thumb_crop || o.thumb_crop == m.toLowerCase()) && o.thumb_fit) {
                           var css = {};
                           var opp = arr[Math.abs(i-1)].toLowerCase();
                           css[opp] = e.target[opp];
                           this.setStyle(e.target.parentNode, css);
                           var css = {};
                           css[top[i]] = 0;
                           this.setStyle(e.target, css);
                        }
                        e.scope['outer'+m] = this[m.toLowerCase()](e.target.parentNode, true);
                     });
                     // set high quality if downscale is moderate
                     this.toggleQuality(e.target, o.thumb_quality === true || ( o.thumb_quality == 'auto' && orig < e.target.width * 3 ));
                     this.trigger({
                        type: G.THUMBNAIL,
                        thumbTarget: e.target,
                        thumbOrder: e.scope.order
                     });
                  })
               });
            }));
            if (o.preload == 'all') {
               thumb.add(this.data[i].image);
            }
         } else if (o.thumbnails == 'empty') {
            thumb = {
               elem:  this.create('div','galleria-image'),
               image: this.create('span','img')
            };
            thumb.elem.appendChild(thumb.image);
            this.get( 'thumbnails' ).appendChild( thumb.elem );
         } else {
            thumb = {
               elem: false,
               image: false
            }
         }
         var activate = this.proxy(function(e) {
            this.pause();
            e.preventDefault();
            var ind = e.currentTarget.rel;
            if (this.active !== ind) {
               this.show( ind );
            }
         });
         if (o.thumbnails !== false) {
            thumb.elem.rel = i;
            this.listen(thumb.elem, 'click', activate);
         }
         if (o.link_source_images && o.keep_source && this.data[i].elem) {
            this.data[i].elem.rel = i;
            this.listen(this.data[i].elem, 'click', activate);
         }
         this.push(thumb, this.thumbnails );
      }
      this.setStyle( this.get('thumbnails'), {
         opacity: 0
      } );
        
      if (o.height && o.height != 'auto') {
         this.setStyle( this.get('container'), {
            height: o.height
         })
      }
        
      this.wait(function() {
         // the most sensitive piece of code in Galleria, we need to have all the meassurements right to continue
         var cssHeight = this.getStyle( this.get( 'container' ), 'height', true );
         this.stageWidth = this.width(this.get( 'stage' ));
         this.stageHeight = this.height( this.get( 'stage' ));
         if (this.stageHeight < 50 && o.height == 'auto') {
            // no height detected for sure, set reasonable ratio (16/9)
            this.setStyle( this.get( 'container' ),  {
               height: Math.round( this.stageWidth*9/16 )
            } );
            this.stageHeight = this.height( this.get( 'stage' ));
         }
         return this.stageHeight && this.stageWidth;
      }, function() {
         this.listen(this.get('image-nav-right'), 'click', this.proxy(function(e) {
            if (o.clicknext) {
               e.stopPropagation();
            }
            this.pause();
            this.next();
         }));
         this.listen(this.get('image-nav-left'), 'click', this.proxy(function(e) {
            if (o.clicknext) {
               e.stopPropagation();
            }
            this.pause();
            this.prev();
         }));
         this.setStyle( this.get('thumbnails'), {
            opacity: 1
         } );
         this.trigger( G.READY );
      }, function() {
         G.raise('Galleria could not load properly. Make sure stage has a height and width.');
      }, 5000);
   },
    
   mousePosition : function(e) {
      return {
         x: e.pageX - this.$('stage').offset().left + jQuery(document).scrollLeft(),
         y: e.pageY - this.$('stage').offset().top + jQuery(document).scrollTop()
      };
   },
    
   addPan : function(img) {
      var c = this.options.image_crop;
      if ( c === false ) {
         return;
      }
      if (this.options.image_crop === false) {
         return;
      }
      img = img || this.controls.getActive().image;
      if (img.tagName.toUpperCase() != 'IMG') {
         G.raise('Could not add pan');
      }
        
      var x = img.width/2;
      var y = img.height/2;
      var curX = destX = this.getStyle(img, 'left', true) || 0;
      var curY = destY = this.getStyle(img, 'top', true) || 0;
      var distX = 0;
      var distY = 0;
      var active = false;
      var ts = new Date().getTime();
      var calc = this.proxy(function(e) {
         if (new Date().getTime() - ts < 50) {
            return;
         }
         active = true;
         x = this.mousePosition(e).x;
         y = this.mousePosition(e).y;
      });
      var loop = this.proxy(function(e) {
         if (!active) {
            return;
         }
         distX = img.width - this.stageWidth;
         distY = img.height - this.stageHeight;
         destX = x / this.stageWidth * distX * -1;
         destY = y / this.stageHeight * distY * -1;
         curX += (destX - curX) / this.options.image_pan_smoothness;
         curY += (destY - curY) / this.options.image_pan_smoothness;
         if (distY > 0) {
            this.setStyle(img, {
               top: Math.max(distY*-1, Math.min(0, curY))
            });
         }
         if (distX > 0) {
            this.setStyle(img, {
               left: Math.max(distX*-1, Math.min(0, curX))
            });
         }
      });
      this.forget(this.get('stage'), 'mousemove');
      this.listen(this.get('stage'), 'mousemove', calc);
      this.addTimer('pan', loop, 30, true);
   },
    
   removePan: function() {
      this.forget(this.get('stage'), 'mousemove');
      this.clearTimer('pan');
   },
    
   parseCarousel : function(e) {
      var w = 0;
      var h = 0;
      var hooks = [0];
      this.loop(this.thumbnails, function(thumb,i) {
         if (thumb.ready) {
            w += thumb.outerWidth || this.width(thumb.elem, true);
            hooks[i+1] = w;
            h = Math.max(h, this.height(thumb.elem));
         }
      });
      this.toggleClass(this.get('thumbnails-container'), 'galleria-carousel', w > this.stageWidth);
      this.setStyle(this.get('thumbnails-list'), {
         overflow:'hidden',
         position: 'relative' // for IE Standards mode
      });
      this.setStyle(this.get('thumbnails'), {
         width: w,
         height: h,
         position: 'relative',
         overflow: 'hidden'
      });
      if (!this.carousel) {
         this.initCarousel();
      }
      this.carousel.max = w;
      this.carousel.hooks = hooks;
      this.carousel.width = this.width(this.get('thumbnails-list'));
      this.carousel.setClasses();
   },
    
   initCarousel : function() {
      var c = this.carousel = {
         right: this.get('thumb-nav-right'),
         left: this.get('thumb-nav-left'),
         update: this.proxy(function() {
            this.parseCarousel();
         // todo: fix so the carousel moves to the left
         }),
         width: 0,
         current: 0,
         set: function(i) {
            i = Math.max(i,0);
            while (c.hooks[i-1] + c.width > c.max && i >= 0) {
               i--;
            }
            c.current = i;
            c.animate();
         },
         hooks: [],
         getLast: function(i) {
            i = i || c.current
                
            return i-1;
         },
         follow: function(i) {
            if (i == 0 || i == c.hooks.length-2) {
               c.set(i);
               return;
            }
            var last = c.current;
            while(c.hooks[last] - c.hooks[c.current] < c.width && last<= c.hooks.length) {
               last++;
            }
            if (i-1 < c.current) {
               c.set(i-1)
            } else if (i+2 > last) {
               c.set(i - last + c.current + 2)
            }
         },
         max: 0,
         setClasses: this.proxy(function() {
            this.toggleClass( c.left, 'disabled', !c.current );
            this.toggleClass( c.right, 'disabled', c.hooks[c.current] + c.width > c.max );
         }),
         animate: this.proxy(function(to) {
            c.setClasses();
            this.animate( this.get('thumbnails'), {
               to: {
                  left: c.hooks[c.current] * -1
               },
               duration: this.options.carousel_speed,
               easing: 'galleria',
               queue: false
            });
         })
      };
      this.listen(c.right, 'click', this.proxy(function(e) {
         if (this.options.carousel_steps == 'auto') {
            for (var i = c.current; i<c.hooks.length; i++) {
               if (c.hooks[i] - c.hooks[c.current] > c.width) {
                  c.set(i-2);
                  break;
               }
            }
         } else {
            c.set(c.current + this.options.carousel_steps);
         }
      }));
      this.listen(c.left, 'click', this.proxy(function(e) {
         if (this.options.carousel_steps == 'auto') {
            for (var i = c.current; i>=0; i--) {
               if (c.hooks[c.current] - c.hooks[i] > c.width) {
                  c.set(i+2);
                  break;
               } else if (i == 0) {
                  c.set(0);
                  break;
               }
            }
         } else {
            c.set(c.current - this.options.carousel_steps);
         }
      }));
   },
   addElement : function() {
      this.loop(arguments, function(b) {
         this.dom[b] = this.create('div', 'galleria-' + b );
      });
      return this;
   },
   getDimensions: function(i) {
      return {
         w: i.width,
         h: i.height,
         cw: this.stageWidth,
         ch: this.stageHeight,
         top: (this.stageHeight - i.height) / 2,
         left: (this.stageWidth - i.width) / 2
      };
   },
   attachKeyboard : function(map) {
      this.keyboard.attach(map);
      return this;
   },
   detachKeyboard : function() {
      this.keyboard.detach();
      return this;
   },
   build : function() {
      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']
      });
        
      this.current = this.create('span', 'current');
      this.current.innerHTML = '-';
      this.get('counter').innerHTML = ' / <span class="total">' + this.data.length + '</span>';
      this.prependChild('counter', this.current);
   },
    
   appendChild : function(parent, child) {
      try {
         this.get(parent).appendChild(this.get(child));
      } catch(e) {}
   },
    
   prependChild : function(parent, child) {
      var child = this.get(child) || child;
      try {
         this.get(parent).insertBefore(child, this.get(parent).firstChild);
      } catch(e) {}
   },
    
   remove : function() {
      var a = Array.prototype.slice.call(arguments);
      this.jQuery(a.join(',')).remove();
   },
    
   append : function(data) {
      for( var i in data) {
         if (data[i].constructor == Array) {
            for(var j=0; data[i][j]; j++) {
               this.appendChild(i, data[i][j]);
            }
         } else {
            this.appendChild(i, data[i]);
         }
      }
      return this;
   },
    
   rescale : function(width, height, callback) {
        
      var o = this.options;
      callback = this.proxy(callback);
        
      if (typeof width == 'function') {
         callback = this.proxy(width);
         width = undefined;
      }
        
      var scale = this.proxy(function() {
         this.stageWidth = width || this.width(this.get('stage'));
         this.stageHeight = height || this.height(this.get('stage'));
         this.controls.getActive().scale({
            width: this.stageWidth,
            height: this.stageHeight,
            crop: o.image_crop,
            max: o.max_scale_ratio,
            min: o.min_scale_ratio,
            margin: o.image_margin,
            position: o.image_position
         });
         if (this.carousel) {
            this.carousel.update();
         }
         this.trigger(G.RESCALE)
         callback();
      });
      if ( G.WEBKIT && !width && !height ) {
         this.addTimer('scale', scale, 5);// webkit is too fast
      } else {
         scale.call(this);
      }
   },
    
   show : function(index, rewind, history) {
      if (!this.options.queue && this.queue.stalled) {
         return;
      }
      rewind = typeof rewind != 'undefined' ? !!rewind : index < this.active;
      history = history || false;
      index = Math.max(0, Math.min(parseInt(index), this.data.length - 1));
      if (!history && G.History) {
         G.History.value(index.toString());
         return;
      }
      this.active = index;
      this.push([index,rewind], this.queue);
      if (!this.queue.stalled) {
         this.showImage();
      }
      return this;
   },
    
   showImage : function() {
      var o = this.options;
      var args = this.queue[0];
      var index = args[0];
      var rewind = !!args[1];
      if (o.carousel && this.carousel && o.carousel_follow) {
         this.carousel.follow(index);
      }
        
      var src = this.getData(index).image;
      var active = this.controls.getActive();
      var next = this.controls.getNext();
      var cached = next.isCached(src);
      var complete = this.proxy(function() {
         this.queue.stalled = false;
         this.toggleQuality(next.image, o.image_quality);
         this.setStyle( active.elem, {
            zIndex : 0
         } );
         this.setStyle( next.elem, {
            zIndex : 1
         } );
         this.trigger({
            type: G.IMAGE,
            index: index,
            imageTarget: next.image,
            thumbTarget: this.thumbnails[index].image
         });
         if (o.image_pan) {
            this.addPan(next.image);
         }
         this.controls.swap();
         this.moveOut( active.image );
         if (this.getData( index ).link) {
            this.setStyle( next.image, {
               cursor: 'pointer'
            } );
            this.listen( next.image, 'click', this.proxy(function() {
               if (o.popup_links) {
                  var win = window.open(this.getData( index ).link, '_blank');
               } else {
                  window.location.href = this.getData( index ).link;
               }
            }));
         }
         Array.prototype.shift.call( this.queue );
         if (this.queue.length) {
            this.showImage();
         }
         this.playCheck();
      });
      if (typeof o.preload == 'number' && o.preload > 0) {
         var p,n = this.getNext();
         try {
            for (var i = o.preload; i>0; i--) {
               p = new Picture();
               p.add(this.getData(n).image);
               n = this.getNext(n);
            }
         } catch(e) {}
      }
      this.trigger( {
         type: G.LOADSTART,
         cached: cached,
         index: index,
         imageTarget: next.image,
         thumbTarget: this.thumbnails[index].image
      } );
        
      jQuery(this.thumbnails[index].elem).addClass('active').siblings('.active').removeClass('active');
        
      next.load( src, this.proxy(function(e) {
         next.scale({
            width: this.stageWidth,
            height: this.stageHeight,
            crop: o.image_crop,
            max: o.max_scale_ratio,
            min: o.min_scale_ratio,
            margin: o.image_margin,
            position: o.image_position,
            complete: this.proxy(function() {
               if (active.image) {
                  this.toggleQuality(active.image, false);
               }
               this.toggleQuality(next.image, false);
               this.trigger({
                  type: G.LOADFINISH,
                  cached: cached,
                  index: index,
                  imageTarget: next.image,
                  thumbTarget: this.thumbnails[index].image
               });
               this.queue.stalled = true;
               var transition = G.transitions[o.transition] || o.transition;
               this.removePan();
               this.setInfo(index);
               this.setCounter(index);
               if (typeof transition == 'function') {
                  transition.call(this, {
                     prev: active.image,
                     next: next.image,
                     rewind: rewind,
                     speed: o.transition_speed || 400
                  }, complete );
               } else {
                  complete();
               }
            })
         });
      }));
   },
    
   getNext : function(base) {
      base = typeof base == 'number' ? base : this.active;
      return base == this.data.length - 1 ? 0 : base + 1;
   },
    
   getPrev : function(base) {
      base = typeof base == 'number' ? base : this.active;
      return base === 0 ? this.data.length - 1 : base - 1;
   },
    
   next : function() {
      if (this.data.length > 1) {
         this.show(this.getNext(), false);
      }
      return this;
   },
    
   prev : function() {
      if (this.data.length > 1) {
         this.show(this.getPrev(), true);
      }
      return this;
   },
    
   get : function( elem ) {
      return elem in this.dom ? this.dom[ elem ] : null;
   },
    
   getData : function( index ) {
      return this.data[index] || this.data[this.active];
   },
    
   getIndex : function() {
      return typeof this.active === 'number' ? this.active : 0;
   },
    
   play : function(delay) {
      this.trigger( G.PLAY );
      this.playing = true;
      this.playtime = delay || this.playtime;
      this.playCheck();
      return this;
   },
    
   pause : function() {
      this.trigger( G.PAUSE );
      this.playing = false;
      return this;
   },
    
   playCheck : function() {
      var p = 0;
      var i = 20; // the interval
      var ts = function() {
         return new Date().getTime();
      }
      var now = ts();
      if (this.playing) {
         this.clearTimer('play');
         var fn = this.proxy(function() {
            p = ts() - now;
            if ( p >= this.playtime && this.playing ) {
               this.clearTimer('play');
               this.next();
               return;
            }
            if ( this.playing ) {
               this.trigger({
                  type: G.PROGRESS,
                  percent: Math.ceil(p / this.playtime * 100),
                  seconds: Math.floor(p/1000),
                  milliseconds: p
               });
               this.addTimer('play', fn, i);
            }
         });
         this.addTimer('play', fn, i);
      }
   },
    
   setActive: function(val) {
      this.active = val;
      return this;
   },
    
   setCounter: function(index) {
      index = index || this.active;
      this.current.innerHTML = index+1;
      return this;
   },
    
   setInfo : function(index) {
      var data = this.getData(index || this.active);
      this.loop(['title','description','author'], function(type) {
         var elem = this.get('info-'+type);
         var fn = data[type] && data[type].length ? 'reveal' : 'hide';
         this[fn](elem);
         if (data[type]) {
            elem.innerHTML = data[type];
         }
      });
      return this;
   },
    
   hasInfo : function(index) {
      var d = this.getData(index);
      var check = 'title description author'.split(' ');
      for ( var i=0; check[i]; i++ ) {
         if ( d[ check[i] ] && d[ check[i] ].length ) {
            return true;
         }
      }
      return false;
   },
    
   getDataObject : function(o) {
      var obj = {
         image: '',
         thumb: '',
         title: '',
         description: '',
         author: '',
         link: ''
      };
      return o ? this.mix(obj,o) : obj;
   },
    
   jQuery : function( str ) {
      var ret = [];
      this.loop(str.split(','), this.proxy(function(elem) {
         elem = elem.replace(/^\s\s*/, "").replace(/\s\s*$/, "");
         if (this.get(elem)) {
            ret.push(elem);
         }
      }));
      var jQ = jQuery(this.get(ret.shift()));
      this.loop(ret, this.proxy(function(elem) {
         jQ = jQ.add(this.get(elem));
      }));
      return jQ;
   },
    
   $ : function( str ) {
      return this.jQuery( str );
   },
    
   toggleQuality : function(img, force) {
      if (!G.IE7 || typeof img == 'undefined' || !img) {
         return this;
      }
      if (typeof force === 'undefined') {
         force = img.style.msInterpolationMode == 'nearest-neighbor';
      }
      img.style.msInterpolationMode = force ? 'bicubic' : 'nearest-neighbor';

      return this;
   },
    
   unload : function() {
      //TODO
      },
    
      load : function() {
         var loaded = 0;
         var o = this.options;
         if (
            (o.data_type == 'auto' && 
               typeof o.data_source == 'object' &&
               !(o.data_source instanceof jQuery) &&
               !o.data_source.tagName
               ) || o.data_type == 'json' || o.data_source.constructor == Array ) {
            this.data = o.data_source;
            this.trigger( G.DATA );
            
         } else { // assume selector
            var images = jQuery(o.data_source).find(o.data_image_selector);
            var getData = this.proxy(function( elem ) {
               var i,j,anchor = elem.parentNode;
               if (anchor && anchor.nodeName == 'A') {
                  if (anchor.href.match(/\.(png|gif|jpg|jpeg)/i)) {
                     i = anchor.href;
                  } else {
                     j = anchor.href;
                  }
               }
               var obj = this.getDataObject({
                  title: elem.title,
                  thumb: elem.src,
                  image: i || elem.src,
                  description: elem.alt,
                  link: j || elem.getAttribute('longdesc'),
                  elem: elem
               });
               return this.mix(obj, o.data_config( elem ) );
            });
            this.loop(images, function( elem ) {
               loaded++;
               this.push( getData( elem ), this.data );
               if (!o.keep_source && !Galleria.IE) {
                  elem.parentNode.removeChild(elem);
               }
               if ( loaded == images.length ) {
                  this.trigger( G.DATA );
               }
            });
         }
      }
   });

G.log = function() {
   try {
      console.log.apply( console, Array.prototype.slice.call(arguments) );
   } catch(e) {
      try {
         opera.postError.apply( opera, arguments );
      } catch(er) {
         alert( Array.prototype.join.call( arguments, " " ) );
      }
   }
};

var nav = navigator.userAgent.toLowerCase();
   var hash = window.location.hash.replace(/#\//,'');

   G.DATA = 'data';
   G.READY = 'ready';
   G.THUMBNAIL = 'thumbnail';
   G.LOADSTART = 'loadstart';
   G.LOADFINISH = 'loadfinish';
   G.IMAGE = 'image';
   G.THEMELOAD = 'themeload';
   G.PLAY = 'play';
   G.PAUSE = 'pause';
   G.PROGRESS = 'progress';
   G.FULLSCREEN_ENTER = 'fullscreen_enter';
   G.FULLSCREEN_EXIT = 'fullscreen_exit';
   G.IDLE_ENTER = 'idle_enter';
   G.IDLE_EXIT = 'idle_exit';
   G.RESCALE = 'rescale';
   G.LIGHTBOX_OPEN = 'lightbox_open';
   G.LIGHTBOX_CLOSE = 'lightbox_cloe';
   G.LIGHTBOX_IMAGE = 'lightbox_image';

   G.IE8 = (typeof(XDomainRequest) !== 'undefined')
   G.IE7 = !!(window.XMLHttpRequest && document.expando);
   G.IE6 = (!window.XMLHttpRequest);
   G.IE = !!(G.IE6 || G.IE7);
   G.WEBKIT = /webkit/.test( nav );
   G.SAFARI = /safari/.test( nav );
   G.CHROME = /chrome/.test( nav );
   G.QUIRK = (G.IE && document.compatMode && document.compatMode == "BackCompat");
   G.MAC = /mac/.test(navigator.platform.toLowerCase());
   G.OPERA = !!window.opera

   G.Picture = Picture;

   G.addTheme = function(obj) {
      var theme = {};
      var orig = ['name','author','version','defaults','init'];
      var proto = G.prototype;
      proto.loop(orig, function(val) {
         if (!obj[ val ]) {
            G.raise(val+' not specified in theme.');
         }
         if (val != 'name' && val != 'init') {
            theme[val] = obj[val];
         }
      });
      theme.init = obj.init;
    
      if (obj.css) {
         var css;
         proto.loop(proto.getElements('script'), function(el) {
            var reg = new RegExp('galleria.' + obj.name.toLowerCase() + '.js');
            if(reg.test(el.src)) {
               css = el.src.replace(/[^\/]*$/, "") + obj.css;
               proto.loadCSS(css, function() {
                  G.theme = theme;
                  jQuery(document).trigger( G.THEMELOAD );
               });
            }
         });
         if (!css) {
            G.raise('No theme CSS loaded');
         }
      }
      return theme;
   };

   G.raise = function(msg) {
      if ( G.debug ) {
         throw new Error( msg );
      }
   };

   G.loadTheme = function(src) {
      G.prototype.loadScript(src);
   };

   G.galleries = [];
   G.get = function(index) {
      if (G.galleries[index]) {
         return G.galleries[index];
      } else if (typeof index !== 'number') {
         return G.galleries;
      } else {
         G.raise('Gallery index not found');
      }
   }

   jQuery.easing.galleria = function (x, t, b, c, d) {
      if ((t/=d/2) < 1) {
         return c/2*t*t*t*t + b;
      }
      return -c/2 * ((t-=2)*t*t*t - 2) + b;
   };

   G.transitions = {
      add: function(name, fn) {
         if (name != arguments.callee.name ) {
            this[name] = fn;
         }
      },
      fade: function(params, complete) {
         jQuery(params.next).show().css('opacity',0).animate({
            opacity: 1
         }, params.speed, complete);
         if (params.prev) {
            jQuery(params.prev).css('opacity',1).animate({
               opacity: 0
            }, params.speed);
         }
      },
      flash: function(params, complete) {
         jQuery(params.next).css('opacity',0);
         if (params.prev) {
            jQuery(params.prev).animate({
               opacity: 0
            }, (params.speed/2), function() {
               jQuery(params.next).animate({
                  opacity: 1
               }, params.speed, complete);
            });
         } else {
            jQuery(params.next).animate({
               opacity: 1
            }, params.speed, complete);
         }
      },
      pulse: function(params, complete) {
         if (params.prev) {
            jQuery(params.prev).css('opacity',0);
         }
         jQuery(params.next).css('opacity',0).animate({
            opacity:1
         }, params.speed, complete);
      },
      slide: function(params, complete) {
         var image = jQuery(params.next).parent();
         var images =  this.$('images');
         var width = this.stageWidth;
         image.css({
            left: width * ( params.rewind ? -1 : 1 )
         });
         images.animate({
            left: width * ( params.rewind ? 1 : -1 )
         }, {
            duration: params.speed,
            queue: false,
            easing: 'galleria',
            complete: function() {
               images.css('left',0);
               image.css('left',0);
               complete();
            }
         });
      },
      fadeslide: function(params, complete) {
         if (params.prev) {
            jQuery(params.prev).css({
               opacity: 1,
               left: 0
            }).animate({
               opacity: 0,
               left: 50 * ( params.rewind ? 1 : -1 )
            },{
               duration: params.speed,
               queue: false,
               easing: 'swing'
            });
         }
         jQuery(params.next).css({
            left: 50 * ( params.rewind ? -1 : 1 ), 
            opacity: 0
         }).animate({
            opacity: 1,
            left:0
         }, {
            duration: params.speed,
            complete: complete,
            queue: false,
            easing: 'swing'
         });
      }
   };

   G.addTransition = function() {
      G.transitions.add.apply(this, arguments);
   }

   jQuery.fn.galleria = function(options) {
    
      options = options || {};
      var selector = this.selector;
    
      return this.each(function() {
         if ( !options.keep_source ) {
            jQuery(this).children().hide();
         }
    
         options = G.prototype.mix(options, {
            target: this
         } );
         var height = G.prototype.height(this) || G.prototype.getStyle(this, 'height', true);
         if (!options.height && height) {
            options = G.prototype.mix( {
               height: height
            }, options );
         }
    
         G.debug = !!options.debug;
    
         var gallery = new G(options);
        
         Galleria.galleries.push(gallery);
    
         if (G.theme) {
            gallery.init();
         } else {
            jQuery(document).bind(G.THEMELOAD, function() {
               gallery.init();
            });
         }
      })
   };


})();
