//configure path for top and bottom arrows
var gotopimage = 'images/layout_items/pijl_up.gif';
var gobottomimage = 'images/layout_items/pijl_down.gif';
//configure menu width (in px):
var menuwidth = 175;
//configure menu height (in px):
var menuheight = 294;
//Specify scroll buttons directions ("normal" or "reverse"):
var scrolldir = 'reverse';
//configure scroll speed (1-10), where larger is faster
var scrollspeed = 15;
//specify menu content
var menucontents=
	'<a href="diensten.php"><img src="images/diensten_scroll/radio_commercials.gif" width="175" height="93" /></a>' +
	'<a href="diensten_bedrijfsfilms.php"><img src="images/diensten_scroll/bedrijfsfilms.gif" width="175" height="93" /></a>' +
	'<a href="diensten_mobile.php"><img src="images/diensten_scroll/mobile.gif" width="175" height="93" /></a>' +
	'<a href="diensten_online.php"><img src="images/diensten_scroll/online.gif" width="175" height="93" /></a>' +
	'<a href="diensten_corporatefilms.php"><img src="images/diensten_scroll/corporate.gif" width="175" height="93" /></a>' +
	'<a href="diensten_webshops.php"><img src="images/diensten_scroll/webshops.gif" width="175" height="93" /></a>' +
	'<a href="diensten_internet.php"><img src="images/diensten_scroll/websites.gif" width="175" height="93" /></a>' +
	'<a href="diensten_hosting.php"><img src="images/diensten_scroll/hosting.gif" width="175" height="93" /></a>' +
	'<a href="diensten_tv.php"><img src="images/diensten_scroll/tv_commercials.gif" width="175" height="93" /></a>' +
	'<a href="diensten_streaming.php"><img src="images/diensten_scroll/videostreaming.gif" width="175" height="93" /></a>' +
	'<a href="diensten_ict.php"><img src="images/diensten_scroll/ict_diensten.gif" width="175" height="93" /></a>' +
	'<a href="diensten_events.php"><img src="images/diensten_scroll/events.gif" width="175" height="93" /></a>' +
	'<a href="diensten_actiemarketing.php"><img src="images/diensten_scroll/actiemarketing.gif" width="175" height="93" /></a>' +
	'<a href="diensten_vertalen.php"><img src="images/diensten_scroll/vertalen.gif" width="175" height="93" /></a>' +
	'<a href="diensten_mediainkoop.php"><img src="images/diensten_scroll/mediainkoop.gif" width="175" height="93" /></a>' +
	'<a href="diensten_narrowcasting.php"><img src="images/diensten_scroll/narrowcasting.gif" width="175" height="93" /></a>' +
	'<a href="diensten_bannercampagnes.php"><img src="images/diensten_scroll/bannercampagnes.gif" width="175" height="93" /></a>';


var topdircode = 'onmouseover="movetop()" onmouseout="clearTimeout(toptime)"';
var bottomdircode = 'onmouseover="movebottom()" onmouseout="clearTimeout(bottomtime)"';
var actualheight = '';
var cross_scroll;
var isLoaded = false;

if (scrolldir=='reverse') {
	var tempswap=topdircode;
	var topdircode=bottomdircode;
	var bottomdircode=tempswap;
}

document.write('<table>');
document.write('<td valign="top"><a href="#" '+topdircode+'><img src="'+gotopimage+'"border=0></a> </td>');
document.write('<td width="'+menuwidth+'px" valign="top">');
document.write('<div style="position:relative;width:'+menuwidth+'px;height:'+menuheight+'px;overflow:hidden;">');
document.write('<div id="dienstenscroll" style="position:absolute;top:0;top:0">');
document.write('</div></div>');
document.write('</td>');
document.write('<td valign="bottom"> <a href="#" '+bottomdircode+'>');
document.write('<img src="'+gobottomimage+'"border=0></a>');
document.write('</td></table>');
document.close();



window.onload = fillup;



function fillup() {
	cross_scroll = document.getElementById("dienstenscroll");
	cross_scroll.innerHTML = menucontents;
	actualheight = cross_scroll.offsetHeight;
	isLoaded = true;
}

function movetop() {
	if (isLoaded && parseInt(cross_scroll.style.top)>(menuheight-actualheight)) {
		cross_scroll.style.top=parseInt(cross_scroll.style.top)-scrollspeed+"px";
	}
	toptime=setTimeout("movetop()",50);
}

function movebottom() {
	if (isLoaded && parseInt(cross_scroll.style.top)<0) {
		cross_scroll.style.top=parseInt(cross_scroll.style.top)+scrollspeed+"px";
	}
	bottomtime=setTimeout("movebottom()",50);
}