var selected = 0
var total = 0
var ns4 = (navigator.appName.indexOf("Netscape") > -1 && navigator.appVersion.indexOf("4") > -1) ? true:false                 
var ie = (document.all) ? true:false
var ns6 = (document.getElementById && !document.all) ? true:false

function getLayer(id)
{
	var layer = (ns4) ? document.layers[id] : (ie) ? document.all[id] : document.getElementById(id)
	return layer
}

function showLayer(html, name)
{
	layer = getLayer(name)

	if(ns4)
	{
		layer.document.write(html)
		layer.document.close()
		layer.visibility = "visible"
	}
	else
	{
		layer.innerHTML = html	
		layer.style.visibility = "visible"
	}
}

function getEntries(classname)
{
	entries = new Array()
	var inc = 0
	var allTags = document.all? document.all.tags("div") : document.getElementsByTagName("*")

	for (i = 0; i < allTags.length; i++)
	{
		if (allTags[i].className == classname)
			entries[inc++] = allTags[i]
	}
}

function hideAll()
{
	var inc=0
	
	while (entries[inc])
	{
		entries[inc].style.display="none"
		inc++
	}
}

function showSelected(selectedDiv)
{
	var selectedDivObj = entries[selectedDiv]
	hideAll()
	selectedDivObj.style.display = "inline"
	selectedDiv = (selectedDiv<totalDivs)? selectedDiv : 0
	src = entries[selectedDiv].getAttribute("src")
	code = "<img src=\""+src+".jpg\" width=\"300\">"
	showLayer(code, "largeView")
}

function makeIndex()
{
	code = ""
	
	for (i = 0; i < totalDivs; i++) {
		src = entries[i].getAttribute("src")
		code += "<span id=\"thumbnail\"><a href=\"#largeView\">"
		code += "<img src=\""+src+"_sm.jpg\" width=\"75\" height=\"75\" onClick=\"showSelected("+i+")\">"
		code += "</a></span>\n"
	}
	
	showLayer(code, "thumbnailBar")
}


function start()
{
	getEntries("entry")
	totalDivs = entries.length
	hideAll()
	makeIndex()
	showSelected(0)
}

if (window.addEventListener)
	window.addEventListener("load", start, false)
else if (window.attachEvent)
	window.attachEvent("onload", start)
else if (document.getElementById)
	window.onload=start