/*
 * Hide the large image viewer if it is clicked
 * */
function hideDiv(page)
{
	page.style.display="none";
}

/*
 * Show and set the image in teh large image viewer.
 * */
function imgClick(e)
{
	if(navigator.appName.indexOf("Microsoft") != -1 && 
		null != window.event )
	{
		e = window.event;
	}
	if( "object" == typeof (largeView))
	{
		if("string" == typeof(e))
		{
			largeView.src="largeimg/" + e;
		} else
		{
			largeView.src="largeimg/" + e.srcElement.id;
		}
		largeView.style.display="block";
	}
}
/*
 * Set the objects and event handlers.
 * */
function  onLoad ()
{
	
	var j = 0, smallPicturesIndex = 0;
	for(i = 0; i < document.images.length ; i++)
	{

		if(document.images[i].name == "borderImg")
		{
			document.images[i].onclick = imgClick;
			document.images[i].onmouseover = imgClick;
			document.images[i].id= images[j];
			document.images[i].src = "img/" + images[j];
			j++;
		}

		if(document.images[i].name == "smallPictures" && 
			"string" == typeof(smallPictures[smallPicturesIndex]))
		{
			document.images[i].onclick = smallPicturesClick;
			document.images[i].id= smallPictures[smallPicturesIndex];
			document.images[i].src = "smallPictures/" + smallPictures[smallPicturesIndex];
			document.images[i].style.display = "block";
			smallPicturesIndex++;
		}
	}
	if( "object" == typeof (divLargeView))
	{
		divLargeView.innerHTML = '<IMG ID=largeView STYLE="display:none" ONCLICK=hideDiv(this)>';
	}

	if( "object" == typeof(logoImg))
	{
		logoImg.innerHTML = '<IMG SRC=img/3inchlogo.jpg><BR>';
	}
}