/*  
BASED ON:

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

*/
var numberOfItems;
var itemsPerSlide;

window.addEvent('domready', function() {
		
		if (numberOfItems) {
		
  		var pos = 0;
  		var slides = Math.ceil(numberOfItems/itemsPerSlide);
  
  		var offset = itemsPerSlide*itemWidth;	// HOW MUCH TO SLIDE WITH EACH CLICK
  		var currentslide = 1;	// CURRENT SLIDE IS THE FIRST SLIDE
  		
  		/* THUMBNAIL IMAGE SCROLL */
  		var imgscroll = new Fx.Scroll('thumbwrapper', {
     			offset: {'x': 0, 'y': 0},
     			transition: Fx.Transitions.Cubic.easeOut	// HOW THE SCROLLER SCROLLS
  		}).toLeft();
  		
  		checkButtonVisibility(currentslide, slides);
  	
  		/* EVENTS - WHEN AN ARROW IS CLICKED THE THUMBNAILS SCROLL */
  		if ($('moveleft')) {
  			$('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
  				checkButtonVisibility(currentslide, slides);
  				//imgscroll.start(pos);			// SCROLL TO NEW POSITION
  				imgscroll.scrollTo(pos, 0); // Mootools 1.11
  			});
  		}
  		if ($('moveright')) {
  			$('moveright').addEvent('click', function(event) { event = new Event(event).stop();
  				if(currentslide >= slides) return;
  				currentslide++;
  				pos += offset;
  				checkButtonVisibility(currentslide, slides);
  				//imgscroll.start(pos);
  				imgscroll.scrollTo(pos, 0); // Mootools 1.11
  			});
  		}
  	
    }
	
});

function showImg(theimage, a) {
  
  var fullimg = $('fullimg');	
  var fullimgfx1 = fullimg.effects({duration: 100, transition: Fx.Transitions.Sine.easeOut}); // Mootools 1.11
  var fullimgfx2 = fullimg.effects({duration: 350, transition: Fx.Transitions.Sine.easeOut}); // Mootools 1.11
  
  var loader = $(a).getPrevious('span.loader');
	if ($(loader)) $(loader).setStyle('visibility', 'visible'); // loader-gif einblenden
	
	var thumb = $(loader).getNext('img');
	$(thumb).setStyle('opacity', '0.5'); // Thumbnail faden
  
  // Fade out
	fullimgfx1.start({ 
							'opacity' : 0													
	});
  
  new Ajax(ajaxurl, {
  	data:'action=getimage&img='+theimage,
  	method: 'post',
  	evalScripts: true,
    update: $('dcduserlistsingle'),
  	onSuccess: function(responseText){
  	  fullimg.setHTML(responseText);

  		// Fade in
    	fullimgfx2.start({ 
    							'opacity' : 1													
    	});
    	
    	if ($(loader)) $(loader).setStyle('visibility', 'hidden');
			$(thumb).setStyle('opacity', '1');
    	
  	}
  }).request();
  
}

function checkButtonVisibility(currentslide, slides) {
	if (slides > 1) {
		if (currentslide == 1) {
			$('moveright').removeClass('hidden');
			if (!$('moveleft').hasClass('hidden')) {
				$('moveleft').addClass('hidden');
			}
		}
		if(currentslide > 1) {
			$('moveleft').removeClass('hidden');
		}
		if (currentslide == slides) {
			if (!$('moveright').hasClass('hidden')) {
				$('moveright').addClass('hidden');
			}
		}
	}
}

function getImage(index, ajaxurl) {
  
  new Ajax(ajaxurl, {
		data:'action=getimage&index='+index,
		method: 'post',
		evalScripts: true,
		update: $('fullimage'),
		onSuccess: function(responseText){
			
		}
	}).request();
	
}