var leftarrow_off = new Image(100, 40);
leftarrow_off.src = "../images/up.png";
var leftarrow_on = new Image(100, 40);
leftarrow_on.src = "../images/up-on.png";
var rightarrow_off = new Image(100, 40);
rightarrow_off.src = "../images/down.png";
var rightarrow_on = new Image(100, 40);
rightarrow_on.src = "../images/down-on.png";

var numImages;
var thumbnails;
var pics;
var imageNames;
var position;
var scroller = document.getElementById("scroll_content");
var scrollTime;
var offset;

var pixStep = 5;
var timeStep = 15;

var n;

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

var browserName = navigator.userAgent.toLowerCase();
var is_ie5 = (browserName.indexOf("msie 5") != -1);


function initScroller(n)
{
	numImages = n;
	thumbnails = new Array(numImages);
	pics = new Array(numImages);
//	imageNames =  new Array(numImages);
	
	for (var i=0; i<numImages; i++)
	{
		pics[i] = new Image(100, 100);			
		thumbnails[i] = document.getElementById("th" + i);
	}
	offset = 0;
	position = 0;
}

function scrollLeft()
{
	if (position - pixStep < 0)
	{
		position = position + 5;
		document.getElementById("scroll_content").style.top = position + "px";
		scrollTime = setTimeout("scrollLeft()", timeStep);
		//alert(position);
	}
}

function scrollRight()
{
		position = position - 5;
		document.getElementById("scroll_content").style.top = position + "px";
		scrollTime = setTimeout("scrollRight()", 20);
}

function scrollRight_WithMore()
{
		position = position - 5;
		document.getElementById("scroll_content").style.top = position + "px";
		scrollTime = setTimeout("scrollRight_WithMore()", 20);
		if (position <= -(100 * numImages - 700))
		{
			numImages = numImages + 10;
			var req = new Ajax.Request('/gallery/load_more/', {asynchronous:true, evalScripts:true}); return false;
		}
}

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

function leftMouseover(img_h)
{
	img_h.src = leftarrow_on.src;
	//var testpos=document.getElementById("scroll_content").style.top;
	//position = testpos.slice(0,testpos.length-2);
	scrollLeft();
}
 
function leftMouseout(img_h)
{
	img_h.src = leftarrow_off.src;
	clearTimeout(scrollTime);
}

function rightMouseover(img_h)
{
	img_h.src = rightarrow_on.src;
	scrollRight();
}

function rightMouseover_WithMore(img_h)
{
	img_h.src = rightarrow_on.src;
	var testpos=document.getElementById("scroll_content").style.top;
	//position = testpos.slice(0,testpos.length-2);
	//alert(testpos + ", " + position);
	scrollRight_WithMore();
}

function rightMouseout(img_h)
{
	img_h.src = rightarrow_off.src;
	//var testpos=document.getElementById("scroll_content").style.top;
	//position = testpos.slice(0,testpos.length-2);
	clearTimeout(scrollTime);
	//alert(position);
}