/*!
 * Galleria Palliser Theme
 * http://www.flightless.co.nz
 *
 * Galleria
 * http://galleria.aino.se
 * Copyright (c) 2010, Aino
 * Licensed under the MIT license.
 */

(function($) {

Galleria.themes.create({
    name: 'palliser',
    author: 'Flightless',
    version: '1.0',
    css: 'galleria.palliser.css',
    defaults: {
				image_crop: true,
        transition: 'fade',
        show_caption: false,
				thumbnails: false,
        carousel: false,
				max_scale_ratio: 2.0
    },
    init: function(options) {
				var galleria = this;
				var target = $(galleria.target);
				var imageCount = galleria.data.length;
	
				// navigation prev 1..n next
				if (imageCount>1) {
					/*
						<!-- nav -->
		        <a href="#" class="nextprev">&#171; Prev</a>
		        <div class="imageNav"><a href="#" class="on">1</a><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a></div>
		        <a href="#" class="nextprev">Next &#187;</a>
					*/
					
					// prev
					var prevControl = $("<a/>", {
						"class": "nextprev",
						html: "&#171; Prev",
						click: function() {
							galleria.prev();
							return false;
						}
					});
					
					// images
					var imageControls = $('<div class="imageNav"></div>');
					for (var i=0; i<imageCount; i++) {
						var imageControl = $("<a>"+(i+1)+"</a>");
						imageControl.bind('click', {index:i}, function(event) {
							// $(this).addClass('on').siblings().removeClass('on');
							galleria.show(event.data.index);
							return false;
						});
						if (i==0) imageControl.addClass('on');
						imageControls.append(imageControl);
					}
					
					// next
					var nextControl = $("<a/>", {
						"class": "nextprev",
						html: "Next &#187;",
						click: function() {
							galleria.next();
							return false;
						}
					});

					// render controls
					target.after(nextControl).after(imageControls).after(prevControl);
				}
				
				// base
        this.$('loader').show().fadeTo(200, .4);
        //this.$('counter').show().fadeTo(200, .4);
        
				// main image click navigation
        this.$('container').hover(this.proxy(function() {
            this.$('image-nav-left,image-nav-right').fadeIn(200); // ,counter
        }), this.proxy(function() {
            this.$('image-nav-left,image-nav-right').fadeOut(500); // ,counter
        }));
        
        this.$('image-nav-left,image-nav-right').hide(); // ,counter

				// galleria events
        this.bind(Galleria.LOADSTART, function(e) {
            if (!e.cached) {
                this.$('loader').show().fadeTo(200, .4);
            }
						
						// update image controls, css class 'on'
						if (imageCount>1) {
							imageControls.children().removeClass('on').eq(galleria.active).addClass('on');
						}
        });

        this.bind(Galleria.LOADFINISH, function(e) {
            this.$('loader').fadeOut(200);
        });
    }
});

})(jQuery);