$(document).ready(function() {
	$("div.thumbnail").click(function(e) {
		setGalleryImage($(this).get(0));
		return false;
	});
	
	enableNavBtn('prev',false);
	enableNavBtn('next',$('#thumbnails .thumbnail').length > 1);
	
	$('#prev').click(prevImage).focus(function() { if (this.blur) this.blur(); });
	$('#next').click(nextImage).focus(function() { if (this.blur) this.blur(); });
});

function enableNavBtn(which,status) {
	status ? $('#' + which).show() : $('#' + which).hide();
}

function curImage() {
	return $('#thumbnails .thumbnail div.active').parent().get(0);
}

function nextImage() {
	var cur = curImage();
	if (cur.nextSibling) {
		setGalleryImage(cur.nextSibling);
	}
	return false;
}

function prevImage() {
	var cur = curImage();
	if (cur.previousSibling) {
		setGalleryImage(cur.previousSibling);
	}
	return false;
}

function setGalleryImage(tn) {
	if ($(tn).find('div.active').length) {
		return;
	}
	
	var index = jQuery.inArray(tn,$('#thumbnails .thumbnail'));
	var href = $(tn).find('a').attr('href');
	var speed = 'slow';
	
	$('#thumbnails .thumbnail div.active').removeClass('active');
	$($('#thumbnails .thumbnail div.frame').get(index)).addClass('active');
	$('#galleryImageNumber').text(index + 1);
	
	$('#loading').css('display','block');
	var img = $('#galleryDetail .image').hide();
	var i = new Image();
	$(i).load(function() {
		$('#loading').css('display','');
		img.find('img').replaceWith(i);
		img.fadeIn(speed);
		$('#description div').hide();
		$($('#description div').get(index)).fadeIn(speed);
	});
	$(i).attr('src',href);
	
	enableNavBtn('prev',!!tn.previousSibling);
	enableNavBtn('next',!!tn.nextSibling);
}