// var ImageList = [];
var ImageIndex = 0;

function GetRef(str)
{
	if(document.all)
		return document.all[str];
	else
		return document.getElementById(str);
}

function WriteImageThumbnails() {
	PlaceTag = GetRef("image_place");
	while(PlaceTag.firstChild)
		PlaceTag.removeChild( PlaceTag.firstChild );
		
	for(i=0; i < ImageList.length; ++i) {
		ImageSrc  = ImageList[ i ];
		if( !ImageSrc )
			continue;
		ImageElement = document.createElement("img");
		ImageElement.src = "images/" + ImageSrc;
		ImageElement.style.display = "none";
		ImageElement.style.position = "absolute";
		ImageElement.style.bottom = "0px";
		PlaceTag.appendChild( ImageElement );
		
		ThumbnailSrc = ImageSrc.substr(0, ImageSrc.length - 4 ) + "_thumb.jpg";

		document.write(
			"<a   href=\"javascript:void(0);\">" +
			"<img src=\"images/" + ThumbnailSrc + "\" alt=\"" + i + "\""+
			" onclick=\"javascript:ShowImage("+ i + ");\"/>"+
			"</a>");
	};
}

function SelectFirstImage() {
	do {
		ImageIndex = Math.round( Math.random()*(ImageList.length-1) );
		ImageSrc = ImageList[ ImageIndex ];
	} while( !ImageSrc );
	
	ShowImage(ImageIndex);
}

function ShowImage(index) {
//	ImgTag = GetRef("image_left");
/*	ImgTag2 = document.createElement("img");
	ImgTag2.src = "images/" + ImageList[index];
*/	
	PlaceTag = GetRef("image_place");
	PlaceTag.childNodes[ ImageIndex ].style.display = "none";
	PlaceTag.childNodes[ index ].style.display = "inline";
	
//	PlaceTag.appendChild(ImgTag2);
//	ImgTag.src = "images/" + ImageList[index];
	
	TxtTag = GetRef("txt" + (ImageIndex+1) );
	TxtTag.style.display = "none";

	ImageIndex = index;

	TxtTag = GetRef("txt" + (ImageIndex+1) );
	TxtTag.style.display = "inline";
}