$(document).ready(function(){
  
	$('.multimage-image').each(function() {
	
	if (Drupal.settings[$(this).attr('id') + '-mode'] == 'single')
    return;
	
	
					var images = Drupal.settings[$(this).attr('id')];
					var captions = Drupal.settings[$(this).attr('id') + '-captions'];
					
					var container = $(this).parent().parent(); //Unused variable, for future additions.
					var top = $(this).parent();							
					var bottom = $(this).parent().next();
					var buffer = $(this).parent().next().next();
					
					//Load all images as soon as the page loads, that way the user won't have to wait on each click.	
						for (x = 0; x < images.length; x++) {
							buffer.attr('src', images[x]); //GET method in JQuery 1.01 is buggy when used in IE, so buffering must be done 'manually'.
						}  	
					var count = 1;
												$(this).click(function() {
													if (count == images.length ) 
														count = 0;
														
														bottom.fadeOut(200);	
														top.fadeOut(200, function(){	
														
																$(this).children().attr('src', images[count]);
																bottom.html(captions[count]);
																top.fadeIn(200);
																bottom.fadeIn(200);
																count++;} 
														);
			   
																	   
												});											 
				});
});