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

	// Scroller for thumbs
	var scrollFx = new Fx.Scroll($('albumThumbs'));
	
	
	// Update Main Photo
	
	$$('.albumThumb').addEvent('click', function() {
		
		var photoID = this.get('alt');
		var pID = this.get('id');
		pID = pID.replace(/pt/, "");
		
		$('albumMainPhoto').set('opacity', 0);
		$('albumMainPhoto').set('html', '');
		
		new Element('img').set({'src': '/photos/570/'+photoID+'.jpg', 'alt': photoID})
			.inject($('albumMainPhoto', 'top'));
			
		$('albumMainPhoto').tween('opacity', 0, 1);
		
		scrollFx.toElement(this);
		
		$$('.albumThumb').each(function(element) {
			element.setStyle('border', '1px solid #FFF');
		});
		
		this.setStyle('border', '1px solid #3e2912');
		$('thisPID').set('value', pID);
		
	});
	
	
	// Gallery Movement
	function gallery_move(direction) {
		var thisPID = $('thisPID').get('value');
		var lastPID = $('PID').get('value');

		
		if(direction == "forward") {
			thisPID++;
		
			if(thisPID <= lastPID) {
				$('pt'+thisPID).fireEvent('click');
				scrollFx.toElement($('pt'+thisPID));
			} else {
				$('pt1').fireEvent('click');
				scrollFx.toElement($('pt1'));
			}
		} else {
			thisPID--;
		
			if(thisPID > 0) {
				$('pt'+thisPID).fireEvent('click');
				scrollFx.toElement($('pt'+thisPID));
			} else {
				$('pt'+lastPID).fireEvent('click');
				scrollFx.toElement($('pt'+lastPID));
			}
		}
		
	};

	// Gallery Next
	$('photoNext').addEvent('click', function() {
		gallery_move("forward");
	});
	
	// Gallery Previous
	$('photoPrev').addEvent('click', function() {
		gallery_move("back");
	});
	
	// Slideshow Stop
	$('photoSlide').addEvent('click', function() {
		var status = $('photoSlide').get('html');
		if(status == "Stop Slideshow") {
			player = $clear(player);
			$('photoSlide').set('html', "Play Slideshow");
		} else {
			gallery_move("forward");
			player = play.periodical(5000);
			$('photoSlide').set('html', "Stop Slideshow");
		}
		
	});
	
	var play = function slideshow() {
			gallery_move("forward");
		};
	
	
});