/*! GetDevicePixelRatio | Author: Tyson Matanich, 2012 | License: MIT */
(function (window) {
window.getDevicePixelRatio = function () {
var ratio = 1;
// To account for zoom, change to use deviceXDPI instead of systemXDPI
if (window.screen.systemXDPI !== undefined && window.screen.logicalXDPI !== undefined && window.screen.systemXDPI > window.screen.logicalXDPI) {
// Only allow for values > 1
ratio = window.screen.systemXDPI / window.screen.logicalXDPI;
}
else if (window.devicePixelRatio !== undefined) {
ratio = window.devicePixelRatio;
}
return ratio;
};
})(this);

(function($){
	window.Galleria_Instance = {
		gallery_selector: '#galleria',

		create: function(id){
			// Initialize properties
			this.id					= id;
			this.el_id				= "displayed_gallery_"+id;
			this.selector			= '#'+this.el_id;
			this.$gallery			= $(this.gallery_selector);
			this.$frame				= $(window.frameElement);
			this.$parent			= $(parent);
			this.displayed_gallery	= parent.galleries['gallery_'+id];

			// Fetch CSS Overrides
			this.fetch_css_overrides_from_parent();

			// Load Galleria
			this.configure_galleria();
			Galleria.run(this.gallery_selector, {
                responsive: true,
                debug: false
            });
		},

		configure_galleria: function() {
			// Parse numeric and boolean values from strings
			//
			// NOTE: .extend() is important! 'settings = displayed_gallery.settings' will
			// create a 'pointer' -- changes to this 'settings' var will alter the
			// displayed gallery settings. This causes havoc with fields like transition
			// and slideshow speed.
			var settings = $.extend({}, this.displayed_gallery.display_settings);
			for (var index in settings) {

				// Parse numbers
				var numeric_val = Number(settings[index]);
				if (!isNaN(numeric_val)) settings[index] = numeric_val;

				// Parse booleans
				if (numeric_val == 0 || numeric_val == 1 && !index.match(/width|size|height|dimensions|percent/)) {
					settings[index] = numeric_val ? true : false;
				}
			}
			
			//settings.autoplay = 250;
			settings.transition_speed = settings.transition_speed * 1000;
			settings.slideshow_speed = settings.slideshow_speed * 1000;
			
            var calculateHeight = function (settings) {
                // Calculate stage width
                var width = this.$frame.width();
                var parWidth = this.$frame.parent().width();
                var maxWidth = settings.width;
		              
                // Convert common settings
                if (settings.width_unit == '%') {
                    maxWidth = Math.round(parWidth * (settings.width / 100));
                }
		              
                if (parWidth > 0 && parWidth < maxWidth) {
                    maxWidth = parWidth;
                }
		              
                width = maxWidth;
		              
                this.$frame.width(width);

                // Calculate height using aspect ratio of device/browser
                var aspect_ratio = this.$parent.width()/this.$parent.height();
                if (typeof(settings.aspect_ratio) != 'undefined' && settings.aspect_ratio != 0 ) {
                    aspect_ratio = this.displayed_gallery.display_settings.aspect_ratio;
		                  
                    if (!parseFloat(aspect_ratio))
                    {
                        if (settings.aspect_ratio_computed && parseFloat(settings.aspect_ratio_computed))
                        {
                            aspect_ratio = settings.aspect_ratio_computed;
                        }
                        else
                        {
                            aspect_ratio = 1.5;
                        }
                    }
                    else
                    {
                        aspect_ratio = parseFloat(aspect_ratio);
                    }
                }
                var frame_height = ((width - 20)/aspect_ratio);

                if (typeof(this.displayed_gallery.display_settings.thumbnail_height) != 'undefined')
                {
                    var thumb_height = this.displayed_gallery.display_settings.thumbnail_height;
		              		
                    if (typeof(thumb_height) === 'string')
                    {
                        thumb_height = parseFloat(thumb_height);
                    }
		              		
                    frame_height += thumb_height;
                }

                frame_height += 20;

                var caption = this.displayed_gallery.display_settings.caption_class;
                if (caption == 'caption_above_stage' || caption == 'caption_below_stage')
                {
                    frame_height += 52;
                }

                this.$frame.height(frame_height);
                this.$frame.css('margin', '0 auto');
            };
            		
            var galleriaZ1 = this;
            		
            calculateHeight.call(galleriaZ1, settings);
            		
            var elems = $(window);
            		
            if (window.parent != null && window.parent != window) {
                elems = elems.add($(window.parent));
            }
				        		
            elems.on('resize orientationchange onfullscreenchange onmozfullscreenchange onwebkitfullscreenchange', function (event) {
                calculateHeight.call(galleriaZ1, settings);
            });

			Galleria.loadTheme(this.displayed_gallery.display_settings.theme);
			Galleria.configure($.extend(settings, {
				dataSource: this.fetch_images_from_parent(),
                maxScaleRatio: 1
			}));

            Galleria.Picture.prototype.get_image_dimensions = function(){
                var retval = {
                    width: 0,
                    height: 0
                };

                // Find the image in the data source
                var my_galleria = self.Galleria.get(0);
                for (var i=0; i<my_galleria.getDataLength(); i++) {
                    var props = my_galleria._data[i];
                    if (this.image.src == props.thumb) {
                        retval = props.thumb_dimensions;
                    }
					else {
						retval = props.image_dimensions;
					}
                }

                return retval;
            };

            Galleria.Picture.prototype._load = Galleria.Picture.prototype.load;
            Galleria.Picture.prototype.load = function(src, size, callback) {
                if ( typeof size == 'function' ) {
                    callback = size;
                    size = null;
                }

                this._load(src, size, function(thumb, another_callback){
                    if (typeof(thumb.data) == 'object') {
                        var dimensions= this.get_image_dimensions();
                        thumb.data.width = thumb.original.width = dimensions.width;
                        thumb.data.height = thumb.original.height = dimensions.height;
                    }
                    callback(thumb, another_callback);
                });
            };
		},

		fetch_css_overrides_from_parent: function(){
			$(document).find('style').append($(parent.document).find('#css_overrides_' + this.id).text());
		},

		fetch_images_from_parent: function(){
			var data = [];
			$(window.parent.document).find(this.selector+' .galleria-batch .batch-image').each(function(){
				var $this = $(this);
				var html = $this.html();
				var image = $('<p/>').html(html).find('img');
				data.push({
					image:			window.getDevicePixelRatio() > 1 ? image.attr('data-src-2x') : image.attr('data-src'),
					title:			image.attr('data-alt'),
					description:	image.attr('data-description'),
                    image_id:       image.attr('data-image-id'),
                    thumb:          window.getDevicePixelRatio() > 1 ? image.attr('data-thumbnail-2x') : image.attr('data-thumbnail'),
					original:		image,
                    thumb_dimensions: {
                        width:  image.attr('data-thumbnail-width'),
                        height: image.attr('data-thumbnail-height')
                    },
					image_dimensions: {
						width:  image.attr('width'),
						height: image.attr('height')
					}
				});
			});
			return data;
		}
	};

})(jQuery);