var iCurrentX=-1;
var iImageWidth=0;
var iImageHeight=0;
var tNextSlide=null;
var tScroll=0;
var iSlideNumber=-1;
var iMaxNumberOfSlides=4;
var iIntervalTimeMsec=3000; // 3000
var iSlideTimeMSec=800; // 800
var iFPS=20;
var iTimePerStepMSec=(iSlideTimeMSec/iFPS);
var iNrOfSteps=Math.round(iSlideTimeMSec/iTimePerStepMSec);
var iPixelsPerStep=null;
var hSlider=null;
var hSlide1=null;
var hSlide2=null;
var hSlidingSlider=null;
var hHidingSlider=null;
var hSliderlink=null;
var bMouseOverPause=false;
var sLichtGroen="#8dc73f";
var sDonkerGroen="#008c44";
var startTimeMS = 0;  // EPOCH Time of event count started
var iMarginTop=5;
var iMarginLeft=10;
var bGotoClick=false;
var iSliderWidth=670;

var sImageDir='/maxis/images/slider/';
sImageDir='/maxis/afbeelding/slides/';
var ArrImages=[];

/*
ArrImages.push({
	backgroundimg: 'extra-koopavond-kerst.jpg',
	href: '/maxis/openingstijden.php'
});


ArrImages.push({
	backgroundimg: 'nieuwjaarswens2012.jpg',
	href: '/maxis/openingstijden.php'
});

ArrImages.push({
	backgroundimg: 'koopzondag-nov-dec.jpg',
	href: '/maxis/openingstijden.php'
});


ArrImages.push({
	backgroundimg: 'xenosmuiden.jpg',
	backgroundwidth: 480,
	href: '/maxis/megastores.php?storeid=23',
	storelogo: 'xenos-middel'	
});

ArrImages.push({
	backgroundimg: 'toysxl-15proc.jpg',
	backgroundwidth: 480,
	href: 'http://www.toysxl.nl',
	storelogo: 'toysxl-middel'	
});

ArrImages.push({
	backgroundimg: 'toysxl-pakjesavond.jpg',
	backgroundwidth: 0,
	backgroundheight: 0,
	href: 'http://www.toysxl.nl',
	storelogo: '',
	storelogotekst: '',
	titel: '',
	tekstregel1: '',
	tekstregel2: '',
	tekstregel3: '',
	tekstregel4: '',
	img: '',
	prijsvan: '',
	prijsvoor: ''
});

*/

function InitSlider() { // called at end of HTML page
	if (ArrImages.length==0) return;
	hSliderlink = document.getElementById("sliderlink");
	hSlider = document.getElementById("slider");
	hSlide1 = document.getElementById("slide1");
	hSlide2 = document.getElementById("slide2");
	hSlide1.style.lineHeight="1";
	hSlide2.style.lineHeight="1";

	if (ArrImages.length > iMaxNumberOfSlides) { // schoon array als er teveel inzitten
		ArrImages.splice(iMaxNumberOfSlides,ArrImages.length-iMaxNumberOfSlides);
	} 

	iSlideNumber=0;
	iImageWidth=hSlider.offsetWidth;
	iImageHeight=hSlider.offsetHeight;
	iPixelsPerStep=Math.round(iImageWidth/iNrOfSteps);

	RenderSlidingSlider(hSlide1); // set first slide to first image
	SetSlideControlOnActive(iSlideNumber);
	hSlide1.style.left= iMarginLeft+"px"; // do not slide, but place it right away

	hSlide2.style.width="0px";  //fka
	tNextSlide=setInterval("SlideImage(false)",iIntervalTimeMsec);
	PreLoadImages();
}

function PreLoadImages() {
	if (document.images) {
		for (var i=0; i<ArrImages.length; i++) {
			pic1= new Image(100,25); 
			pic1.src=sImageDir+ArrImages[i].backgroundimg;
		}
	}
}

function PauseSlider(bPause) {
	bMouseOverPause=bPause;
}

function MouseOverSlideControls(bMouseOver) {
	bGotoClick=bMouseOver;
	if (bGotoClick!=bMouseOver) {
		bGotoClick=bMouseOver;
		//if (bGotoClick) document.nieuwsbriefformulier.YMP0.value='MousOver: '+bGotoClick;
		//else document.nieuwsbriefformulier.YMP0.value='MouseOut:'+bGotoClick;
	}
}

function FollowLink() {
	//window.stopPropagation();
	//alert('bGotoClick : '+bGotoClick);
	//window.event.cancelBubble = true;
	if (!bGotoClick && ArrImages[iSlideNumber].href!='') window.location.href=ArrImages[iSlideNumber].href;
}

function SlideImage(bSlideStepping) {
	if (bMouseOverPause==false || bSlideStepping) {
		if (hSlide2.style.width=="0px") {
			hSlidingSlider=hSlide2;
			hHidingSlider=hSlide1;
		} else {
			hSlidingSlider=hSlide1;
			hHidingSlider=hSlide2;
		}

		if (iSlideNumber==ArrImages.length-1) iSlideNumber=0;
		else iSlideNumber++;

		RenderSlidingSlider(hSlidingSlider);

		SetSlideControlOnActive(iSlideNumber);

		iCurrentX=iImageWidth-10;
		tScroll=setTimeout("SlideOneStep()",iTimePerStepMSec);
	}
}

function SetSlideControlOnActive(iCurrentControl) {
	for (var i=0; i<4; i++) {
		hlSliderControl = document.getElementById("gotoslide"+i);
		if (hlSliderControl!=null) {
			if (i==iCurrentControl) hlSliderControl.style.backgroundColor="#007c31";
			else hlSliderControl.style.backgroundColor="#8dc73f";
		}
	}
}

function RenderSlidingSlider(hHandle) {
	var sHtml='';

	hHandle.style.top = iMarginTop+"px";
	hHandle.style.left=iImageWidth+"px"; // set new slide all the way to the right, out of sight
	hHandle.style.width=iImageWidth+"px";

	if (ArrImages[iSlideNumber].storelogo || ArrImages[iSlideNumber].storelogotekst) {
		sHtml+='<div class="sliderlogocontainer"';
		if (ArrImages[iSlideNumber].storelogo!='') sHtml+=' style="background-image: url(/maxis/afbeelding/logos/'+ArrImages[iSlideNumber].storelogo+'.png);">';
		else sHtml+='>'; 
		if (ArrImages[iSlideNumber].storelogotekst) sHtml+='<div class="slidertekstlinks">'+ArrImages[iSlideNumber].storelogotekst+'</div>';
		sHtml+='</div>';
	}

	if (ArrImages[iSlideNumber].titel) sHtml+='<div class="slidertekstcontainer"><div class="slidertitel">'+ArrImages[iSlideNumber].titel+'</div>';
	sHtml+='<div class="slidertekst">';
	if (ArrImages[iSlideNumber].tekstregel1) sHtml+='<li>'+ArrImages[iSlideNumber].tekstregel1+'</li>';
	if (ArrImages[iSlideNumber].tekstregel2) sHtml+='<li>'+ArrImages[iSlideNumber].tekstregel2+'</li>';
	if (ArrImages[iSlideNumber].tekstregel3) sHtml+='<li>'+ArrImages[iSlideNumber].tekstregel3+'</li>';
	if (ArrImages[iSlideNumber].tekstregel4) sHtml+='<li>'+ArrImages[iSlideNumber].tekstregel4+'</li>';
	sHtml+='</div>';
	
	if (ArrImages[iSlideNumber].prijsvan) sHtml+='<span class="sliderprijsvan"> Van '+ArrImages[iSlideNumber].prijsvan+'</span>';
	if (ArrImages[iSlideNumber].prijsvoor) sHtml+='<span class="sliderprijsvoor"> Voor '+ArrImages[iSlideNumber].prijsvoor+'</span>';
	if (ArrImages[iSlideNumber].titel) sHtml+='</div>';
	//if (ArrImages[iSlideNumber].img) sHtml+='<div class="sliderimagecontainer" style="background-image: url(/maxis/afbeelding/aanbiedingen/'+ArrImages[iSlideNumber].img+');"></div>';
	
	hHandle.innerHTML = sHtml;
	
	/*
	if (hSliderlink!=null) {
		if (ArrImages[iSlideNumber].href!='') hSliderlink.href=ArrImages[iSlideNumber].href;
		else hSliderlink.href='';
	}
	*/
	
	hHandle.style.backgroundImage='none';
	if (ArrImages[iSlideNumber].backgroundimg) {
		hHandle.style.backgroundImage = "url("+sImageDir+ArrImages[iSlideNumber].backgroundimg+")";
		if (ArrImages[iSlideNumber].backgroundwidth) hHandle.style.backgroundPosition=iSliderWidth-ArrImages[iSlideNumber].backgroundwidth+"px 0px";
		else hHandle.style.backgroundPosition="0px 0px";
	} else hHandle.style.backgroundImage='none';
	hHandle.style.height=iImageHeight+"px";
	//iSliderHeight=hSlider.style.clientheight;
}

function SlideOneStep() {
	iCurrentX=Math.max(iCurrentX-(iPixelsPerStep),iMarginLeft);
	hSlidingSlider.style.left = iCurrentX+"px"; //fka
	var iNewLeftPos=(iCurrentX-iImageWidth);
	//alert('iNewLeftPos: '+iNewLeftPos);
	hHidingSlider.style.left = iNewLeftPos+"px"; //fka

	//alert('iImageWidth'+iImageWidth+' - iCurrentX'+iCurrentX);
	clearTimeout(tScroll);
	tScroll=null;
	
	if (iCurrentX>iMarginLeft) {
		tScroll=setTimeout("SlideOneStep()",iTimePerStepMSec);
	} else {
		hHidingSlider.style.width="0px"; 
	}
}

function GotoSlide(iSlide) { // iSlide is position of slide in array (first = 0) 
	if (iSlide==0) iSlideNumber=ArrImages.length-1;
	else iSlideNumber=iSlide-1;
	clearInterval(tNextSlide);
	tNextSlide=setTimeout("SlideImage(true)",0);
	tNextSlide=setInterval("SlideImage(false)",iIntervalTimeMsec);
}


// onderstaande functies staan los van de slider

function Del(Url) {
	if (confirm('Wilt u dit echt verwijderen?')) {
		window.location = Url;
	}
}

function VerplichteVelden() {
	var VeldNaam="";
	var Skip=0;
	var FoutMelding=0;
	var form = document.forms.inputform;
	for (i = 0; i < form.elements.length; i++) {
		//MessageStr=form.elements[i].value;
		VeldNaam=form.elements[i].name;
		// form.elements[i].type == "select-one"
		if (form.elements[i].type == "text" && (form.elements[i].value == "" || form.elements[i].value==0)) {
			Skip=0;
			//if (VeldNaam=="telefoon") Skip=1;
			if (Skip!=1) {
				FoutMelding=1;
				ToonFoutmelding('Foutmelding. <br>U heeft niet alle verplichte velden ingevuld.');
				
				//alert("Fout! \nU heeft niet alle\nverplichte velden\ningevuld.")
				form.elements[i].focus();
				break;
			}
		}
		// more tests
	}
	if (FoutMelding==0) {
		SubmitForm();	
		//form.submit();
	}
	//alert(MessageStr)
	// more statements
}

function basename(path) {
    return path.replace(/\\/g,'/').replace( /.*\//, '' );
}

function SubmitForm() {
	//var hHandleForm=null;
	var sFormActie="";
	var targetElement=document.getElementById('formulier');
	sFormActie=targetElement.action;
//	alert('Form actie oud\n\n'+sFormActie);
	sFormActie=sFormActie.replace("neppert.php", basename(location.pathname));
	//sFormActie=sFormActie.replace("neppert.php", "contact.php");
	targetElement.action = sFormActie;
//	alert('Form actie nieuw\n\n'+sFormActie);
	document.inputform.submit();
}

var timeoutID;

function WisFoutmelding() {
	var data = document.getElementById("foutmelding");
	data.innerHTML = '';
	data.style['border']= '0px solid #c0c0c0';
}

function ToonFoutmelding(sTekst) {
	if (timeoutID!=null) {
		window.clearTimeout(timeoutID);
	}

	var form = document.forms[0];
	var data = document.getElementById("foutmelding");
	data.innerHTML = sTekst;
	data.style['border']= '1px solid #c0c0c0';
	data.style['color']= '#FF0000';
	timeoutID = setTimeout("WisFoutmelding()", 5000);
}

function checkMail(iVeld) {
	//document.inputform.elements[0].focus();
	//return;
	// ampersand teken (&) later toegevoegd aan toegestane karakters
	var x = iVeld.value;
	var form = document.forms[0];

	if (x!="") {
		var filter  = /^([a-zA-Z0-9_\.\-&])+\@(([a-zA-Z0-9\-&])+\.)+([a-zA-Z0-9]{2,4})+$/;
		if (!filter.test(x)) {
			ToonFoutmelding('Foutmelding. U dient een geldig emailadres in te voeren zoals : uwnaam@uwdomein.nl');
			//alert("U dient een geldig emailadres in te voeren zoals : uwnaam@uwdomein.nl");
			//document.inputform.email.focus();
			//document.inputform.elements[1].focus();
			iVeld.focus();
		}
	}
}

function CheckAanbieding(iVeld) {
	var ArrAanbiedingen = ['selecteeraanbieding','toysxl-bal','etos-andrelon','toysxl-playmobil'];
	var sAanbieding = iVeld.value;
	var iCouponNr= iVeld.value;
	//alert('Waarde select is: '+sAanbieding);
	
	var selectitems = document.getElementById("selectitems");
	var items = iVeld.getElementsByTagName("option");
	var iAantalOpties=items.length;
	//alert('Aantal opties is: '+ items.length);
	
	if (sAanbieding=='') sAanbieding='selecteeraanbieding';
	for (var i=0; i<40; i++) {
		//document.getElementById(ArrAanbiedingen[i]).style.display = 'none';
		//document.getElementById(ArrAanbiedingen[i]).style.visibility = "hidden";
		if (document.getElementById('coupon'+i)!=null) {
			document.getElementById('coupon'+i).style.display = 'none';
			document.getElementById('coupon'+i).style.visibility = "hidden";
		}
	}
	//document.getElementById(sAanbieding).style.display = 'inline';
	//document.getElementById(sAanbieding).style.visibility = "visible";
	document.getElementById('coupon'+iCouponNr).style.display = 'inline';
	document.getElementById('coupon'+iCouponNr).style.visibility = "visible";
}

function checkTel(iVeld) {
	var Msg="";
	var TelNr=iVeld.value;
	var NieuwTelNr="";
	for (i = 0; i < TelNr.length; i++) {
		Digit=TelNr.substr(i,1);
		if ((Digit >=0 && Digit <=9) || Digit=="-") NieuwTelNr+=Digit;
	}
	if (NieuwTelNr!=TelNr) { 
		ToonFoutmelding('Foutmelding: Het ingevoerde telefoonnummer mag alleen cijfers of het min-teken bevatten.');
		//alert("Fout! Het telefoonnummer mag alleen cijfers of het min-teken bevatten.");
		iVeld.focus();
	}
}