Galleria.loadTheme('/media/javascript/galleria/src/themes/jordankeramik/galleria.jordankeramik.js');
$(function() {
	$('[id^=details]').hide();
    $("a[id]").toggle(function() {
		var id = $(this).attr('id');
        $("#details-" + id).fadeIn();
	    return false;
		},function() {
        var id = $(this).attr('id');	
        $("#details-" + id).fadeOut();
    });
    return false;
});
$(function(){
	var dialog_opts = {modal: true, width: 700};
	var dialog_opts_wide = {modal: true, width: 800, position:['center','top']};
	var dialog_opts_gallery = {modal: true, width: 780, position:['center','top']};
	var loadgif = $('<img src="/media/images/load.gif" width="16" height="16" />');
	var overlay = $('#overlay');
	$('.details').click(function(){
	    $(this).after(loadgif);
	    overlay.remove();
	    overlay.load(this.href, function(){
	        h1 = $('h1:first', overlay);
	        title = h1.text();
	        h1.remove();
            loadgif.remove();
	        overlay.dialog($.extend({title: title}, dialog_opts));
	    });
	    overlay.remove();
	    return false;
	});
	$('.popaj').click(function(){
	    $(this).after(loadgif);
	    overlay.remove();
	    overlay.load(this.href, function(){
	        h1 = $('h1:first', overlay);
	        title = h1.text();
	        h1.remove();
            loadgif.remove();
	        overlay.dialog($.extend({title: title}, dialog_opts));
	    });
	    overlay.remove();
	    return false;
	});
	$('.impressionen').click(function(){
	    $(this).after(loadgif);
	    overlay.remove();
	    overlay.load(this.href, function(){
	        h1 = $('h1:first', overlay);
	        title = h1.text();
	        h1.remove();
            loadgif.remove();
	        overlay.dialog($.extend({title: title}, dialog_opts_gallery));
	        $('#gallery').galleria('jordankeramik', {
	        	height: 800
	        });
	    });
	    overlay.remove();
	    return false;
	});
	$('.album_view').click(function(){
	    $(this).after(loadgif);
	    overlay.remove();
	    overlay.load(this.href, function(){
	        h1 = $('h1:first', overlay);
	        title = h1.text();
	        h1.remove();
            loadgif.remove();
	        overlay.dialog($.extend({title: title}, dialog_opts_gallery));
	        $('#gallery').galleria('jordankeramik', {
	            height:800
	        });
	    });
	    overlay.remove();
	    return false;
	});
});

$(function(){
    $('#gallery').galleria('jordankeramik', {
        height:800
        // ,
        // data_config: function(img) {
        //    return {
        //        description: $(img).attr('alt')
        //    }
    	// }
    });
});