// Initially set opacity on thumbs and add
// additional styling for hover effect on thumbs
var onMouseOutOpacity = 1;

$(document).ready(function() {

	/* NAVIGATION */
	
	$(".nav_toggle").click(function(){
	 var id = $(this).attr("id");
	 $(".subnav").hide();
	 $("." + id).toggle();
  return false;
	});
	
	$("#nav .selected").each(function(){
	 $(this).parent().parent().show();
	});
	
 /** ONLY SHOW FIRST YEAR **/
 
 $(".right_text .article_list li:first").each(function(){
  $(this).addClass("first");
 });
 
 $(".right_text .article_list li").each(function(){
  var thisItemSpan = $(".year_space", this).html();
  var prevItemSpan = $(".year_space", $(this).prev()).html();
  if (thisItemSpan != prevItemSpan) {
   return true;
  }
  else {
   $(this).removeClass("year");
   $(".year_space", this).addClass("hidden");
  }
 });
	
	
	/** GALLERIA **/
	var galleryAdv = $('#gallery').galleriffic('#thumbs', {
		delay:                  4000,
		numThumbs:              100,
		preloadAhead:           4,
		enableTopPager:         true,
		enableBottomPager:      true,
		imageContainerSel:      '#slideshow',
		controlsContainerSel:   '#controls',
		captionContainerSel:    '#caption',
		loadingContainerSel:    '#loading',
		renderSSControls:       true,
		renderNavControls:      true,
		playLinkText:           '',
		pauseLinkText:          '',
		prevLinkText:           '',
		nextLinkText:           '',
		nextPageLinkText:       'Next ›',
		prevPageLinkText:       '‹ Prev',
		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) {
			$('#slideshow, #caption').fadeOut('fast', callback);
		},
		onTransitionIn:         function() {
			$('#slideshow, #caption').fadeIn('fast')
			var offset = 
			$("#thumbs").scrollTo("li.selected", {duration: 700, axis: "x"});
			/*Breedte Image Description aanpassen aan huidige afbeelding*/
			$(".image-desc").css("width", $("#gallery #slideshow img").width() + "px");
		},
		onPageTransitionOut:    function(callback) {
			$('#thumbs ul.thumbs').fadeOut('fast', callback);
		},
		onPageTransitionIn:     function() {
			$('#thumbs ul.thumbs').fadeIn('fast');
		}
	});
	
	$("#thumbs_back").click(function(){
		$("#thumbs").stop().scrollTo("-=100px", {duration: 200, axis: "x"});
	});
	$("#thumbs_forth").click(function(){
		$("#thumbs").stop().scrollTo("+=100px", {duration: 200, axis: "x"});
	});
	
	/** ENKEL DESCRIPTION ALS FOTO HOVER **/
	$("#slideshow").hover(
		function(){
			$(".image-desc").fadeIn()
		},
		function(){
			$(".image-desc").hide()
		}
	);
	
	/** SHOW THUMBS **/
	$(".show_thumbs").toggle(
		function(){
			$("#thumbs_container").fadeIn();
		},
		function(){
			$("#thumbs_container").fadeOut();
		}
	);

});