window.addEvent('domready', function() {


	gallery_items = $$('.gallery-item'); // get all of the <dl class="gallery-item"> elements
	gallery_imgs = $$('.gallery-item a');
	
	limit = (gallery_items.length-1)*960;
	
		$('the_gallery').addEvent('click', function(event){

			gallery_items.each(function(element) {
				inc = element.getStyle('left').toInt()

				if (inc + limit > 0) {
					inc = element.getStyle('left').toInt() - 960; // get current position of images
				} else {
					inc = 0;
				}

				var myFx = new Fx.Tween(element);
					myFx.start('left', inc);	

			});
				$('the_gallery').fireEvent('click', $('the_gallery'), 7000);
		});
		$('the_gallery').fireEvent('click', $('the_gallery'), 7000);
				
		gallery_imgs.each(function(element) {
			element.addEvent('click', function(event){ // stop the anchor link clicking through
				event.stop();
			});
		});
});

// window.addEvent('domready', function() {
// 
// 	gallery_items = $$('.gallery-item'); // get all of the <dl class="gallery-item"> elements
// 	gallery_imgs = $$('.gallery-item a'); // get all of the <dl class="gallery-item"> elements
// 	limit = (gallery_items.length-1)*1920;
// 	
// 	gallery_imgs.each(function(element) {
// 		element.addEvent('click', function(event){ // stop the anchor link clicking through
// 			event.stop();
// 
// 			gallery_items.each(function(element) {
// 				inc = element.getStyle('left').toInt()
// 
// 				if (inc + limit > 0) {
// 					inc = element.getStyle('left').toInt() - 1920; // get current position of images
// 				} else {
// 					inc = 0;
// 				}
// 
// 				var myEffect = new Fx.Tween(element);
// 				myEffect.set('left', inc);
// 
// 			});
// 		})
// 	});
// });