var displayTime, speed, wait, banner1, banner2;
	function initVar() 
	{
		displayTime = 5;
		speed = 5;
		wait = true;
		banner1 = document.getElementById("banner1");
		banner2 = document.getElementById("banner2");				
		banner1.style.left = 0;
		banner2.style.left = 175;
	}
	
	function moveBanner()
	{
		if (!wait)
		{
			banner1.style.left = parseInt(banner1.style.left) - (speed * 5);
			banner2.style.left = parseInt(banner2.style.left) - (speed * 5);
			if (parseInt(banner1.style.left) <= -175)
			{
				banner1.style.left = 175;
				activity = document.getElementById('tempId').innerHTML;
				activity = parseInt(activity)+1;
				loadItem(activity, 1);
				//alert(activity);
				wait = true;
			}
			if (parseInt(banner2.style.left) <= -175)
			{
				activity = document.getElementById('tempId').innerHTML;
				activity = parseInt(activity)+1;
				//alert(activity);
				loadItem(activity, 2);
				banner2.style.left = 175;
				wait = true;
			}
			setTimeout("moveBanner()",100);
		}
		else 
		{
			wait = false;
			setTimeout("moveBanner()", displayTime * 1000);
		}
	}
	
	var req, num, banner;
	function loadXMLDoc(url) 
	{
		// branch for native XMLHttpRequest object
		if (window.XMLHttpRequest) {
			req = new XMLHttpRequest();
			req.onreadystatechange = processReqChange;
			req.open("GET", url, true);
			req.send(null);
		// branch for IE/Windows ActiveX version
		} else if (window.ActiveXObject) {
			req = new ActiveXObject("Microsoft.XMLHTTP");
			if (req) {
				req.onreadystatechange = processReqChange;
				req.open("GET", url, true);
				req.send();
			}
		}
	}
	
	function loadItem(num, banner)
	{
		document.getElementById('tempId').innerHTML = num;
		document.getElementById('tempBanner').innerHTML = banner;
		url  = 'xml/activiteit.xml';
		loadXMLDoc(url, num);
	}
	
	function processReqChange() 
	{
		// only if req shows "complet
		if (req.readyState == 4) {
			// only if "OK"
			if (req.status == 200) {
				// ...processing statements go here...
				response = req.responseXML.documentElement;
				num = document.getElementById('tempId').innerHTML;
				
				if (parseInt(num) < response.getElementsByTagName('id').length)
				{					
					banner = document.getElementById('tempBanner').innerHTML;
					title = response.getElementsByTagName('title')[num].firstChild.data;
					id = response.getElementsByTagName('id')[num].firstChild.data;
					day = response.getElementsByTagName('day')[num].firstChild.data;
					month = response.getElementsByTagName('month')[num].firstChild.data;
					dayNum = response.getElementsByTagName('dayNum')[num].firstChild.data;
				}
				else
				{
					document.getElementById('tempId').innerHTML = -1;
					num = 0;
					banner = document.getElementById('tempBanner').innerHTML;
					title = response.getElementsByTagName('title')[num].firstChild.data;
					id = response.getElementsByTagName('id')[num].firstChild.data;
					day = response.getElementsByTagName('day')[num].firstChild.data;
					month = response.getElementsByTagName('month')[num].firstChild.data;
					dayNum = response.getElementsByTagName('dayNum')[num].firstChild.data;
				}
				
				if (parseInt(num)+1 >= response.getElementsByTagName('id').length)
				{
					document.getElementById('tempId').innerHTML = -1;
				}
				//alert(title + " en " + id);
				//alert("Dit alles gaat in: banner" + banner);
				
				/* alter a banner */
				document.getElementById('banner' + banner).innerHTML = "<div id='maand'>" + dayNum + "<br />" + month + "</div><div id='dag'>" + day + "</div><div id='activiteit'><a href='#'>" + title + "</a></div>";
			}
		}
	}