jQuery(document).ready(function() {
	// Classes needed for styling purposes:
	jQuery('#main-nav li:last').addClass('last');
	jQuery('.banners img:last').addClass('last');
	
	jQuery("ul li:last-child").addClass("last");
	
	jQuery("a.external").attr("target", "_blank");
	
	
	
	
	
	// Collectie button: show button on hover
	jQuery('#collectie li').hover(function() {
		jQuery(this).find('.button').show();
	}, function() {
		jQuery(this).find('.button').hide();
	});
	
	// Whenever the big image + thumbs are in the #column-right,
	// hide the big-image
	if ( jQuery('#column-right .photogallery').length) {
		jQuery('#column-right #image-big').hide();
		jQuery('#image-big a.back').click(function(e) {
			e.preventDefault();
			jQuery('#image-big').fadeOut(100);
			jQuery('#column-right .photogallery').fadeIn(500);
		});
	}
	
    jQuery("#collectie .button").css({ WebkitTransform: 'rotate(-4deg)'});
    jQuery("#collectie .button").css({ '-moz-transform': 'rotate(-4deg)'});

	// All functions go here:
	languageSwitcher();
	uniekeVondstAnimation();
	photoGallery();
	replayButton();
});


jQuery(window).ready(function() {
	lazyImage();
});

function replayButton() {
	jQuery('.replaybutton').click(function(event) {
		event.preventDefault();
		jQuery('img.animated').each(function() {
			var $thisImage = jQuery(this);
			$thisImage.hide();
			var src = jQuery(this).attr('src');
			jQuery(this).attr('src', '');

				jQuery($thisImage).attr("src", src);

			$thisImage.show();
		});
	});
}

// Language switcher
function languageSwitcher() {
	var fadeSpeed = 500;	
	// Click arrow to see "options" and "black overlay"
	jQuery('#language-nav .more').click(function() {
		jQuery('#language-nav .options').fadeToggle(fadeSpeed);
	});
}

// Unieke vondst banner
function uniekeVondstAnimation() {
	jQuery('#unieke-vondst_img').mouseenter(function() {
		jQuery('#unieke-vondst_img').stop(true, true).fadeOut(200);
		jQuery('#unieke-vondst_opened').stop(true, true).fadeIn(500);
		jQuery('#unieke-vondst').stop(true, false).animate({ left: -157}, 1200);
	});
	
	jQuery('#unieke-vondst > a').mouseleave(function() {
		jQuery('#unieke-vondst_opened').stop(true, true).fadeOut(200);
		jQuery('#unieke-vondst_img').stop(true, true).fadeIn(500);
		jQuery('#unieke-vondst').stop(true, false).animate({ left: -42}, 1200);
	});
}

// Custom '11 PhotoGallery'
function selectImage(imageToSelect) {
	var bigImage = jQuery(imageToSelect).attr('href');		
	jQuery('#image-big img').addClass('active').attr('src', bigImage);
	jQuery('ul.thumbs li').removeClass('active');
	jQuery(imageToSelect).parent().addClass('active');
	jQuery('.prev').removeClass('disabled');
	if( jQuery(imageToSelect).parent().hasClass('first') ) {
		jQuery('.prev').addClass('disabled');
	}
	
	jQuery('.next').removeClass('disabled');
	if ( jQuery(imageToSelect).parent().hasClass('last') ) {
		jQuery('.next').addClass('disabled');
	}
}
/**
 * Copy the longdesc attr to the src attr which will fire the load event.
 * FadeIn the image onload.
 * 
 * If the image has no siblings it will chnage noting.
 */
function lazyImage() {
	jQuery('img.loading').load(function() {
		jQuery(this).fadeIn(200);
	});
	jQuery('img.loading').each(function(index) {
		if (jQuery(this).parents('li').siblings().length > 0) {
			jQuery(this).attr('src', jQuery(this).attr('longdesc'));
		}
	});	
}

function photoGallery() {
	jQuery('ul.thumbs li:first').addClass('first');
	jQuery('ul.thumbs li:nth-child(3n)').addClass('modus_three_child');
	
	// Switch src image
	jQuery('ul.thumbs a').click(function(e) {
		e.preventDefault();
		selectImage(this);
		
		// image-big_overlay: for example, check 'Verzorging en inspiratie'
		// thumbs are shown, whenever the user clicks on a thumb: the big image fades in
		var imageBigOverlay = jQuery(this).parents('div.image-big_overlay')
		if ( imageBigOverlay.length > 0 ) {
			imageBigOverlay.fadeOut(200);
			jQuery('#image-big').fadeIn(800);
		};
	});
	
	// Prev button
	jQuery('a.prev').click(function(e) {
		if (jQuery(this).hasClass('dispatch')) {
			return true;
		}
		e.preventDefault();		
		
		if ( jQuery(this).hasClass('disabled') == false ) {
			var prev = jQuery('ul.thumbs li.active').prev();
			if (prev) {
				selectImage(prev.find('a'));
			}
		}
	});
	
	// Next button
	jQuery('a.next').click(function(e) {
		if (jQuery(this).hasClass('dispatch')) {
			return true;
		}
		e.preventDefault();

		if ( jQuery(this).hasClass('disabled') == false ) {
			var next =  jQuery('ul.thumbs li.active').next();
			if (next) {
				selectImage(next.find('a'));
			}
		}
	});
}