var num = 6; // number of images
var img_width = 80; // images width
var counter = new Array(num);
var pos = new Array(num); // position
var temp; // temp position

var next = 0;
var flag = 0;

var ID;
var sID;

var i;
var j;


for (i=0; i<num; i++)
{
	
	counter[i] = 0;
	
	if (i==5) pos[i] = 400;
	else pos[i] = 0;

}

function check()
{
	for (i=0; i<num; i++)
	{ 
		if (document.getElementById('c'+i).complete == false)
		{
			return false;
			break;
		}
	}
	
	return true;
}


function start()
{
	if (check() == true)
	{		
		window.clearInterval(sID);
		ID = setInterval("auto()", 50);	
	}
}	
	

function auto()
{
	for (i=0; i<num; i++)
	{
		pos[i] = pos[i] - 1;
		
		if (i==next) counter[next] = counter[next] + 1;

	if (counter[next] == 81)
	{

		temp = 0;
		for (j=0; j<num; j++)
		{
			if (j!=i)
			{
				temp = temp + img_width;
			}			
		}
		
		if (next==0) pos[i] = temp - i*80;
		else if (next==1) pos[i] = temp - i*80;
		else if (next==5) pos[i] = 400;
		else pos[i] = temp - i*80 + 1;	
		
		counter[next] = 0;

		if (next==num-1) next = 0;
		else next = next + 1;
		
	}
		
		if (i==5) document.getElementById('c'+i).style.cssText = 'position:absolute;left:'+pos[i]+'px;';
		else document.getElementById('c'+i).style.cssText = 'position:relative;left:'+pos[i]+'px;';
	
	}
	
	flag = 1;
}

function stop()
{
	if (flag == 1)
	{
		window.clearInterval(ID);
	}
	if (flag == 0)
	{
		window.clearInterval(sID);
	}	
}

function scroll()
{
	if (flag == 1)
	{
		ID = setInterval("auto()", 50);
	}
	if (flag == 0)
	{
		sID = setInterval("start()", 2000);
	}	
}

sID = setInterval("start()", 2000);