Event.observe(window, 'load', intro);
var pic = new Array();
var pic_seq = 0;
var time = null;

var fix = null;
var width = 243;
var increment = 9;
var scroll = 243;
var rightscroll = 0;
var leftscroll = width;
var timeval = null;
var scr = null;

function intro()
{
	pic[0] = new Image()
	pic[0].src = BASEURL+"system/application/images/intro.jpg";
	pic[1] = new Image()
	pic[1].src = BASEURL+"system/application/images/intro1.jpg";
	pic[2] = new Image()
	pic[2].src = BASEURL+"system/application/images/intro2.jpg";
	pic[3] = new Image()
	pic[3].src = BASEURL+"system/application/images/intro3.jpg";
	time = setInterval("changePicAuto()","5000");
}
function changePicAuto()
{
	pic_seq++;
	if(pic_seq==4)
		pic_seq=0;
	changePic(pic_seq);
}
function changePic(id)
{
	$("intro").style.background = "url("+pic[id].src+")";
	pic_seq = id;
	window.clearInterval(time);
	time = setInterval("changePicAuto()","5000");
}

function doscroll(target,el)
{
	fix = $$("#"+el+" table")[0].getWidth();
	if(target=="left")
	{
		scr = document.getElementById(el);
		doScrollLeft();
	}
	else
	{
		scr = document.getElementById(el);
		doScrollRight();
	}
}
function doScrollRight()
{
	if(rightscroll!=width && fix-(scr.scrollLeft+width*3)>0)
	{
		rightscroll+=increment;
		scr.scrollLeft+=increment;
		timeval = setTimeout("doScrollRight()","0")
	}
	else
	{
		rightscroll=0;
		window.clearTimeout(timeval);
	}	
}
function doScrollLeft()
{
	if(leftscroll!=0)
	{
		leftscroll-=increment;
		scr.scrollLeft-=increment;
		timeval = setTimeout("doScrollLeft()","0")
	}
	else
	{
		leftscroll=width;
		window.clearTimeout(timeval);
	}
}