// JavaScript Document

$(document).ready(function(){
 
$(".menucontainerDIV img.s1").hover(
function() {
//$(this).stop().animate({"opacity": "0"}, "fast");

//s2 einblenden
$(this).stop().animate({"opacity": 0}, 500,"easeOutQuad")




},
function() {
//$(this).stop().animate({"opacity": "1"}, "slow");

//default status
$(this).stop().animate({"opacity": 1}, 700,"easeOutQuad")

});



var bildTitel = "Bild";

$("a.FancyBoxLink").fancybox({
		'autoScale'			: true,
		'transitionIn'		: 'elastic',
		'transitionOut'		: 'elastic',
		'easingIn'     		: 'easeOutBack',
		'easingOut'     	: 'easeInBack',
		'speedIn'			: 600,
		'speedOut'			: 300,
		'overlayOpacity'  	: 0.6,
		'overlayColor'  	: '#000',
		'showCloseButton'	: true,
		'titleShow'     	: true,
		'titlePosition' 	: 'over', /*over*/
		'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
		return '<span id="fancybox-title-over">'+ bildTitel + '&nbsp;'+ (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
		}
	});
 
});


/*$(function(){
		 
		   $('#navigation li a').append('<span class="hover"></span>')
		   
		   $('#navigation li a').hover(function() {
	        
		// Stuff that happens when you hover on + the stop()
		$('.hover', this).stop().animate({
			'opacity': 1
			}, 700,'easeOutSine')
	
	},function() {
	
		// Stuff that happens when you unhover + the stop()
		$('.hover', this).stop().animate({
			'opacity': 0
			}, 700, 'easeOutQuad')
	
	})
		   });*/


/*// when the DOM is ready:
$(document).ready(function () {
  // find the div.fade elements and hook the hover event
  $('div.fade').hover(function() {
    // on hovering over, find the element we want to fade *up*
    var fade = $('> div', this);
    
    // if the element is currently being animated (to a fadeOut)...
    if (fade.is(':animated')) {
      // ...take it's current opacity back up to 1
      fade.stop().fadeTo(250, 1);
    } else {
      // fade in quickly
      fade.fadeIn(250);
    }
  }, function () {
    // on hovering out, fade the element out
    var fade = $('> div', this);
    if (fade.is(':animated')) {
      fade.stop().fadeTo(1500, 0);
    } else {
      // fade away slowly
      fade.fadeOut(1500);
    }
  });
});*/