/*
 * Galleria STM3 Theme
 */

(function($) {

Galleria.addTheme({
    name: 'stm',
    author: 'Galleria',
    version: '1.5',
    css: '../css/galleria.stm.css',
    defaults: {
        transition: 'slide',
		image_crop: true,
        thumb_crop: 'height',
		idle_time: 1000,
		show_counter: false,
        _toggle_info: true
    },
    init: function(options) {
        
        // add some elements
        this.addElement('info-link','info-close');
        this.append({
            'info' : ['info-link','info-close']
        });
        
        // cache some stuff
        var toggle   = this.$('image-nav-left,image-nav-right,counter'),
            info     = this.$('info-link,info-close,info-text'),
            click    = Galleria.TOUCH ? 'touchstart' : 'click',
            thumbs   = this.$('thumbnails-container');
        
        // show loader & counter with opacity
        this.$('loader,counter').show().css('opacity',.4)
        
        // toggle info
        if ( options._toggle_info ) {
            info.bind( click, function() {
                info.toggle();
            });
        }
        
        this.bind(Galleria.LOADSTART, function(e) {
            if (!e.cached) {
                this.$('loader').show().fadeTo(200, .4);
            }
            
            this.$('info').toggle( this.hasInfo() );
            
            $(e.thumbTarget).css('opacity',1).parent().siblings().children().css('opacity',.4);
        });
        
        this.bind(Galleria.LOADFINISH, function(e) {
            this.$('loader').fadeOut(200);
        });

		this.bind(Galleria.THUMBNAIL, function(e) {
            $(e.thumbTarget).parent(':not(.active)').children().css('opacity', .4);
        });

		this.trigger(Galleria.RESCALE);

		this.bind(Galleria.IMAGE, function(e) {
			$(e.imageTarget).click(this.proxy(function() {
			   this.openLightbox();
			}));
        });

		//this.addIdleState(thumbs, { opacity: 0 });
        //this.addIdleState(this.get('info'), { opacity: 0 });
    }
});

})(jQuery);