var curr_pos = 0;
var new_pos = 0;
var active = 0;
var val = 0;
var op = 0;
var filt = 0;
var r_pic = document.getElementById("cap2");
var l_pic = document.getElementById("cap2");

function getOff()
{
	var x = document.getElementById("scroll_window");
	return x.offsetLeft;
}

function scroll_right(){
if (active != 1)
{
switch (curr_pos)
{
case 0:
new_pos = -1318;
r_pic = document.getElementById("cap2");
op = 0;
filt = 0;
break;
case -1318:
new_pos = -2636;
r_pic = document.getElementById("cap3");
op = 0;
filt = 0;
break;
case -2636:
return;
}
r_scroll_int = setInterval("scroll_r()", 10);
active = 1;
}
}

function scroll_left(){
if (active != 1)
{
switch (curr_pos)
{
case -2636:
new_pos = -1318;
l_pic = document.getElementById("cap3");
op = 1;
filt = 100;
break;
case -1318:
new_pos = 0;
l_pic = document.getElementById("cap2");
op = 1;
filt = 100;
break;
case 0:
return;
}
l_scroll_int = setInterval("scroll_l()", 10);
active = 1;
}
}

function scroll_r(){
op = (op+0.01);
filt++;
var y = getOff();
if (y >= new_pos)
{
	val = (new_pos - y)/15;
	if (val > -1)
	{
	val = -1;	
	}	
	var value = y + val;
	var x = document.getElementById("scroll_window");
	x.style.left = value+"px"; 
	r_pic.style.opacity = op;
	r_pic.style.filter = 'alpha(opacity='+filt+')';
	/*var inf = document.getElementById("info");
	inf.innerHTML=(y+"  curr:"+curr_pos+"  new:"+new_pos+"  speed:"+val);*/
}
else
{
	curr_pos = curr_pos - 1318;
	/*var inf = document.getElementById("info");
	inf.innerHTML=(y+"  curr:"+curr_pos+"  new:"+new_pos);*/
	stop_scroll_r();	
}

}

function scroll_l(){
op = (op-0.02);
filt--;
filt--;
var y = getOff();
if (y <= new_pos)
{

	val = Math.abs((new_pos - y)/15);
	if (val < 1)
	{
	val = 1;	
	}	
	var value = y + val;
	var x = document.getElementById("scroll_window");
	x.style.left = value+"px";
	l_pic.style.opacity = op;
	l_pic.style.filter = 'alpha(opacity='+filt+')';
	/*var inf = document.getElementById("info");
	inf.innerHTML=(y+"&nbsp;&nbsp;curr:"+curr_pos+"&nbsp;&nbsp;new:"+new_pos);*/
}
else
{
	curr_pos = curr_pos + 1318;
	var inf = document.getElementById("info");
	/*inf.innerHTML=(y+"&nbsp;&nbsp;curr:"+curr_pos+"&nbsp;&nbsp;new:"+new_pos);*/
	stop_scroll_l();	
}

}

function stop_scroll_r(){
clearInterval(r_scroll_int);
active = 0;
}

function stop_scroll_l(){
clearInterval(l_scroll_int);
active = 0;
}