$(document).ready(function() {		
			   
						   
						   
			// beim Thumbnail-Klick nach oben scrollen
		$.scrollTo.defaults.axis = 'y';
		$('a.thumb').click(function() { $.scrollTo($('div#controls'), 500 ); });		
			// additional styling for hover effect on thumbs
			var onMouseOutOpacity = 0.67;
			$('#thumbs ul.thumbs li').css('opacity', onMouseOutOpacity)
				.hover(
					function () {
						$(this).not('.selected').fadeTo('fast', 1.0);
					}, 
					function () {
						$(this).not('.selected').fadeTo('fast', onMouseOutOpacity);
					}
				);

			
				// Initialize Advanced Galleriffic Gallery
				var galleryAdv = $('#gallery').galleriffic('#thumbs', {
					delay:                  4000,
					numThumbs:              32,
					preloadAhead:           34,
					enableTopPager:         true,
					enableBottomPager:      true,
					imageContainerSel:      '#slideshow',
					controlsContainerSel:   '#controls',
					captionContainerSel:    '#caption',
					loadingContainerSel:    '#loading',
					renderSSControls:       true,
					renderNavControls:      true,
					playLinkText:           'Play Slideshow',
					pauseLinkText:          'Pause Slideshow',
					prevLinkText:           '« Prev Photo ',
					nextLinkText:           ' Next Photo »',
					nextPageLinkText:       'Next Page »',
					prevPageLinkText:       '« Prev Page',
					enableHistory:          false,
					autoStart:              false,
					onChange:               function(prevIndex, nextIndex) {
						$('#thumbs ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:        function(callback) {
						$('#caption').fadeOut('fast');
						$('#slideshow').fadeOut('fast', callback);
					},
					onTransitionIn:         function() {
						$('#slideshow, #caption').fadeIn('fast');
					},
					onPageTransitionOut:    function(callback) {
						$('#thumbs ul.thumbs').fadeOut('fast', callback);
					},
					onPageTransitionIn:     function() {
						$('#thumbs ul.thumbs').fadeIn('fast');
					}
				});
			



						   
							
						$('a img').not('ul.nextdate a img').hover(function() {
												  $(this).after('<div class=\"imgicon\"></div>');
												  
												  }, function() {
												  $('.imgicon').remove();
													  
												  });
						$('a img, h1#logo a').hover(function() {
												  $(this).fadeTo(300, 0.7);
												  }, function() {
												  $(this).fadeTo(300, 1.0);
												  });
												  
						   
						  



						$('.nextdate li').hover(function() {
												  $(this).children(".infos").animate({top: 0, opacity: 0.85});
												  }, function() {
												  $(this).children(".infos").animate({top: -180});
												  });
						
						
						   
						$('.side li a').not('.side li li a, .side .nextdate li a').hover(function() {
												  $(this).animate({marginLeft: 3}, 200);
												  }, function() {
												  $(this).animate({marginLeft: 0}, 200);
												  });


$('ul.nextdate li').eq(3).parents('div.mask').after("<span class=\"slide1 button back\">Zurueck</span>");
$('ul.nextdate li').eq(6).parents('div.mask').after("<span class=\"slide2 button back\">Zurueck</span>"); 

$('ul.nextdate li').eq(3).parents('div.mask').after("<span class=\"slide2 button more\">Mehr</span>"); 
$('ul.nextdate li').eq(6).parents('div.mask').after("<span class=\"slide3 button more\">Mehr</span>"); 

$('.back, .slide3').hide();



$('.slide1.back').click(function() {
											
							$('.slide1, .slide3, .slide2.back').hide();
							$('.slide2.more').show();
							
							$('ul.nextdate li:eq(6), ul.nextdate li:eq(7), ul.nextdate li:eq(8), ul.nextdate li:eq(3), ul.nextdate li:eq(4), ul.nextdate li:eq(5)').fadeOut(500, function() {$('ul.nextdate li:eq(0), ul.nextdate li:eq(1), ul.nextdate li:eq(2)').fadeIn(500);
							});
												 												  
												
						  });






$('.slide2.more').click(function() {
											
							$('.slide1, .slide2').hide();
							$('.slide1.back, .slide3').show();
							
							$('ul.nextdate li:eq(0), ul.nextdate li:eq(1), ul.nextdate li:eq(2), ul.nextdate li:eq(6), ul.nextdate li:eq(7), ul.nextdate li:eq(8)').fadeOut(500, 
							function() {$('ul.nextdate li:eq(3), ul.nextdate li:eq(4), ul.nextdate li:eq(5)').fadeIn(500);
							});
												 												  
												
						  });






$('.slide3.more').click(function() {
											
							$(this).hide();
							$('.slide1').hide();
							$('.slide2.back').show();
							
							$('ul.nextdate li:eq(0), ul.nextdate li:eq(1), ul.nextdate li:eq(2), ul.nextdate li:eq(3), ul.nextdate li:eq(4), ul.nextdate li:eq(5)').fadeOut(500, 
							function() {$('ul.nextdate li:eq(6), ul.nextdate li:eq(7), ul.nextdate li:eq(8)').fadeIn(500);
							});
												 												  
												
						  });



$('.slide2.back').click(function() {
											
							$(this).hide();
							$('.slide1, .slide3.more').show();
							$('ul.nextdate li:eq(0), ul.nextdate li:eq(1), ul.nextdate li:eq(2), ul.nextdate li:eq(6), ul.nextdate li:eq(7), ul.nextdate li:eq(8)').fadeOut(500, function() {$('ul.nextdate li:eq(3), ul.nextdate li:eq(4), ul.nextdate li:eq(5)').fadeIn(500);
							});
												 												  
												
						  });	



});