// JavaScript Document

function gallerySmallInit() {
	
				$('#gallery_add').remove();
				$('.details').remove();
				
				function thumbSlide(obj) {
					var splitID = obj.id.split("-");
					var picID = splitID[1];		
					slide(picID);
				}
				
				function slide(picID) {
					curPic = picID;
					$('#slide').remove();
					$('.overlay_clicked').removeClass('overlay_clicked');
					$('#gallery').append('<div id="slide"><img src="' + imageSet[picID][0] + '" /></div>');
					makeCaption();
					$("#thumb-" + picID).addClass('overlay_clicked');
					updateControls();
					
				}
				
				function nextSlide() {
					if (curPic < imageSet.length-1) {
						curPic++;
						slide(curPic);
					}
				}
				
				function prevSlide() {
					if (curPic > 0) {
						slide(curPic-1);
					}
				}
				
				function makeCaption() {
					$('#caption').remove();
					if (imageSet[curPic][2] != "") {
					$('#gallery').append('<div id="caption"><div id="caption_container" class="caption"><p>' +  imageSet[curPic][2] + '</p></div></div>');
					}
				}	
				
				function updateControls() {
					if (curPic == 0) { $('.prev').hide(); } else { $('.prev').show(); }
					if (curPic < imageSet.length-1) { $('.next').show(); } else { $('.next').hide(); }
				}			
				
				var tcount = 1;
				for (t=0; t<imageSet.length; t++) {
					

					if (tcount == 12) {
						tcount = 0;
						$('#thumbnails').append('<div class="last"><img src="' + imageSet[t][1] + '" /><a id="thumb-' + t + '" class="overlay" href="javascript:void(0)"> </a></div>');
						$('#thumbnails').append('<div class="clearBoth"><!-- clear --></div>');
					} else {
						$('#thumbnails').append('<div><img src="' + imageSet[t][1] + '" /><a id="thumb-' + t + '" class="overlay" href="javascript:void(0)"> </a></div>');
					}
					
					$('#thumb-' + t).click(function() {
						thumbSlide(this);
					})
					
					tcount++;
				}
				
			
				
				curPic = 0;
				
				
				
				$('#thumbnails').append('<div class="clearBoth"><!-- clear --></div>');
				$('#gallery').append('<div class="next">&raquo;</div><div class="prev">&laquo;</div>');
				$('.next').click(function() {
					nextSlide();
				});
				
				$('.prev').click(function() {
					prevSlide();
				});
				
				updateControls();
				makeCaption();
				
				$(window).keydown(function(event) {
  					if (event.keyCode == 39) { nextSlide(); }
					else if (event.keyCode == 37) { prevSlide(); }
				});

}