var currentScroll = 0;

var pano = {time:0, begin:0, change:0.0, duration:0.0, element:null, timer:null};

function scrollStart(end,id) {
	elem = document.getElementById('thumbspano'+id);
	start = elem.scrollLeft;
	//end = start+theDistance;

	if (pano.timer != null) {
		clearInterval(pano.timer);
		pano.timer = null;
	}
	pano.time = 0;
	pano.begin = start;
	pano.change = end - start;
	pano.duration = 25;
	pano.element = elem;

	pano.timer = setInterval("scroll();", 15);

}

function scroll() {
	if (pano.time > pano.duration) {
		clearInterval(pano.timer);
		pano.timer = null;
	}
	else {
		move = sineInOut(pano.time, pano.begin, pano.change, pano.duration);
		pano.element.scrollLeft = move;
		pano.time++;
	}
}

function sineInOut(t, b, c, d) {
	return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
}


function scrollStart2(theDistance,id) {
	elem = document.getElementById('thumbspano'+id);
	start = elem.scrollLeft;
	end = start+theDistance;

	if (pano.timer != null) {
		clearInterval(pano.timer);
		pano.timer = null;
	}
	pano.time = 0;
	pano.begin = start;
	pano.change = end - start;
	pano.duration = 25;
	pano.element = elem;

	pano.timer = setInterval("scroll();", 15);

}

function showPredefinedMovie(id) {
	//$('c'+id).style.backgroundImage='url(img/bg3.png)';
	//$('l'+id).src = ('img/l3.png');
	//$('r'+id).src = ('img/r3.png');
}

function mouseMovieOver(id) {
	$('c'+id).style.color = "white";
	$('c'+id).style.backgroundColor = "orange";
	$('c'+id).style.backgroundImage = "none";
	//$('c'+id).style.backgroundImage='url(img/bg2.png)';
	//$('l'+id).src = ('img/l2.png');
	//$('r'+id).src = ('img/r2.png');
}

function mouseMovieOut(id) {
	$('c'+id).style.color = "black";
	$('c'+id).style.backgroundColor = "transparent";
	$('c'+id).style.backgroundImage = "url(img/prog_bg_2012.png)";
	//$('c'+id).style.backgroundImage='url(img/bg1.png)';
	//$('l'+id).src = ('img/l1.png');
	//$('r'+id).src = ('img/r1.png');
}

function scrollBack(elem, min, amount) {
	elem.src = ('img/prog_left_on.png');
	//alert(currentScroll);
	if (currentScroll>min) {
		scrollStart(currentScroll-amount,1);
		currentScroll -= amount;
	};
}

function scrollForward(elem, max, amount) {
	elem.src = ('img/prog_right_on.png');
	if (currentScroll<max) {
		scrollStart(currentScroll+amount,1);
		currentScroll += amount;
	};
}

function resetSrc(elem, img) {
	elem.src = (img);
}