var galImages = [];
var currentGalImage = null;
var lastGalImage = null;
var dropGalImage = null;
var inAni = false;
var loadImage = function ($indexNr) {
	if(currentGalImage !== null && currentGalImage.get('id') ==  'imgCon'+$indexNr || inAni) return;
	var $container = new Element('div',{'class':'imgCon', 'id' : 'imgCon'+$indexNr});
	$container.adopt(new Element('img',{'src' : galImages[$indexNr].src}));
	 // $container.adopt(new Element('div',{'class' : 'imgConTitle', 'text' : galImages[$indexNr].title}));
	$container.adopt(new Element('div',{'class' : 'imgConDescription', 'text' : galImages[$indexNr].description}));
	$container.setStyles({'zIndex':10, 'opacity' : 0});
	$('largeImageContainer').adopt($container);
	dropGalImage = lastGalImage;
	lastGalImage = currentGalImage;
	currentGalImage = $container;
	if(lastGalImage !== null) lastGalImage.setStyles({'zIndex':5, 'opacity' : 1});
	if(dropGalImage !== null) dropGalImage.dispose();
	inAni = true;
	new Fx.Tween(currentGalImage, {duration:fadeDuration ? fadeDuration : 500, onComplete:function(){inAni = false;}}).start('opacity',0,1);
};
window.addEvent('domready',function(){
	$$('#thumbnails a').each(function(el,index){
		var $img = el.getChildren('img');
		var $imgObj = {};
		$imgObj.index = index;
		$imgObj.src = el.get('href');
		$imgObj.title = $img.get('title');
		$imgObj.description = $img.get('alt');
		galImages[index] = $imgObj;
		el.addEvent('click',function(evt){evt.stop();loadImage(index);});
		
	});
	var $startIndex = Math.floor(Math.random()* galImages.length-0.01);
	if($startIndex >= 0) loadImage($startIndex);
});