/**
 * @preserve Galleria Twelve Theme 2011-06-09
 * http://galleria.aino.se
 *
 * Copyright (c) 2011, Aino
 */
 
/*global jQuery, Galleria */

(function($) {

Galleria.addTheme({
    name: 'twelve',
    author: 'Galleria',
    css: 'galleria.twelve.css',
    defaults: {
        transition: 'pulse',
        transitionSpeed: 500,
        imageCrop: true,
        thumbCrop: true,
        carousel: false,
        
        // theme specific defaults:
        _locale: {
            show_thumbnails: 'Show thumbnails',
            hide_thumbnails: 'Hide thumbnails',
            play: 'Play slideshow',
            pause: 'Pause slideshow',
            enter_fullscreen: 'Enter fullscreen',
            exit_fullscreen: 'Exit fullscreen',
            popout_image: 'Popout image',
            showing_image: 'Showing image %s of %s'
        },
        _showFullscreen: true,
        _showPopout: true,
        _showProgress: true,
        _showTooltip: true
    },
    init: function(options) {
        
        // add some elements
        this.addElement('bar','fullscreen','play','popout','thumblink','s1','s2','s3','s4','progress', 'barbottom', 'previous', 'count', 'next', 'caption', 'comment');
        this.append({
            'stage' : 'progress',
            'container': ['bar','tooltip', 'barbottom'],
            // 'bar'   : ['fullscreen','play','popout','thumblink','s1','s2','s3','s4'],
	    // 'bar' : ['comment', 'thumblink', 'fullscreen'],
	    'bar' : ['comment', 'thumblink'],
	    'barbottom' : ['previous', 'count', 'next', 'info']
        });
//        this.prependChild('info','counter');
        this.prependChild('count','counter');
        
            // copy the scope
        var gallery = this,
        
            // cache some stuff
            thumbs = this.$('thumbnails-container'),
            thumb_link = this.$('thumblink'),
            fs_link = this.$('fullscreen'),
            play_link = this.$('play'),
            pop_link = this.$('popout'),
            bar = this.$('bar'),
	    barbottom = this.$('barbottom'),
            progress = this.$('progress'),
            transition = options.transition,
            lang = options._locale,
	
	    previous = this.$('previous'), 
	    next = this.$('next'),
	    comment = this.$('comment'),
	        
            // statics
            OPEN = false,
            FULLSCREEN = false,
            PLAYING = !!options.autoplay,
            CONTINUE = false,
        
            // helper functions
            scaleThumbs = function() {
                thumbs.height( gallery.getStageHeight() ).width( gallery.getStageWidth() ).css('top', OPEN ? 0 : gallery.getStageHeight()+30 );
            },
            
            toggleThumbs = function(e) {
                if (OPEN && CONTINUE) {
                    gallery.play();
                } else {
                    CONTINUE = PLAYING;
                    gallery.pause();
                }
                Galleria.utils.animate( thumbs, { top: OPEN ? gallery.getStageHeight()+30 : 0 } , {
                    easing:'galleria',
                    duration:400,
                    complete: function() {
                        gallery.defineTooltip('thumblink', OPEN ? lang.show_thumbnails : lang.hide_thumbnails);
                        thumb_link[OPEN ? 'removeClass' : 'addClass']('open');
                        OPEN = !OPEN;
                    }
                });
            };
        
        // scale the thumbnail container
        scaleThumbs();

        // bind the tooltips
        if (options._showTooltip) {
            
            gallery.bindTooltip({
                
                'thumblink': lang.show_thumbnails,
                
                'fullscreen': lang.enter_fullscreen,
                
                'play': lang.play,
                
                'popout': lang.popout_image,
                
                'caption': function() {
                    var data = gallery.getData();
                    var str = '';
                    if (data) {
                        if (data.title && data.title.length) {
                            str+='<strong>'+data.title+'</strong>';
                        }
                        if (data.description && data.description.length) {
                            str+='<br>'+data.description;
                        }
                    }
                    return str;
                },
                
                'counter': function() {
                    return lang.showing_image.replace( /\%s/, gallery.getIndex() + 1 ).replace( /\%s/, gallery.getDataLength() );
                }
            });
        }
        
        if ( !options.showInfo ) {
            this.$( 'info' ).hide();
        }
        
        // bind galleria events
        this.bind( 'play', function() {
            PLAYING = true;
            play_link.addClass('playing');
        });
        
        this.bind( 'pause', function() {
            PLAYING = false;
            play_link.removeClass('playing');
            progress.width(0);
        });
        
        if (options._showProgress) {
            this.bind( 'progress', function(e) {
                progress.width( e.percent/100 * this.getStageWidth() );
            });
        }
        
        this.bind( 'loadstart', function(e) {
            if (!e.cached) {
                this.$('loader').show();
            }
        });
        
        this.bind( 'loadfinish', function(e) {
            progress.width(0);
            this.$('loader').hide();
            this.refreshTooltip('counter','caption');
        });
        
        this.bind( 'thumbnail', function(e) {
            $(e.thumbTarget).hover(function() {
                gallery.setInfo(e.thumbOrder);
                gallery.setCounter(e.thumbOrder);
            }, function() {
                gallery.setInfo();
                gallery.setCounter();
            }).click(function() {
                toggleThumbs();
            });
        });
        
        this.bind( 'fullscreen_enter', function(e) {
            FULLSCREEN = true;
            gallery.setOptions('transition', false);
            fs_link.addClass('open');
            bar.css('bottom',64);
            barbottom.css('bottom',0);
            this.defineTooltip('fullscreen', lang.exit_fullscreen);
            if ( !Galleria.TOUCH ) {
                this.addIdleState(bar, { bottom: -31 });
            }
        });
        
        this.bind( 'fullscreen_exit', function(e) {
            FULLSCREEN = false;
            Galleria.utils.clearTimer('bar');
            gallery.setOptions('transition',transition);

            fs_link.removeClass('open');
            bar.css('bottom',64);
            barbottom.css('bottom',0);
            
            this.defineTooltip('fullscreen', lang.enter_fullscreen);
            
            if ( !Galleria.TOUCH ) {
                this.removeIdleState(bar, { bottom:-31 });
            }
        });
        
        this.bind( 'rescale', scaleThumbs);
        
        if ( !Galleria.TOUCH ) {
        
            this.addIdleState(this.get('image-nav-left'), {left:-36});
            this.addIdleState(this.get('image-nav-right'), {right:-36});
        
        }
        
        // bind thumblink
        thumb_link.click( toggleThumbs );
        
        // bind popup
        if (options._showPopout) {
            pop_link.click(function(e) {
                gallery.openLightbox();
                e.preventDefault();
            });
        } else {
            pop_link.remove();
            if (options._showFullscreen) {
                this.$('s4').remove();
                this.$('info').css('right',40);
                fs_link.css('right',0);
            }
        }
        
        // bind play button
        play_link.click(function() {
            gallery.defineTooltip('play', PLAYING ? lang.play : lang.pause);
            if (PLAYING) {
                gallery.pause();
            } else {
                if (OPEN) {
                    thumb_link.click();
                }
                gallery.play();
            }
        });

        previous.click(function() {

            // gallery.defineTooltip('play', PLAYING ? lang.play : lang.pause);

            gallery.prev();
        });

        next.click(function() {

            // gallery.defineTooltip('play', PLAYING ? lang.play : lang.pause);

            gallery.next();
        });

        comment.click(function() {
	    location.hash = "";
	    location.href = location.href + 'comments';            
        });
        
        // bind fullscreen
        if (options._showFullscreen) {
            fs_link.click(function() {
                if (FULLSCREEN) {
                    gallery.exitFullscreen();
                } else {
                    gallery.enterFullscreen();
                }
            });
        } else {
            fs_link.remove();
            if (options._show_popout) {
                this.$('s4').remove();
                this.$('info').css('right',40);
                pop_link.css('right',0);
            }
        }
        
        if (!options._showFullscreen && !options._showPopout) {
            this.$('s3,s4').remove();
            this.$('info').css('right',10);
        }
        
        if (options.autoplay) {
            this.trigger( 'play' );
        }
    }
});

}( jQuery ));