/*  
JAVASCRIPT IMAGE GALLERY W/ mootools
Description: A easy, non destructive javascript image gala.
Version: 1.1
Author: Devin Ross
Author URI: http://tutorialdog.com
*/

/*
Release notes:
	1.1 - Adds loading animation, and properly fades in images when fully loaded
	1.1.1 - Fixes displaying description, Fades out current image, Works with Mootools 1.2
*/


window.addEvent('domready', function() {
		
		
		// CHANGE THIS !!
		var slides = 4;													   // NUMBER OF SLIDES IN SLIDESHOW, CHANGE ACCORDINGLY
		var pos = 0;
		var offset = 280;												 // HOW MUCH TO SLIDE WITH EACH CLICK
		var currentslide = 1;											// CURRENT SLIDE IS THE FIRST SLIDE


		
		/* THUMBNAIL IMAGE SCROLL */
		var imgscroll = new Fx.Scroll('wrapper', {
   			offset: {'x': 0, 'y': 0},
   			transition: Fx.Transitions.Cubic.easeOut  				// HOW THE SCROLLER SCROLLS
		}).toLeft();

	
		/* EVENTS - WHEN AN ARROW IS CLICKED THE THUMBNAILS SCROLL */
	/*	$('moveleft').addEvent('click', function(event) { event = new Event(event).stop();
			if(currentslide == 1) return;
			currentslide--;																	// CURRENT SLIDE IS ONE LESS
			pos += -(offset);															   // CHANGE SCROLL POSITION
			imgscroll.start(pos);														  // SCROLL TO NEW POSITION
		});
	  */
  	$('moveright').addEvent('click', function(event) { event = new Event(event).stop();
			if(currentslide >= slides ) 
      {
     	currentslide--;																	// CURRENT SLIDE IS ONE LESS
      currentslide--;	
      currentslide--;	
			pos += -(offset);															   // CHANGE SCROLL POSITION
			pos += -(offset);	
			pos += -(offset);	
			imgscroll.start(pos);		   
      }
      else{
			currentslide++;
			pos += offset;
			imgscroll.start(pos);
			}
		});
		
});