var last;

i = 0;
imagecounter = 6;

//var browser_name = navigator.appName;

function upd(event)
{
	if(last) 
		last.parentNode.className = 'default';
	event = event || window.event;
	var targ = event.target || event.srcElement;
	targ.parentNode.className = 'active';
	last = targ;
	div = document.getElementById('scroll');
	var i = targ.getAttribute('image_id');
	textInd(i);
	if (i>4)
		div.scrollLeft = (i-4)*120;
	if (div.scrollLeft > 60)
		div.scrollLeft = (i-1)*120;	
	targ.blur();
}

function textInd(j)
{
	var item = document.getElementById('lab');
	if(item)
	{
		item.innerHTML = "Image: "+j+" of 6";
		i = j;
		big(j);
	}
}

function forward(){			
	if (i<imagecounter){
		div = document.getElementById('scroll');
		name = "thumb"+i;
		last = document.getElementById(name);
		last.parentNode.className='default';
		if (i>3){
			z = (i-3)*120;
			div.scrollLeft = z;
		}	
		i++;
		textInd(i);
		name = "thumb"+i;
		last = document.getElementById(name);
		last.parentNode.className='active';
		big(i);
	}
}

function backward()
{
	if (i>1){
		name = "thumb"+i;
		div = document.getElementById('scroll');
		last = document.getElementById(name);
		last.parentNode.className='default';
		i--;
		z = (i-1)*120;
		textInd(i);
		name = "thumb"+i;
		last = document.getElementById(name);
		last.parentNode.className='active';
		div.scrollLeft = z;
		big(i);
	}
}

function Init()
{
	textInd(1);
	itms = document.getElementsByTagName('IMG');
	for(var j=0;j<itms.length;j++)
	{
		if(itms[j].className=='thumbloader' || itms[j].className=='default')
			itms[j].onclick=upd;
	}
	
	last = document.getElementById('thumb1');
	if(last)
		last.parentNode.className='active';
}

function big(k)
{
	document.getElementById('big').src = "images/progressbar.gif";
	window.setTimeout('document.getElementById(\'big\').src = "images/big/shot000'+k+'.jpg";', 1);
}

window.onload = Init;