$(document).ready(function()
    {

        $('.galle').click(function(){
            $('#galleria').fadeIn();
            $('body, html').attr('style', 'height:100%;margin:0;padding:0;overflow:hidden;');
            $('#galleria').load($(this).attr('href'),function(){

                Galleria.loadTheme('/js/galleria.fullscreen.js');

                // Initialize Galleria
                $('.galleria').galleria({
                    image_crop: false,
                    frame_color: '#000',
                    transition: 'slide',
                    hide_dock: false,
                    extend: function() {
                       // this.$('counter').hide();
                    }

                });
            });
            return false;
        });
        if($('.scrollable').length){
            var size = 5;
            // heeeeeeeeeeere we go.
            $(".scrollable").scrollable({
                keyboard: false,
                speed: 200
            });
            var scrollable = jQuery(".scrollable").data("scrollable");
            // use the event "onSeek", which fires every time you scroll an item

            if (scrollable.getSize() <= size) {
                //this.seekTo(this.getSize() - size);
                $("a.next").addClass("disabled");
            }

            scrollable.onSeek(function(){
                if (this.getIndex() >= this.getSize() - size) {
                    //this.seekTo(this.getSize() - size);
                    $("a.next").addClass("disabled");
                }

            });

            $('.dossier').mouseenter(function(){
                $('.section_over',this).fadeTo('fast',1);
            });
            $('.dossier').mouseleave(function(){
                $('.section_over',this).fadeTo('fast',0);
            });
        }
        lightbox();
    });
function lightbox() {
    var links = $('a[rel^=lightbox], .icon a[target^=_blank]');
    var overlay = $(jQuery('<div id="overlay" style="display: none"></div>'));
    var container = $(jQuery('<div id="lightbox" style="display: none"></div>'));
    var close = $(jQuery('<a href="#close" class="close">&times; Close</a>'));
    var target = $(jQuery('<div class="target"></div>'));
    var prev = $(jQuery('<a href="#prev" class="prev">&laquo; Back</a>'));
    var next = $(jQuery('<a href="#next" class="next">Next &raquo;</a>'));

    $('body').append(overlay).append(container);
    container.append(close).append(target).append(prev).append(next);
    //container.append(close).append(target);
    container.show().css({
        'top': Math.round((($(window).height() > window.innerHeight ? window.innerHeight : $(window).height()) - container.outerHeight()) / 2) + 'px',
        'left': Math.round(($(window).width() - container.outerWidth()) / 2) + 'px',
        'margin-top': 0,
        'margin-left': 0
    }).hide();
    close.click(function(c) {
        c.preventDefault();
        overlay.add(container).fadeOut('normal');
    });

    prev.add(next).click(function(c) {
        c.preventDefault();
        var current = parseInt(links.filter('.selected').attr('lb-position'),10);
        var to = $(this).is('.prev') ? links.eq(current - 1) : links.eq(current + 1);
        if(!to.size()) {
            to = $(this).is('.prev') ? links.eq(links.size() - 1) : links.eq(0);
        }
        if(to.size()) {
            to.click();
        }

    });


    links.each(function(index) {
        var link = $(this);
        link.click(function(c) {
            c.preventDefault();
            open(link.attr('href'));
            links.filter('.selected').removeClass('selected');
            link.addClass('selected');
        });
        link.attr({
            'lb-position': index
        });
    });

    var open = function(url) {
        if(container.is(':visible')) {
            target.children().fadeOut('normal', function() {
                target.children().remove();
                loadImage(url);
            });
        } else {
            target.children().remove();
            overlay.add(container).fadeIn('normal',function(){
                loadImage(url);
            });
        }
    }

    var loadImage = function(url) {
        if(container.is('.loading')) {
            return;
        }
        container.addClass('loading');
        var img = new Image();
        img.onload = function() {
            img.style.display = 'none';

            var maxWidth = ($(window).width() - parseInt(container.css('padding-left'),10) - parseInt(container.css('padding-right'), 10)) - 100;
            var maxHeight = (($(window).height() > window.innerHeight ? window.innerHeight : $(window).height()) - parseInt(container.css('padding-top'),10) - parseInt(container.css('padding-bottom'), 10)) - 100;

            if(img.width > maxWidth || img.height > maxHeight) { // One of these is larger than the window
                var ratio = img.width / img.height;
                if(img.height >= maxHeight) {
                    img.height = maxHeight;
                    img.width = maxHeight * ratio;
                } else {
                    img.width = maxWidth;
                    img.height = maxWidth * ratio;
                }
            }

            container.animate({
                'width': img.width,
                'height': img.height,
                'top': Math.round((($(window).height() > window.innerHeight ? window.innerHeight : $(window).height()) - img.height - parseInt(container.css('padding-top'),10) - parseInt(container.css('padding-bottom'),10)) / 2) + 'px',
                'left': Math.round(($(window).width() - img.width - parseInt(container.css('padding-left'),10) - parseInt(container.css('padding-right'),10)) / 2) + 'px'
            },'normal', function(){
                target.append(img);
                $(img).fadeIn('normal', function() {
                    container.removeClass('loading');
                });
            })
        }
        img.src = url;
    }
}