$(document).ready(function() {
	$('ul#nav a').append('<span class="hover"></span>').each(function () {
	  // das verschieben der background-position per css hier aufheben, da sonst kein fadeeffekt erscheint
	  $(this).hover(function () {
	    $(this).css('background-position', '0 0');
	    $('ul#nav a.aktiv').css('background-position', '0 -76px');
	  }, function () {});
    
	  var $span = $('> span.hover', this).css('opacity', 0);
	  $(this).hover(function () {
	    $span.stop().fadeTo(500, 1);
	  }, function () {
	    $span.stop().fadeTo(500, 0);
	  });
	});
	
	$('ul.filmstrip').css('display', 'block');
  $('#photos').galleryView({
    panel_width: 543,
    panel_height: 362,
    frame_width: 57,
    frame_height: 38,
    transition_speed: 1200,
    background_color: '#1B1F0E',
    border: 'none',
    easing: 'easeInOutBack',
    pause_on_hover: true,
    overlay_height: 40,
    filmstrip_position: 'bottom',
    overlay_position: 'bottom'
  });
});