// JavaScript Document

var splashImageIndex = 0;
var aSplashImageSrc = [ "/paintings/images/rhode_island/muscheshuck_creek.jpg",
						"/paintings/images/the_valley/apple_orchard.jpg",
				    	"/paintings/images/rhode_island/farmhouse.jpg",
					 	"/paintings/images/the_valley/solitude.jpg" ];

function makeVisible() {

/*	var left, top;

	left = (clientWidth() - imgBigImage.width) / 2 + scrollLeft();
	top = (clientHeight() - imgBigImage.height) / 2 + scrollTop();
	divImage.style.left = left + "px";
	divImage.style.top = top + "px";
*/
	var img;

	img = document.getElementById("imgBigImage");
	img.style.display = "block";
	img.onload = null;

}

function showImage(obj) {
	
	var pos, left, top;
	var winSize, winWidth, winHeight;
	var imgWidth, imgHeight, imgSrc;
	var div, img;

	pos = findPos(obj);
	left = pos[0];
	top = pos[1];

	div = document.getElementById("divImage");
	img = document.getElementById("imgBigImage");
	div.style.left = left + "px";
	div.style.top = top + "px";
	imgSrc = obj.firstChild.src
	imgSrc = imgSrc.replace("thumbnails", "images");
	img.title = obj.firstChild.title;
	img.onload = makeVisible;
	img.src = imgSrc;

}

function hideImage() {

	var img;
	img = document.getElementById("imgBigImage");
	img.src = "";
	img.style.display = "none";

}

function rotateSplashImage() {

	var img;

	img = document.getElementById("imgSplash");
	splashImageIndex = (splashImageIndex + 1) % aSplashImageSrc.length;
	img.src = aSplashImageSrc[splashImageIndex];

}

function toggleGrid(grid) {

	var i, n;
	var div;
	
//	hideImage();
	i = 1;
	while ((div = document.getElementById(("divImageGrid" + i))) != null) {
		if (i == grid)
			if (div.style.display != "none")
				div.style.display = "none";
			else
				div.style.display = "inline";
		else
			div.style.display = "none";
		i++;
	}

}