var showcase = [
	{ img: false, src: '/img/showcase/land-mammals.jpg', url: '/vertebrates/mammals', title: "Fascinating Land Mammals", color: '#d9541e' },
	{ img: false, src: '/img/showcase/reptiles.jpg', url: '/vertebrates/reptiles', title: "Secretive Reptiles", color: '#d18316' },
	{ img: false, src: '/img/showcase/plant-world.jpg', url: '/plants', title: "Extraordinary Plant World", color: '#9ccb3b' },
	{ img: false, src: '/img/showcase/marine-mammals.jpg', url: '/vertebrates/marine_mammals', title: "Magnificent Marine Mammals", color: '#004d8b' },
	{ img: false, src: '/img/showcase/insects.jpg', url: '/invertebrates',  title: "Intriguing Insects", color: '#bc628f' }
], curShowcase = 0, prevShowcase = 5;
	
function updateShowcase() {
	
	curShowcase  = curShowcase == showcase.length-1 ? 0 : curShowcase+1;
	prevShowcase = curShowcase == 0 ? showcase.length-1 : curShowcase - 1;
	
	if ( showcase[ curShowcase ].img != false || curShowcase == 0) {
		$('.showcase-image').eq( prevShowcase ).fadeOut(1000);
		$('.showcase-image').eq( curShowcase ).fadeIn(1000);
		$('#showcase-mask,#rainbow').animate({backgroundColor: showcase[ curShowcase ].color}, 1000);
		$('#learn-more').attr('href', showcase[ curShowcase ].url);
		setTimeout(updateShowcase, 6500);
	} else {
		showcase[ curShowcase ].img = new Image();
		showcase[ curShowcase ].img.src = showcase[ curShowcase ].src;
		showcase[ curShowcase ].img.onload = function() {
			var that = this;
			$('.showcase-image').eq( prevShowcase ).fadeOut(1000);
			$('<img class="showcase-image" />').attr({'src': that.src, alt: showcase[ curShowcase ].title, title: showcase[ curShowcase ].title }).insertAfter('.showcase-image:last').fadeIn(1000);
			$('#showcase-mask,#rainbow').animate({backgroundColor: showcase[ curShowcase ].color}, 1000);
			$('#learn-more').attr('href', showcase[ curShowcase ].url);
			setTimeout(updateShowcase, 6500);
		};
	}
}

$(document).ready(function() {

	$('#rainbow').css({top: $('#showcase').offset().top});
	$('#rainbow').css('background-color', showcase[0].color);
	$('.showcase-image:first-child').attr({src: showcase[0].src, title: showcase[0].title, alt: showcase[0].alt}).show();
	$('#learn-more').attr('href', showcase[0].url);
	
	setTimeout(updateShowcase, 6500);
	
	$('#express-interest').click(function(event) {		
		showRegistration();
		//$('#keep-updated-email').focus();
	});
	
});