$(document).ready(function() {
			// Save  the jQuery objects for later use.
			var outera		= $("#preview_outera");
			var arrowa		= $("#arrowa");
			var thumbsa		= $("#thumbsa span");

			var preview_pos;
			var preview_els	= $("#preview_innera .diva");
			var image_width	= preview_els.eq(0).width(); // Get width of imaages
			
			// Hook up the click event
			thumbsa.click(function() {
				// Get position of current image
				preview_pos = preview_els.eq( thumbsa.index( this) ).position();

				// Animate them!
				outera.stop().animate( {'scrollLeft' : preview_pos.left},	500 );
				arrowa.stop().animate( {'left' : $(this).position().left },	500 );
			});

			// Reset positions on load
			arrowa.css( {'left' : thumbsa.eq(0).position().left } ).show();
			outera.animate( {'scrollLeft' : 0}, 0 );

			// Set initial width
			$("#preview_innera").css('width', preview_els.length * image_width);
		});

$(document).ready(function() {
			// Save  the jQuery objects for later use.
			var outerb		= $("#preview_outerb");
			var arrowb		= $("#arrowb");
			var thumbsb		= $("#thumbsb span");

			var preview_pos;
			var preview_els	= $("#preview_innerb .diva");
			var image_width	= preview_els.eq(0).width(); // Get width of imaages
			
			// Hook up the click event
			thumbsb.click(function() {
				// Get position of current image
				preview_pos = preview_els.eq( thumbsb.index( this) ).position();

				// Animate them!
				outerb.stop().animate( {'scrollLeft' : preview_pos.left},	500 );
				arrowb.stop().animate( {'left' : $(this).position().left },	500 );
			});

			// Reset positions on load
			arrowb.css( {'left' : thumbsb.eq(0).position().left } ).show();
			outerb.animate( {'scrollLeft' : 0}, 0 );

			// Set initial width
			$("#preview_innerb").css('width', preview_els.length * image_width);
		});