var imgCounter = 0;
var crntScroll = 0;
var crntSelect = 0;

var blankImage = new Image;
blankImage.src = "imgs/blank.jpg";

var blankArrow = new Image;
blankArrow.src = "imgs/arrow-blank.gif";

var arrowLeft = new Image;
arrowLeft.src = "imgs/arrow-left.gif";

var arrowRight = new Image;
arrowRight.src = "imgs/arrow-right.gif";

function dispPic (imgNo)
{
	if (arrNames[imgNo + crntScroll] != null) document.bigpic.src=arrNames[imgNo + crntScroll];
	//else document.bigpic.src=blankImage.src;
	
	if (arrText[imgNo + crntScroll] != null) document.getElementById("picdescr").innerHTML = arrText[imgNo + crntScroll];
	//else document.getElementById("picdescr").innerHTML = "";
	
}

function scrollBand (direction)
{
	if (direction != "F")
	{
		if (arrNames.length <= artStep) return;
		if (direction == "L" && crntScroll == 0) return;
		if (direction == "R" && crntScroll >= arrNames.length - artStep) return;

		if (direction == "L")
		{
			if (crntScroll - artStep < 0) crntScroll = 0;
			else crntScroll = crntScroll - artStep;
		}
		else
		{
			if (crntScroll + artStep > arrNames.length) crntScroll = arrNames.length - artStep;
			else crntScroll = crntScroll + artStep;
		}
	}
	else
	{
		crntScroll = 0;
	}
	var index;
	for (index = 0; index < artStep; index++)
	{
		if (arrNames[crntScroll + index]) 
		{
			document.images["art" + (index + 1)].src=arrNames[crntScroll + index];
			document.images["art" + (index + 1)].border=1;
			document.images["art" + (index + 1)].style.cursor='hand';
		}
		else 
		{
			document.images["art" + (index + 1)].src=blankImage.src; 
			document.images["art" + (index + 1)].border=0;
			document.images["art" + (index + 1)].style.cursor='default';
		}
	}
	if ((crntScroll + artStep) >= arrNames.length)
	{
		document.images["arrow-right"].src=blankArrow.src;
		document.images["arrow-right"].style.cursor='default';
	}
	else 
	{
		document.images["arrow-right"].src=arrowRight.src;
		document.images["arrow-right"].style.cursor='hand';
	}

	if ((crntScroll + artStep) <= artStep)
	{
		document.images["arrow-left"].src=blankArrow.src;
		document.images["arrow-left"].style.cursor='default';
	}
	else 
	{
		document.images["arrow-left"].src=arrowLeft.src;
		document.images["arrow-left"].style.cursor='hand';
	}
	dispPic (0);
}
function fetchImages ()
{
	var indx = 0;
	for (indx; indx < arrHNames.length; indx++)
	{
		arrImages [indx] = new Image;
		arrImages [indx].src = arrNames[indx];
	}
}