// JavaScript Document

var current_number;
var panels_arr=new Array();
var btn_r;
var pageindex

function startThumbFunction()
{
	btn_r=document.getElementById("btn_rechts");
	btn_l=document.getElementById("btn_links");
	pageindex=document.getElementById("pageindex");
	
	pageindex.style.display="none";
	btn_r.style.display="none"
	btn_l.style.display="none"
	upNumber();
}


	
	
function upPanel()
{
	btn_l.style.display="block";
	panels_arr[current_number-1].style.display="none";
	current_number++;
	panels_arr[current_number-1].style.display="block";
	fillInIndex();
	if(!panels_arr[current_number])
	{
		
		btn_r.style.display="none"
	}
	
}

function downPanel()
{
	btn_r.style.display="block";
	panels_arr[current_number-1].style.display="none";
	current_number--;
	panels_arr[current_number-1].style.display="block";
	fillInIndex();
	if(!panels_arr[current_number-2])
	{
		btn_l.style.display="none";
		
	}
	
}


							
	
function upNumber()
{
	
	var mainpanel=document.getElementById("thumbnails");
	var elements = mainpanel.getElementsByTagName("*") ;
		
	for (var i = 0; i < elements.length; i++) 
	{ 
   		if(elements[i].className=="panel")
   		{
	   		panels_arr.push(elements[i]);	
   		}
	}
	
	
	for (var j= 0; j <panels_arr.length; j++)
	{
		panels_arr[j].style.display="none";
	}
	panels_arr[0].style.display="";
	current_number=1;
	fillInIndex();
}
	
function fillInIndex()
{
	
	pageindex.innerHTML=current_number +"/" + panels_arr.length;
	if(panels_arr.length>1)
	{
			pageindex.style.display="block";
			btn_r.style.display="block";
	}
}