var bigImageContainerId = "big_image_container";
var togglerId = "toggler";
var thumbsContainerId = "thumbs_container";

// ----------------------------------------
$(document).ready(function() {
	var bigImageEl = $("#" + bigImageContainerId)[0];
	var togglerEl = $("#" + togglerId);
	var thumbsEl = $("#" + thumbsContainerId);
	var prevButtonId = "";

	thumbsEl.hide();

	$(".image_gallery a").click(function (){return false});
	$(".image_gallery img.thumb").each(function() {
		$(this).click(function () {
			$("#" + bigImageContainerId + " img").attr( {
				src : $(this).parent().attr("rel")
			}).appendTo($(bigImageEl));
			
		});
	});
	togglerEl.click(function() {
		thumbsEl.toggle();
	});
	$("#" + thumbsContainerId + " a.close").click(function() {
		thumbsEl.hide();
	});

	$("#prev_button").click(function() {
		var imgSrc = $("#" + bigImageContainerId + " img").attr("src");
		if ($(".image_gallery a[rel="+imgSrc+"]").parent().prev().length)
		{
			$(".image_gallery a[rel="+imgSrc+"]").parent().prev().find("img").click();
		}
		else
		{
			$(".image_gallery:last-child").find("img").click();
		}
	});
	$("#next_button").click(function() {
		var imgSrc = $("#" + bigImageContainerId + " img").attr("src");
		if ($(".image_gallery a[rel="+imgSrc+"]").parent().next().length)
		{
			$(".image_gallery a[rel="+imgSrc+"]").parent().next().find("img").click();
		}
		else
		{
			$(".image_gallery img.thumb:first").click();
		}
	});
});

// ----------------------------------------