window.addEvent('domready', function()
{
	var currentImage = new Asset.image(largeImages[1].image, {id:'currentImage'});
	currentImage.injectInside('galleryImage');
	
	var currentCaption = new Element('p', {id:'caption'});
	currentCaption.setText(largeImages[1].caption);
	currentCaption.injectInside('galleryImage');
	
	var currentSubCaption = new Element('p', {id:'subCaption'});
	currentSubCaption.setText(largeImages[1].subCaption);
	currentSubCaption.injectInside('galleryImage');
			
	
	var thumbHandles = $('contentNavigation').getElements('.item');
	var thumbArea = $('contentNavigation').getElements('.thumbArea');
	var thumbnails = $('contentNavigation').getElements('.thumbnail');
		
	
	
	thumbnails.each(function(el, i)
	{
		if(i!=0)
		{
			el.setOpacity(.5);
		}
		else{
			el.setProperty('id', 'selected');
		}
		
		el.addEvent('mouseover', function()
		{
			el.setOpacity(1);	
		});
		
		el.addEvent('mouseout', function()
		{
			if(el.id != 'selected')
			el.setOpacity(.5);
		});
		
		
		el.addEvent('click', function(clicker)
		{
			if($('selected'))
			{
				$('selected').setOpacity(.5);
				$('selected').removeProperty('id');
			}
			
			el.setProperty('id', 'selected');
			el.setOpacity(1);
			
			swapImages(largeImages[i+1].image, largeImages[i+1].caption, largeImages[i+1].subCaption);
	
		});	
	});
	
	thumbHandles.each(function(el, i)
	{
		
		el.addEvent('click', function()
		{
			var newImage = thumbArea[i].getElement('img').src.replace('_thumb','');
			swapImages(newImage, thumbArea[i].getElement('img').title, thumbArea[i].getElement('img').alt);
									
			thumbArea.each(function(el, i)
			{
				el.setStyle('display','none');
			});
			
			thumbArea[i].setStyle('display','block');
			
			if($('selected'))
			{
				/*Images*/
				$('selected').setOpacity(.5);
				$('selected').removeProperty('id');
				
				/*Tabs*/
				$ES('.selected').removeClass("selected");
			}
			
			el.addClass("selected");
			thumbArea[i].getElement('img').setProperty('id', 'selected');
			thumbArea[i].getElement('img').setOpacity(1);
			
		});
	});
	
	thumbArea.each(function(el, i)
	{
		if(i!=0)
		{
			el.setStyle('display','none');
			
		}
		
	});
	
	function swapImages(newImage, caption, subCaption)
	{
		var hideAnimation = new Fx.Style(currentImage, 'opacity', {duration:500});
		hideAnimation.start(0);
			
		(function(){
			currentImage.src = newImage;
			
		}).delay(500);
		
		(function()
		{
			hideAnimation.start(1);
			currentCaption.setText(caption);
			currentSubCaption.setText(subCaption);
		}).delay(550);
	}
});