/*
* Client: Dulwich Picture Gallery
* JS: THUMBNAIL VIEWER
* Author: Reading Room (NG)
 */

function thumbnailViewer(sImage1, sImage2, sImage3, sImage4) {

	$("#exhibitions #spot").append('<ul class="thumbs"></ul>');
	
	if(sImage1 != undefined) {
		$("#exhibitions #spot ul.thumbs").append('<li>'+sImage1+'</li>');
	}
	if(sImage2 != undefined) {
		$("#exhibitions #spot ul.thumbs").append('<li>'+sImage2+'</li>');
	}
	if(sImage3 != undefined) {	
		$("#exhibitions #spot ul.thumbs").append('<li>'+sImage3+'</li>');
	}
	if(sImage4 != undefined) {	
		$("#exhibitions #spot ul.thumbs").append('<li>'+sImage4+'</li>');
	}
	
	$(".thumbs a:first").addClass("current");
	$(".thumbs a").click(function() {
		var path = $(this).attr("href"); //use thumb href as image path		
		var alt = $(this).attr("title"); //use thumb title as image alt
		var title = $(this).attr("title"); //use thumb title as image alt

		$("#spotWrap .spotFocus").attr({ src: path, alt: alt, title: title }).hide().fadeIn(800);; //Replace path and alt on the banner + fade in
		$("#spotWrap .image .caption").hide().css({left:-9000 + "px"}).animate({left:0 + "px"}, 800).fadeIn(100);

		$("a.current").removeClass("current");
		$(this).addClass("current");
		return false;
	});
}