var timer;

var speed               = 5000;
var defClazz            = 'introarend';
var trechter            = new Object();

trechter['luipaard']    = new Array();
trechter['luipaard'][0] = '/shared/homepage/trechter/trechter-1-1.png';
trechter['luipaard'][1] = '/shared/homepage/trechter/trechter-1-2.png';

trechter['wolf']        = new Array();
trechter['wolf'][0]     = '/shared/homepage/trechter/trechter-2-1.png';
trechter['wolf'][1]     = '/shared/homepage/trechter/trechter-2-2.png';

trechter['beer']        = new Array();
trechter['beer'][0]     = '/shared/homepage/trechter/trechter-3-1.png';
trechter['beer'][1]     = '/shared/homepage/trechter/trechter-3-2.png';

trechter['haai']        = new Array();
trechter['haai'][0]     = '/shared/homepage/trechter/trechter-4-1.png';
trechter['haai'][1]     = '/shared/homepage/trechter/trechter-4-2.png';

trechter['leeuw']       = new Array();
trechter['leeuw'][0]    = '/shared/homepage/trechter/trechter-5-1.png';
trechter['leeuw'][1]    = '/shared/homepage/trechter/trechter-5-2.png';

trechter['arend']       = new Array();
trechter['arend'][0]    = '/shared/homepage/trechter/trechter-6-1.png';
trechter['arend'][1]    = '/shared/homepage/trechter/trechter-6-2.png';

function roImage(obj, type, slide)
{
	clearInterval(timer);
	
	slide      = slide == undefined ? false : slide;
	var src    = obj.src;
	var mode   = trechter[type];
	var holder = document.getElementById('holder');
	var txt    = holder.getElementsByTagName('DIV');
	var clazz  = 'intro' + type;
	var id     = 0;
	
	// And at last, be sure to have all other icons on the left set to grey
	var table   = document.getElementById('swaps');
	var td      = table.getElementsByTagName('TD');
	
	for(var i = 0; i < td.length; i++)
	{
		if(td[i] != obj.parentNode.parentNode)
		{
			var img = td[i].getElementsByTagName('IMG');
			img     = img[0];
			
			img.src = trechter[td[i].id][0];
		} else
		{
			id = i;
		}
	}
	
	if(src.indexOf(mode[0]) != -1)
	{
		obj.src          = mode[1];
		holder.className = clazz;
		
		if(slide)
		{
			timer = setTimeout('slideImage(' + id + ')', speed);
		} else
		{
			clearTimeout(timer);
		}
	} else if(!slide)
	{
		timer = setTimeout('slideImage(' + id + ')', speed);
	}
	
	for(var i = 0; i < txt.length; i++)
	{
		if(txt[i].id == clazz + '_tekst')
		{
			txt[i].style.display = 'block';
		} else
		{
			txt[i].style.display = 'none';
		}
	}
	
	/*
	if(src.indexOf(mode[0]) != -1)
	{
		obj.src          = mode[1];
		holder.className = clazz;
		var clazz2       = clazz + '_tekst';
		
		if(!slide)
		{
			clearInterval(timer)
		}
	} else
	{
		obj.src          = mode[0];
		holder.className = defClazz;
		var clazz2       = defClazz + '_tekst';
		
		if(!slide)
		{
			slideImage(id);
		}
	}
	
	for(var i = 0; i < txt.length; i++)
	{
		if(txt[i].id == clazz2)
		{
			txt[i].style.display = 'block';
		} else
		{
			txt[i].style.display = 'none';
		}
	}
	*/
}

function slideImage(id)
{
	var table   = document.getElementById('swaps');
	
	// Get the cells
	var td      = table.getElementsByTagName('TD');
	id          = id +1 == td.length
		? 0
		: id+1;
	
	var cell    = td[id];
	var img     = cell.getElementsByTagName('IMG');
	img         = img[0];
	
	var type    = cell.id;
	
	roImage(img, type, true);
	
	/*
	id          = id == td.length
		? 0
		: id + 1;
	
	var current = td[id];
	
	alert(current);
	
	var img1    = current.getElementsByTagName('IMG');
	img1        = img1[0];
	
	var type1   = current.id;
	
	roImage(img1, type1, true);
	*/
	//timer = setTimeout('slideImage(' + id + ')', 1000);
}