$(document).ready(function() {
			// Save  the jQuery objects for later use.
			var outerc		= $("#preview_outeraa");
			var arrowc		= $("#arrowaa");
			var thumbsc		= $("#thumbsaa span");

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

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

			// Reset positions on load
			arrowc.css( {'left' : thumbsc.eq(0).position().left } ).show();
			outerc.animate( {'scrollLeft' : 0}, 0 );

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

$(document).ready(function() {
			// Save  the jQuery objects for later use.
			var outerd		= $("#preview_outerd");
			var arrowd		= $("#arrowd");
			var thumbsd		= $("#thumbsd span");

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

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

			// Reset positions on load
			arrowd.css( {'left' : thumbsd.eq(0).position().left } ).show();
			outerd.animate( {'scrollLeft' : 0}, 0 );

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

$(document).ready(function() {
			// Save  the jQuery objects for later use.
			var outere		= $("#preview_outere");
			var arrowe		= $("#arrowe");
			var thumbse		= $("#thumbse span");

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

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

			// Reset positions on load
			arrowe.css( {'left' : thumbse.eq(0).position().left } ).show();
			outere.animate( {'scrollLeft' : 0}, 0 );

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

$(document).ready(function() {
			// Save  the jQuery objects for later use.
			var outerf		= $("#preview_outerf");
			var arrowf		= $("#arrowf");
			var thumbsf		= $("#thumbsf span");

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

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

			// Reset positions on load
			arrowf.css( {'left' : thumbfs.eq(0).position().left } ).show();
			outerf.animate( {'scrollLeft' : 0}, 0 );

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

$(document).ready(function() {
			// Save  the jQuery objects for later use.
			var outerg		= $("#preview_outerg");
			var arrowg		= $("#arrowg");
			var thumbsg		= $("#thumbsg span");

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

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

			// Reset positions on load
			arrowg.css( {'left' : thumbsg.eq(0).position().left } ).show();
			outerg.animate( {'scrollLeft' : 0}, 0 );

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

$(document).ready(function() {
			// Save  the jQuery objects for later use.
			var outerh		= $("#preview_outerh");
			var arrowh		= $("#arrowh");
			var thumbsh		= $("#thumbsh span");

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

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

			// Reset positions on load
			arrowh.css( {'left' : thumbsh.eq(0).position().left } ).show();
			outerh.animate( {'scrollLeft' : 0}, 0 );

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