var selectedDiv=0
var totalDivs=0
var galleryClassName = "thumbnail_list"  //name of class in each div tag for all images list

if (document.getElementById){
document.write('<style type="text/css">\n')
document.write('.thumbnail_list{display:none;}\n')
document.write('</style>\n')
}

function getElementbyClass(classname){  //put those div has the classname in a array: partscollect
	partscollect=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)
		partscollect[inc++]=alltags[i]
	}
}

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

function expandone(){ //show one of thumbnails lists
	var selectedDivObj=partscollect[selectedDiv]
	contractall()
	selectedDivObj.style.display="block"
}

function nextrow(){ //select the next thumbnail list
	selectedDiv=(selectedDiv<totalDivs-1)? selectedDiv+1 : 0
//	alert(selectedDiv + ' ' + totalDivs)
	expandone()
}
function prerow(){ //select the previous thumbnail list
	selectedDiv=(selectedDiv==0)? totalDivs-1 : selectedDiv-1
//	alert(selectedDiv + ' ' + totalDivs)
	expandone()
}
function startgallery(){  //initial call
	if (document.getElementById("controldiv")) //if it exists
		document.getElementById("controldiv").style.display="block"
	getElementbyClass(galleryClassName)
	totalDivs=partscollect.length
	expandone();
}

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