$(document).ready(function(){

 $(document).pngFix();

 $("a#example2").fancybox({
				'overlayShow'	: true,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'overlayColor'	: '#000000'
			});

 // if the mouse hover the image
 style = 'easeOutQuart';
 $('.photo').hover(
  function() {
   //display heading and caption
   $(this).children('div:first').stop(false,true).animate({top:0},{duration:200, easing: style});
   $(this).children('div:last').stop(false,true).animate({bottom:0},{duration:200, easing: style});
  },

  function() {
   //hide heading and caption
   $(this).children('div:first').stop(false,true).animate({top:-50},{duration:200, easing: style});
   $(this).children('div:last').stop(false,true).animate({bottom:-50},{duration:200, easing: style});
  }
 );

$("a[rel=foto_group]").fancybox({
				'transitionIn'	: 'none',
				'transitionOut'	: 'none',
				'titlePosition' : 'over',
				'overlayColor'	: '#222222',
				'titleFormat'	: function(title, currentArray, currentIndex, currentOpts) {
					return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
				}
			});




 //Navi
 $(".showgala").click(function(event){
  event.preventDefault();
    $(".content_container:not(#gala)").slideUp();
  $("#gala").slideToggle("slow");
 });
  $(".showfighter").click(function(event){
  event.preventDefault();
    $(".content_container:not(#fighter)").slideUp();
  $("#fighter").slideToggle("slow");
 });
  $(".showfightcard").click(function(event){
  event.preventDefault();
    $(".content_container:not(#fightcard)").slideUp();
  $("#fightcard").slideToggle("slow");
 });
   $(".showkontakt").click(function(event){
  event.preventDefault();
    $(".content_container:not(#kontakt)").slideUp();
  $("#kontakt").slideToggle("slow");
 });
   $(".showsponsoren").click(function(event){
  event.preventDefault();
    $(".content_container:not(#sponsoren)").slideUp();
  $("#sponsoren").slideToggle("slow");
 });
    $(".showtickets").click(function(event){
  event.preventDefault();
    $(".content_container:not(#tickets)").slideUp();
  $("#tickets").slideToggle("slow");
 });






});