$(document).ready(function()
{   
    if($(this).find('#galleria_questlayer').is('div')){
    // move galleria to body element
    $('body').append($('#galleria_questlayer'));
    //$('#page-outer').prepend($('#galleria_questlayer'));
    $('ul.galleria_hidden').addClass('galleria_layer');
    $('ul.galleria_hidden').addClass('galleria');
    $('.galleria_hidden').removeClass('galleria_hidden');
	var numimages =	$('ul.galleria').find('li').size() ;
	var countimages = 1;
    // disable no javascript warning
    $('p.galleria_non_javascript').addClass('galleria_hidden');
    $('p.galleria_non_javascript').removeClass('galleria_non_javascript');
    $('#galleria_prev_btn').click(function()
    {
       $.galleria.prev();
    });
    $('#galleria_next_btn').click(function()
    {
       $.galleria.next();
    });
    // add special events on layers bg
    $('.layer-bg').click(function()
    {
        $('#galleria_questlayer').hide();
    });
    $('#galleria_close').click(function(){
        $('.layer-bg').click();
        return false;
    });
    $('#galleria_questlayer').addClass('galleria_layer');
    $('ul.galleria_non_javascript').removeClass('galleria_non_javascript');
    $('ul.galleria_layer').galleria({
			history   : false, // activates the history object for bookmarking, back-button etc.
			clickNext : true, // helper for making the image clickable
			insert    : '#galleria_main_image', // the containing selector for our main image
			onImage   : function(image,caption,thumb) { // let's add some image effects for demonstration purposes
                // fade in the image & caption
				if(! ($.browser.mozilla && navigator.appVersion.indexOf("Win")!=-1) ) { // FF/Win fades large images terribly slow
					image.css('display','none').fadeIn(1000);
				}
				caption.css('display','none').fadeIn(1000);
				// fetch the thumbnail container
				var _li = thumb.parents('li');
				// fade out inactive thumbnail
				_li.siblings().children('img.selected').fadeTo(500,0.3);
				// fade in active thumbnail
				thumb.fadeTo('fast',1).addClass('selected');
				// add a title for the clickable image
				image.attr('title',unescape( "n%E4chstes Bild %3E%3E%3E%0D" ) );
			},
			onThumb : function(thumb) { // thumbnail effects goes here
               // fetch the thumbnail container
				var _li = thumb.parents('li');
				// if thumbnail is active, fade all the way.
				var _fadeTo = _li.is('.active') ? '1' : '0.3';
				// fade in the thumbnail when finnished loading
				thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);
                                // hover effects
				thumb.hover(
					function() { thumb.fadeTo('fast',1); },
					function() { _li.not('.active').children('img').fadeTo('fast',0.3); } // don't fade out if the parent is active
				);
				if( numimages == countimages){
                    			$('#galleria_questlayer').hide(); // dirty hack: hide galleria after last thumb is created
					countimages = countimages + 1;
                		}
				else
				{
                			countimages = countimages + 1;
				}
			}
    });
    // activate first image in list
    //$.galleria.activate($('ul.galleria').find(':nth-child(1)').find('img').attr('src'));
    //$('img.thumb').css('height' ,'50px'); // dirty hack
    //$('img.thumb').css('width' ,'68px'); // dirty hack
    /*
    $('ul.galleria').find('li').hide();
    $('ul.galleria').find('li:nth-child(1)').show();
    $('ul.galleria').find('li:nth-child(2)').show();
    $('ul.galleria').find('li:nth-child(3)').show();
    $('ul.galleria').find('li:nth-child(4)').show();
    $('ul.galleria').find('li:nth-child(5)').show();
    $('ul.galleria').find('li:nth-child(6)').show();
    */
    $('.galleria_layer_toggle').click(function()
    {
        $('#galleria_main_image').empty(); // force empty
        $('#galleria_main_image').addClass('galleria_container').append('<div class="galleria_wrapper" ></div>').append('<span class="caption"></span>');
        var _first_image = $('ul.galleria').find(':nth-child(1)').find('img');
        _first_image.attr('rel', $('ul.galleria').find(':nth-child(1)').find('img').attr('src') );
        $.galleria.activate(_first_image.attr('src'));
        $.galleria.current = _first_image.attr('src');
        // unhide galleria
        $('#galleria_questlayer').show();
        // open galleria in layer
        $.layer({ id: 'galleria_questlayer' });
		$('.layer-bg').css('z-index', '10000');
		$('.galleria_layer').css('z-index', '20000');
    });

    // write preview
    $('.galleria_preview_hidden').addClass('galleria_preview');
    $('.galleria_preview_hidden').removeClass('galleria_preview_hidden');

    // create preview thumbs
    var _preview_li = $('ul.galleria_preview').children('li');
    _preview_li.each(function(i) {
        // bring the scope
	var _container = $(this);
        // reference the original image as a variable and hide it
	var _img = $(this).find('a').children('img').css('display','none');
        // extract the original source
	var _src = _img.attr('src');
        // find a title
	var _title = _img.attr('title');
        // create loader image
	var _loader = new Image();
        // begin loader
	$(_loader).load(function () {

            var _thumb = _img.clone(true).addClass('thumb').css('display','none');

           var w = Math.ceil( _img.width() / _img.height() * _container.height() );
           var h = Math.ceil( _img.height() / _img.width() * _container.width() );
            if (w < h) {
            	_thumb.css({ height: 'auto', width: _container.width(), marginTop: -(h-_container.height())/2 });
            } else {
		_thumb.css({ width: 'auto', height: _container.height(), marginLeft: -(w-_container.width())/2 });
	   }
            // add the title attribute
            _thumb.attr('title',_title);
            // hover classes for IE6
            _thumb.hover(
		function() { $(this).addClass('hover'); },
		function() { $(this).removeClass('hover'); }
            );
            _container.hover(
		function() { _container.addClass('hover'); },
		function() { _container.removeClass('hover'); }
            );
            // prepend the thumbnail in the container
             _img.replaceWith(_thumb);
             _thumb.css('display','block');
        }).error(function () {
            // Error handling
	    _container.html('<span class="error" style="color:red">Error loading image: '+_src+'</span>');

	}).attr('src', _src);
        });
    $('div.galleria_preview').append('<p>Bildstrecke starten: Klicken Sie auf ein Bild (' + numimages + ' Bilder)</p>');
    }
});