var numImages;
var thumbnails;
var pics;
var imageNames;
var position;
var scroller;
var scrollTime;
var offset;

var pixStep = 5;
var timeStep = 20;

var blank = new Image(1,1);
blank.src = "blank.gif";


function viewImage(i)
{
	var imageNum = (i + offset)%numImages;
	//document.getElementById("image_viewer_wrapper").style.display = "block";
	if (!pics[imageNum].src)
	{
		pics[imageNum].src = imageNames[imageNum];
	}
	document.getElementById("imagem_grande").src = pics[imageNum].src;
	document.getElementById("a_imagem").href = pics[imageNum].src;
	//document.getElementById('caption2').innerHTML = captions2[imageNum];
}


function rotateRight()
{
	var temp = thumbnails[numImages-1].src;
	for (var i=numImages-1; i>0; i--)
	{
		thumbnails[i].src = thumbnails[i-1].src;
	}
	thumbnails[0].src = temp;
	if (offset == 0) offset = numImages - 1;
	else offset--;
}

function rotateLeft()
{
	var temp = thumbnails[0].src;
	for (var i=0; i<numImages-1; i++)
	{
		thumbnails[i].src = thumbnails[i + 1].src;
	}
	thumbnails[numImages-1].src = temp;
	offset = (offset + 1) % numImages;
}

function scrollLeft()
{
	if (position + pixStep >= 0)
	{
		var lastWidth = thumbnails[numImages-1].width;
		position = position - lastWidth - 7;
		rotateRight();
	}
	position = position + pixStep;
	scroller.style.left = position + "px";
	scrollTime = setTimeout("scrollLeft()", timeStep);
}

function scrollRight()
{
	var firstWidth = thumbnails[0].width;
	if (position + firstWidth - pixStep < 0)
	{
		position = position + firstWidth + 7;
		rotateLeft();
	}
	position = position - pixStep;
	scroller.style.left = position + "px";
	scrollTime = setTimeout("scrollRight()", timeStep);
}

function addImage(w, h, s)
{
	thumbnails[numImages] = new Image(w, h);
	thumbnails[numImages].src = s;
	numImages++;
}

function leftMouseover(img_h)
{
	scrollLeft();
}

function leftMouseout(img_h)
{
	clearTimeout(scrollTime);
}

function rightMouseover(img_h)
{
	scrollRight();
}

function rightMouseout(img_h)
{
	clearTimeout(scrollTime);
}