/*!
 * Galleria Classic Theme
 * http://galleria.aino.se
 *
 * Copyright (c) 2010, Aino
 * Licensed under the MIT license.
 */

(function($) {

Galleria.addTheme({
    name: 'elvis',
    author: 'Liferide',
    version: '1.1',
    css: 'galleria.elvis.css',
    defaults: {
        transition: 'slide',
        show_caption: false,
        hide_dock: true
    },
    init: function(options) {
				this.addElement('more-examples');
				this.appendChild('thumbnails-container','more-examples');
    		this.$('more-examples').append("MORE EXMAPLES");
    		
        var tcHeight = this.$('thumbnails-container').css('height').replace('px','');
        var stageHeight = this.$('stage').css('height').replace('px','');   
        var b = parseInt(stageHeight) * -1;
        var bOn = (parseInt(stageHeight) - parseInt(tcHeight)) * -1;         		
    	
    	
        this.$('loader').show().fadeTo(200, .4);
        this.$('counter').show().fadeTo(200, .4);
        
        this.$('thumbnails').children().hover(function() {
            $(this).not('.active').children().fadeTo(100, 1);
        }, function() {
            $(this).not('.active').children().fadeTo(400, .4);
        }).not('.active').children().css('opacity',.4);
        
        this.$('container').hover(this.proxy(function() {
            this.$('image-nav-left,image-nav-right,counter').fadeIn(200);
            this.$('thumbnails-container').animate({bottom: bOn}, {queue:false, duration: 200});
            open = true;
        }), this.proxy(function() {
            this.$('image-nav-left,image-nav-right,counter').fadeOut(500);
						this.$('thumbnails-container').animate( {bottom: b}, {queue:false, duration: 400});
            open = false;            
        }));
        
        this.$('image-nav-left,image-nav-right,counter').hide();
                
        this.bind(Galleria.LOADSTART, function(e) {
            if (!e.cached) {
                this.$('loader').show().fadeTo(200, .4);
            }
            if (this.hasInfo()) {
                this.$('info').show();
            } else {
                this.$('info').hide();
            }
        });

        this.bind(Galleria.LOADFINISH, function(e) {
            this.$('loader').fadeOut(200);
            $(e.thumbTarget).css('opacity',1).parent().addClass('active')
                .siblings('.active').removeClass('active').children().css('opacity',.4);
        });
    }
});

})(jQuery);