var aantalSlides = 4;

var slide1 = 'Slide 1';
var slide2 = 'Slide 2';
var slide3 = 'Slide 3';
var slide4 = 'Slide 4';

var floatRichting = 1;
var slideTeller = 0;

var slideTimer = 0;
var hover = false;

var readyCheck = true;

function slide(richting){
	slideTimer = 0;
	
	if (readyCheck){
		if (richting == 'rechts'){
			//Rechts
			wachten();
			
			if (floatRichting == 1){
				floatRichting = 2;
				
				document.id('slide0').set('tween', {
					duration: 1000,
					transition: Fx.Transitions.Quint.easeInOut
				}).tween('width', '0px');
			}else if (floatRichting == 2){
				floatRichting = 3;
				
				document.id('slide1').set('tween', {
					duration: 1000,
					transition: Fx.Transitions.Quint.easeInOut
				}).tween('width', '0px');
			}else if (floatRichting == 3){
				floatRichting = 4;
				
				document.id('slide2').set('tween', {
					duration: 1000,
					transition: Fx.Transitions.Quint.easeInOut
				}).tween('width', '0px');
			}else if (floatRichting == 4){
				floatRichting = 1;
				
				document.id('slide0').set('tween', {
					duration: 1000,
					transition: Fx.Transitions.Quint.easeInOut
				}).tween('width', '852px');
				
				document.id('slide1').set('tween', {
					duration: 1000,
					transition: Fx.Transitions.Quint.easeInOut
				}).tween('width', '852px');
				
				document.id('slide2').set('tween', {
					duration: 1000,
					transition: Fx.Transitions.Quint.easeInOut
				}).tween('width', '852px');
			}
			
		}else{
			//Links
			wachten();
			
			if (floatRichting == 1){
				floatRichting = 4;
				
				document.id('slide0').set('tween', {
					duration: 1000,
					transition: Fx.Transitions.Quint.easeInOut
				}).tween('width', '0px');
				
				document.id('slide1').set('tween', {
					duration: 1000,
					transition: Fx.Transitions.Quint.easeInOut
				}).tween('width', '0px');
				
				document.id('slide2').set('tween', {
					duration: 1000,
					transition: Fx.Transitions.Quint.easeInOut
				}).tween('width', '0px');
			}else if (floatRichting == 2){
				floatRichting = 1;
				
				document.id('slide0').set('tween', {
					duration: 1000,
					transition: Fx.Transitions.Quint.easeInOut
				}).tween('width', '852px');
			}else if (floatRichting == 3){
				floatRichting = 2;
				
				document.id('slide1').set('tween', {
					duration: 1000,
					transition: Fx.Transitions.Quint.easeInOut
				}).tween('width', '852px');
			}else if (floatRichting == 4){
				floatRichting = 3;
				
				document.id('slide2').set('tween', {
					duration: 1000,
					transition: Fx.Transitions.Quint.easeInOut
				}).tween('width', '852px');
			}
		}
	}
}

function wachten(){
	readyCheck = false;
	
	document.getElementById('buttonRight').style.cursor = 'default';
	document.getElementById('buttonLeft').style.cursor = 'default';
	
	setTimeout ("reset('');", 1000);
}

function reset(){
	document.getElementById('buttonRight').style.cursor = 'pointer';
	document.getElementById('buttonLeft').style.cursor = 'pointer';
	
	readyCheck = true;
}

function slideHover(){
	hover = true;
}

function slideNoHover(){
	hover = false;
}

function slideTimer2(){
	if (!hover){
		if (slideTimer == 10){
			slide('rechts');
			slideTimer = 0;
		}else{
			slideTimer++;
		}
	}else{
		slideTimer = 0;
	}
}

function slideTimer1() {
	setInterval("slideTimer2()", 1000);
}

function headerContent(){
	document.getElementById('slide1').innerHTML = "<div class='sInhoudWrapper'><div id='sAfbeelding'><img src='style/plaatjes/Bikes4You.png' alt='Bikes4You' /></div><div id='sTekst'><h1>De eerste impressie is cruciaal</h1><p>Steeds meer bedrijven worden op het internet gevonden. De kans dat een eerste kennismaking via uw website gebeurt is groot.<br /><br />Met een door ons ontwikkelde website loopt u niet onnodig klanten mis!</p><a href='website-ontwikkeling'><img src='style/plaatjes/Meer Info.gif' alt='Meer info' /></a></div></div>";
	
	document.getElementById('slide2').innerHTML = "<div class='sInhoudWrapper'><div id='sAfbeelding'><img src='style/plaatjes/1.png' id='pFix1' /></div><div id='sTekst'><h1>Een representatieve website hoeft niet duur te zijn!</h1><p>Als kleine ondernemer, vereniging of particulier heeft u waarschijnlijk geen budget van duizenden euro's. Daarom bieden wij diverse standaard websites aan tegen een betaabare prijs.</p><a href='website-ontwikkeling'><img src='style/plaatjes/Meer Info.gif' alt='Meer info' /></a></div></div>";
	
	document.getElementById('slide3').innerHTML = "<div class='sInhoudWrapper'><div id='sAfbeelding'><img src='style/plaatjes/2.png' id='pFix2' /></div><div id='sTekst'><h1>Gemakkelijk uw website beheren met TLNcms</h1><p>Met het door ons ontwikkelde Content Management Systeem kunt u gemakkelijk en snel de inhoud van uw website aanpassen of uitbreiden. Voor het gebruik heeft u geen technische kennis nodig.</p><a href='cms'><img src='style/plaatjes/Meer Info.gif' alt='Meer info' /></a></div></div>";
	
	document.getElementById('slide4').innerHTML = "<div class='sInhoudWrapper'><div id='sAfbeelding'><img src='style/plaatjes/3.png' alt='Bikes4You' /></div><div id='sTekst'><h1>Wilt u beter gevonden worden via Google?</h1><p>Wij zorgen er voor dat uw website meer bezoekers trekt door middel van zoekterm-analyse, strategie ontwikkeling, 'on-page' en 'of-page' optimalisatie.</p><a href='zoekmachine-optimalisatie'><img src='style/plaatjes/Meer Info.gif' alt='Meer info' /></a></div></div>";
}