function getClip(richting)
{
	window.richting = richting;

	if ((mijnTimer == 0) && (ajxReloadClips.URLString==""))
	{
		  //Stel de pagina in die aangeroepen moet worden
		  ajxReloadClips.requestFile = "ajx_getTegel.asp?richting="+richting;
			
		  //Stel de methode in waarop de parameters doorgegeven moeten worden
		  ajxReloadClips.method = "post";

		  //Stel de functie in de uitgevoerd wordt als er een respons is
		  ajxReloadClips.onCompletion = function() {setClips(richting);}
	
		  //Voer de request uit
		  ajxReloadClips.runAJAX();	
	 }	
}

function setClips(richting)
{
	//Controleren of we wel een resultaate terug gekregen hebben
	if(ajxReloadClips.response != "")
	{

		//de content terug halen van AJAX
		var content = ajxReloadClips.response;

		//Er moet naar links gescrolt worden
		if(richting == 'links')
		{
			//Nieuwe div aan maken waar de content van de tegel in kan komen
			var newdiv = document.createElement('div');
			newdiv.className="TegelContent";
			newdiv.innerHTML = content;
			
			//De Div toevoegen aan de site
			scrollContent.appendChild(newdiv);
		
			clipArray = $$('div#scrollContent .TegelContent');
			
			//De scrolling in gang zetten
			wedstrijdenPlaylist = new ClipScroller('scrollContent',clipArray.length,clipwidth,2,{transition: Fx.Transitions.quadOut, duration: 500});
			wedstrijdenPlaylist.moveLeft();

			//Het opruimen van de divjes in gang zetten
			mijnTimer = setTimeout("removeClip(scrollContent,clipArray,richting);",550);
		}
		
		//Er moet naar rechts gescrolt worden
		if(richting == 'rechts')
		{
			//Nieuwe div aan maken waar de content van de tegel in kan komen
			var newdiv = document.createElement('div');
			newdiv.className="TegelContent";
			newdiv.innerHTML = content;

			clipArray = $$('div#scrollContent .TegelContent');
			
			//De Div toevoegen aan de site
			scrollContent.insertBefore(newdiv,clipArray[0]);

			clipArray = $$('div#scrollContent .TegelContent');
			
			//De scrolling in gang zetten
			wedstrijdenPlaylist = new ClipScroller('scrollContent',clipArray.length,clipwidth,2,{transition: Fx.Transitions.quadOut, duration: 500});
			wedstrijdenPlaylist.move.custom(0, -clipwidth, 1);
			wedstrijdenPlaylist.moveRight();

			//Het opruimen van de divjes in gang zetten
			mijnTimer = setTimeout("removeClip(scrollContent,clipArray,richting);",550);
		}
	} else
		mijnTimer = 0
}

// DEZE FUNCTIE RUIMT DE DIVS OP DIE NIET MEER ZICHTBAAR EN DUS NIET MEER NODIG ZIJN
function removeClip(scrollContent,clipArray,richting)
{
	clipArray = $$('div#scrollContent .TegelContent');

	//De scroller is naar links verplaatst
	if(richting == 'links')
	{	
		//De inhoud van alle divjes een plaats naar links op schuiven
		for(var i=1;i<clipArray.length;i++)
			swapElements(clipArray[i-1],clipArray[i]);

		//De scroller clipwidth naar links verplaatsen (gaat zo snel dat de gebruiker het niet ziet)
		wedstrijdenPlaylist.move.custom(-clipwidth, 0, 1);

		//Verwijder de laatste div
		if(scrollContent.childNodes.length > 1)
			scrollContent.removeChild(clipArray[clipArray.length-1]);
	}
	
	//De scroller is naar rechts verplaatst
	if(richting == 'rechts')
	{
		if(scrollContent.childNodes.length > 1)
			scrollContent.removeChild(clipArray[clipArray.length-1]);
	}

	//De timer weer op 0 zetten zodat de gebruiker weer kan scrollen
	mijnTimer=0;
}

//Deze functie wisselt de inhoud van de 2 elementen om, dit wordt gebruikt bij het opruimen
function swapElements(item1,item2)
{
	item1.innerHTML = item2.innerHTML;
}