window.onload = init;

function init()
{
	var gallery = document.getElementById('gallery_content');
	
	if (gallery) {
		var galleryLinks = gallery.getElementsByTagName('a');
				
		for (i = 0; i < galleryLinks.length; i++) {
			galleryLinks[i].onclick = setImage;
		}
	}

	nextImage = false;
	if ($('main_image_container')) {
		$('main_image_container').hide();
	}
}

function setImage()
{
	if (!nextImage) {
		$('main_image').setStyle({height: '500px', background: 'none'});
		$('main_image_container').setStyle({display: 'block'});
	}

	nextImage = this.href;

	document.location.href = '#main_image';
	new Effect.Fade('main_image_container', {afterFinish: changeImage, from: '1.0', to: '0'});
	new Effect.Appear('main_image_container', {from: '0', to: '1.0', queue: 'end'});
	
	return false;
}

function changeImage()
{
	$('main_image_container').innerHTML = '<img width="500" height="500" src="' + nextImage + '" />';
}