var scrollerwidth  = '137px';
var scrollerheight = '60px';
var pausebetweenimages = 2000;

// configure the below variable to change the images used in the slideshow. If you wish the images to be clickable, simply wrap the images with the appropriate <a> tag
var slideimages = new Array();
slideimages[0] = '<a href="http://www.sportcity.be/" target="_blank"><img src="images/sponsors/sportcity.gif" alt="" border="0" /></a>';
slideimages[1] = '<a href="http://www.vgc-services.be/" target="_blank"><img src="images/sponsors/vgc.gif" alt="" border="0" /></a>';
slideimages[2] = '<img src="images/sponsors/mattoni.gif" alt="" border="0" />';
slideimages[3] = '<img src="images/sponsors/feyen.gif" alt="" border="0" />';
slideimages[4] = '<img src="images/sponsors/lenaerts.gif" alt="" border="0" />';
slideimages[5] = '<a href="http://www.michielsenvreys.be/" target="_blank"><img src="images/sponsors/michielsen_vreys.gif" alt="" border="0" /></a>';
slideimages[6] = '<a href="http://www.warpy.be/" target="_blank"><img src="images/sponsors/warpy.gif" alt="" border="0" /></a>';
slideimages[7] = '<a href="http://www.bioscan.be/" target="_blank"><img src="images/sponsors/bioscan.gif" alt="" border="0" /></a>';
slideimages[8] = '<img src="images/sponsors/huybrechts.gif" alt="" border="0" />';
slideimages[9] = '<img src="images/sponsors/crets.gif" alt="" border="0" />';
slideimages[10] = '<img src="images/sponsors/defensie.gif" alt="" border="0" />';
slideimages[11] = '<a href="http://www.ijsklokje.com/" target="_blank"><img src="images/sponsors/ijsklokje.gif" alt="" border="0" /></a>';
slideimages[12] = '<a href="http://www.argenta.be/" target="_blank"><img src="images/sponsors/argenta.gif" alt="" border="0" /></a>';
slideimages[13] = '<a href="http://www.recyca.be/" target="_blank"><img src="images/sponsors/recyca.gif" alt="" border="0" /></a>';
slideimages[14] = '<a href="http://www.tkafee.be/" target="_blank"><img src="images/sponsors/tkafee.gif" alt="" border="0" /></a>';
slideimages[15] = '<a href="http://www.garage-vanherck.be/" target="_blank"><img src="images/sponsors/mazda.gif" alt="" border="0" /></a>';
slideimages[16] = '<a href="http://www.garage-vanherck.be/" target="_blank"><img src="images/sponsors/hyunda.gif" alt="" border="0" /></a>';
//extend this list

var ie  = document.all;
var dom = document.getElementById;

i = 0;

function move1(whichlayer) {
	tlayer = eval(whichlayer);
	
	if(tlayer.top > 0 && tlayer.top <= 5) {
		tlayer.top = 0;
		setTimeout("move1(tlayer)", pausebetweenimages);
		setTimeout("move2(document.main.document.second)", pausebetweenimages);
		return;
	}
	
	if(tlayer.top >= tlayer.document.height*-1) {
		tlayer.top-=5;
		setTimeout("move1(tlayer)",50);
	}
	else {
		tlayer.top = parseInt(scrollerheight);
		tlayer.document.write(slideimages[i]);
		tlayer.document.close();
		
		i = genrandom();
	}
}

function move2(whichlayer) {
	tlayer2 = eval(whichlayer);
	
	if(tlayer2.top > 0 && tlayer2.top <= 5) {
		tlayer2.top = 0;
		setTimeout("move2(tlayer2)", pausebetweenimages);
		setTimeout("move1(document.main.document.first)", pausebetweenimages);
		return;
	}
	if(tlayer2.top >= tlayer2.document.height*-1) {
		tlayer2.top -= 5;
		setTimeout("move2(tlayer2)", 50);
	}
	else {
		tlayer2.top = parseInt(scrollerheight);
		tlayer2.document.write(slideimages[i]);
		tlayer2.document.close();
		
		i = genrandom();
	}
}

function move3(whichdiv) {
	tdiv = eval(whichdiv);
	
	if(parseInt(tdiv.style.top) > 0 && parseInt(tdiv.style.top) <= 5) {
		tdiv.style.top = 0+"px";
		setTimeout("move3(tdiv)", pausebetweenimages);
		setTimeout("move4(second2_obj)", pausebetweenimages);
		return;
	}
	
	if(parseInt(tdiv.style.top) >= tdiv.offsetHeight*-1) {
		tdiv.style.top = parseInt(tdiv.style.top)-5 + "px";
		setTimeout("move3(tdiv)", 50);
	}
	else {
		tdiv.style.top = scrollerheight;
		tdiv.innerHTML = slideimages[i];
		
		i = genrandom();
	}
}

function move4(whichdiv) {
	tdiv2 = eval(whichdiv);
	
	if(parseInt(tdiv2.style.top) > 0 && parseInt(tdiv2.style.top) <= 5) {
		tdiv2.style.top = 0+"px";
		setTimeout("move4(tdiv2)", pausebetweenimages);
		setTimeout("move3(first2_obj)", pausebetweenimages);
		return;
	}
	if(parseInt(tdiv2.style.top) >= tdiv2.offsetHeight*-1) {
		tdiv2.style.top = parseInt(tdiv2.style.top)-5 + "px";
		setTimeout("move4(second2_obj)", 50);
	}
	else {
		tdiv2.style.top = scrollerheight;
		tdiv2.innerHTML = slideimages[i];
		
		i = genrandom();
	}
}

function startscroll() {
	if(ie || dom) {
		first2_obj = ie ? first2 : document.getElementById("first2");
		second2_obj = ie ? second2 : document.getElementById("second2");
		move3(first2_obj);
		
		second2_obj.style.top = scrollerheight;
		second2_obj.style.visibility = 'visible';
	}
	else if(document.layers) {
		document.main.visibility = 'show';
		move1(document.main.document.first);
		document.main.document.second.top = parseInt(scrollerheight)+5;
		document.main.document.second.visibility = 'show';
	}
}

function genrandom() {
	var new_index = Math.round(Math.random()*(slideimages.length-1));
	while (new_index==i) {
		var new_index = Math.round(Math.random()*(slideimages.length-1));
	}

	return new_index;
}

window.onload = startscroll;

document.writeln('<ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; visibility=hide>');
document.writeln('<layer id="first" left=0 top=1 width=&{scrollerwidth};>');
if (document.layers)
	document.write(slideimages[genrandom()]);
document.writeln('</layer>');
document.writeln('<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>');
if (document.layers)
	document.write(slideimages[genrandom()]);
document.writeln('</layer>');
document.writeln('</ilayer>');

if(ie || dom) {
	document.writeln('<div id="rotmain2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;">');
	document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0px;top:0px">');
	document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0px;top:1px;">');
	document.write(slideimages[genrandom()]);
	document.writeln('</div>');
	document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0px;top:0px;visibility:hidden">');
	document.write(slideimages[genrandom()]);
	document.writeln('</div>');
	document.writeln('</div>');
	document.writeln('</div>');
}