var t; // timeout placeholder
$(function()
{
    $("#smallGallery img").click(function()
        {
			smallImageClick(this);
        });
	clickerCheck();
});

function smallImageClick(img) {
	clearTimeout(t);
	var imageSource = $(img).attr("src");
	var largeImages = getBigImageCount(imageSource);
	//$("#largeGallery").addClass("loading");
	$("h3").remove();
	//alert("Outer: " + imageSource);
	$("#largeGallery div").show();
	showImage(imageSource, 1, largeImages);
	showDescriptor(getDatabaseId(imageSource));
	return false;
}

function showDescriptor(imageSource) {
$("#largeGallery p").text("");
$("#largeGallery p").load("LookUpArtInfo.php?id=" + imageSource + "");
$("#largeGallery p").show();
}

function showImage(src, imgNum, maxImg)
{
	var newSrc = src.replace(/sm\D+/, "big" + objType);
	newSrc = newSrc.replace(/img\d/, "img" + imgNum);

	var largeImage = $("#largeGallery div img");		
	$(largeImage).fadeOut("slow").remove();
	$("#largeGallery div").addClass("loading");
	var largeImage = new Image();
	//$(largeImage).addClass("largeImage");
	$(largeImage).attr("src", newSrc)
             .load(function()
             	{
                $(largeImage).hide();
                $("#largeGallery div").removeClass("loading").append(largeImage);
                $(largeImage).fadeIn("slow");                      
                });

	if (imgNum < maxImg) {
		t = setTimeout("showImage('" + newSrc + "', " + (imgNum + 1) + ", " + maxImg + ")", 6000);
	} else if (imgNum == maxImg && maxImg != 1) {
		t = setTimeout("showImage('" + newSrc + "', 1, 0)", 6000);
	}

}

function getDatabaseId(src) {
var patt1 = /.*?sm\D+\d+/
return src.match(patt1);
}

function getBigImageCount(src) {
var patt1 = /sm\D+(\d+)/;
var result = patt1.exec(src);
return gallerySizes[RegExp.lastParen];
}

function scrollGallery(dir) {
	var xx = document.getElementById("smallGallery");
	var yy = document.getElementById("smallGalleryStrip");
	var newLeftMargin;
	var leftMargin = parseInt(yy.style.marginLeft.replace(/px/,""));
	var windowSize = xx.clientWidth;
	var imageWidth = parseInt(yy.style.width.replace(/px/,""));
	if (windowSize < imageWidth) {
		if (dir == "right") {
			if (imageWidth - (Math.abs(leftMargin) + windowSize) > windowSize) {
				newLeftMargin = leftMargin - windowSize;
			}
			else {
				newLeftMargin = windowSize - imageWidth;
			}
		}
		else {
			if (Math.abs(leftMargin) > windowSize) {
				newLeftMargin = leftMargin + windowSize;
			}
			else {
				newLeftMargin = 0;
			}
		}
		yy.style.marginLeft = newLeftMargin + "px";
		clickerCheck();
	}
}
function clickerCheck() {
	var xx = document.getElementById("smallGallery");
	var yy = document.getElementById("smallGalleryStrip");
	var newLeftMargin;
	var leftMargin = parseInt(yy.style.marginLeft.replace(/px/,""));
	var windowSize = xx.clientWidth;
	var imageWidth = parseInt(yy.style.width.replace(/px/,""));
	var rightClicker = $("#smallGalleryRightClicker");
	var leftClicker = $("#smallGalleryLeftClicker");
	if (windowSize < imageWidth) {
		//right
		if (imageWidth > (Math.abs(leftMargin) + windowSize)) {
			rightClicker.addClass("liveClicker");
			$(rightClicker).attr("title", "more ››");
			$(rightClicker).html("o<br/>l<br/>d<br/>e<br/>r");
		}
		else {
			rightClicker.removeClass("liveClicker");
			$(rightClicker).attr("title", "");
			$(rightClicker).html("");
		}
		//left
		if (Math.abs(leftMargin) > 0) {
			leftClicker.addClass("liveClicker");
			$(leftClicker).attr("title", "‹‹ more");
			$(leftClicker).html("n<br />e<br />w<br />e<br />r");
		}
		else {
			leftClicker.removeClass("liveClicker");
			$(leftClicker).attr("title", "");
			$(leftClicker).html("");
		}
	}
	else {
		rightClicker.removeClass("liveClicker");
		$(rightClicker).attr("title", "");
		$(rightClicker).html("");
		leftClicker.removeClass("liveClicker");
		$(leftClicker).attr("title", "");
		$(leftClicker).html("");
	}
}