(function($) {
        
Galleria.addTheme({
    name: 'app',
    folder_token: "slideshow_asset", // rep qui serre de tokene pour le chargement dynamique du css du slide show
    css: 'app.css',
    defaults: {
        autoplay:true,
        width:400, 
        height: 335,
        data_source:"#source_1", // defaut
        keep_source:true,
        carousel: true,
        carousel_speed:1000,
        image_crop:false,
        image_margin:0,
        image_position: 'left top',
        max_scale_ratio:1,
        min_scale_ratio:1,
        transition: 'fade',
        thumb_crop: false,
        thumb_fit:true,
        show_counter:false,
        show_imagenav:false,
        show_info:false,
        debug: true,
        //
		// set this to false if you want to show the caption all the time:
        _toggle_info: true
    },
    init: function(options) {
        // 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',
            code_html;
        
        // some stuff for non-touch browsers // ??
        if (! Galleria.TOUCH ) {
            
            // fade thumbnails
            this.$('thumbnails').children().hover(function() {
                $(this).not('.active').children().stop().fadeTo(100, 1);
            }, function() {
                $(this).not('.active').children().stop().fadeTo(400, .6);
            });
            
            this.addIdleState( this.get('image-nav-left'), { left:-50 });
            this.addIdleState( this.get('image-nav-right'), { right:-50 });
            this.addIdleState( this.get('counter'), { opacity:0 });
        }
        
        // bind some stuff
        this.bind(Galleria.THUMBNAIL, function(e) {
            $(e.thumbTarget).parent(':not(.active)').children().css('opacity',.6)
        });
        
        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',.6);
        });
        
        this.bind(Galleria.LOADFINISH, function(e) {
            //ajax icon
            this.$('loader').fadeOut(200);
        });
        
        
               
                
        
        
        //
        // append custom btn
        code_html = '<div title="Next Image" class="imgnav imgnext" id="imgnext1"></div>';
        this.$('images').append(code_html);
        code_html = '<div title="Previous Image" class="imgnav imgprev" id="imgprev1"></div>';
        this.$('images').append(code_html);
        var galleria_app = this;
        $("#imgnext1")
            .css({opacity:0.25})
            .hover(function(){$(this).animate({opacity:0.7});},function(){$(this).animate({opacity:0.25})})
            .click(function(){galleria_app.next();});
        $("#imgprev1")
            .css({opacity:0.25})
            .hover(function(){$(this).animate({opacity:0.7});},function(){$(this).animate({opacity:0.25})})
             .click(function(){galleria_app.prev();});
             
        
         //$('ul.slideshowMenu a').eq(0).click();
         this.set_lable = function(str_id){
              $("#slideshowBox .head h2").text( $(str_id+ " h2").text() );
              $("#slideshowBox .desc").html( $(str_id+ " blockquote").html() ) ;
         }
         
         
          this.set_lable(options.data_source);
    }
});

})(jQuery);

jQuery(function($) {
//    $('#slideshowBox div.img').galleria();
});