$(document).ready(function(){

$('#image').css("display","none").fadeIn(1000);

$('.gallery_unstyled').addClass('gallery'); 


$('ul.gallery').galleria({
	history   : false,
	clickNext : true,
	insert    : '#main_image',
	onImage   : function(image,caption,thumb) { 
				
image.css('display','none').fadeIn(1200);
caption.css('display','none');

var _li = thumb.parents('li');
				
// fade out inactive thumbnail
_li.siblings().children('img.selected').fadeTo(500,0.4);
				
// fade in active thumbnail
thumb.fadeTo('fast',1).addClass('selected');
				
// add a title for the clickable image
image.attr('title','Next image >>');
	
},
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.4';
				
// 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.4); } // don't fade out if the parent is active
		)
	}
    });
    
// Counter anzeigen
    
 var howMany = $('ul.gallery li').size();
 $('#total').text(howMany);   
 
 $('ul.gallery li').each(
	function(i)
	{
		$(this).click(function(e)
	{
	e.preventDefault();
	var _current = i+1;
	 $('#current').text(_current);   
				}
		)
	});
	
// Video anzeigen



  
});