function elId(id) {
	return document.getElementById(id);
}

function schrijfbeoordeling() {
	elId('beoordelingen').className="greytab";
	elId('schrijfbeoordeling').className="whitetab";
	elId("beoordelingenveld").style.display="none";
	elId("schrijfbeoordelingveld").style.display="block";
}
function toonbeoordelingen() {
	elId('beoordelingen').className="whitetab";
	elId('schrijfbeoordeling').className="greytab";
	elId("beoordelingenveld").style.display="block";
	elId("schrijfbeoordelingveld").style.display="none";
}
function beoordeel(id) {
	ids=id.substring(1).split("_");
	for(var i=1;i<=5;i++)
	{
		if(i==ids[1])
			elId("o"+ids[0]+"_"+i).style.backgroundPosition="-97px -37px";
		else
			elId("o"+ids[0]+"_"+i).style.backgroundPosition="-114px -37px";
				
	}	
	elId("value"+ids[0]).value=ids[1];
}
function saveBeoordeling() {
	if(!elId('value1').value || !elId('value1').value ||!elId('value1').value)
	{
		alert("Je hebt nog niet alle sterren ingevuld.");
		return false;
	}
	else if(!elId('naam').value.length || !elId('tekstbeoordeling').value.length)
	{
		alert("Je naam en tekstuele beoordeling zijn verplicht.");
		return false;
	}
	return true;
}
function registreer() {
	var error=0;
	var velden=["voornaam","achternaam","straat","huisnr","postcode","plaats","telnr","email"];
	for(var i=0;i<velden.length;i++)
	{
		if(elId(velden[i]).value.length)
		{
			elId(velden[i]).style.borderColor='';
		}
		else
		{
			error++;
			elId(velden[i]).style.borderColor='#dd0000';
		}
	}
	if(elId("akkoord").checked)
	{
		elId("akkoordborder").style.borderColor='';
	}
	else
	{
		error++;
		elId("akkoordborder").style.border='1px solid #dd0000';
	}
	
	if(error)
	{
		return false;
	}
	else
	{
		return true;
	}
}
function wijziggegevens() {
	var error=0;
	var velden=["voornaam","achternaam","straat","huisnr","postcode","plaats","telnr","email"];
	for(var i=0;i<velden.length;i++)
	{
		if(elId(velden[i]).value.length)
		{
			elId(velden[i]).style.borderColor='';
		}
		else
		{
			error++;
			elId(velden[i]).style.borderColor='#dd0000';
		}
	}	
	if(error)
	{
		return false;
	}
	else
	{
		return true;
	}
}
function controleerGegevens() {
	var error=0;
	var velden=["voornaam","achternaam","straat","huisnr","postcode","plaats","telnr","email"];
	var velden2=["voornaam2","achternaam2","straat2","huisnr2","postcode2","plaats2"];
	for(var i=0;i<velden.length;i++)
	{
		if(elId(velden[i]).value.length)
		{
			elId(velden[i]).style.borderColor='';
		}
		else
		{
			error++;
			elId(velden[i]).style.borderColor='#dd0000';
		}
	}	
	if(elId('anderafleveradres1').checked)
	{
		for(var i=0;i<velden2.length;i++)
		{
			if(elId(velden2[i]).value.length)
			{
				elId(velden2[i]).style.borderColor='';
			}
			else
			{
				error++;
				elId(velden2[i]).style.borderColor='#dd0000';
			}
		}
	}
	if(error)
	{
		return false;
	}
	else
	{
		return true;
	}
}
function controleerBetalen() {
	for (var i=0; i < elId('bestelform').betaalwijze.length; i++)
	{
		if (elId('bestelform').betaalwijze[i].checked)
		{
			return true;
		}
	}
	alert("Wilt u nog een betaalwijze selecteren?");
	return false;
}
function controleerBevestigen() {	
	if (elId('akkoord').checked)
	{
			return true;
	}
	alert("Wilt u nog aanvinken dat u akkoord gaat met de algemene voorwaarden?");
	return false;
}
function volgendeStap() {
	if(elId('formulier').value=='gegevens')
		return controleerGegevens();
	else if(elId('formulier').value=='betalen')
		return controleerBetalen();
	else if(elId('formulier').value=='bevestigen')
		return controleerBevestigen();
}
function submitBestelform(stap) {
	if(stap===0)
		url="https://www.ffshoppen.nl/winkelwagen/";
	else if(stap==1)
		url="https://www.ffshoppen.nl/bestellen/uw-gegevens/";
	else if(stap==2)
		url="https://www.ffshoppen.nl/bestellen/betalen/";
	else if(stap==3)
		url="https://www.ffshoppen.nl/bestellen/bevestigen/";
	else if(stap==4)
		url="https://www.ffshoppen.nl/bestellen/besteld/";
	if(url)
	{
		elId("bestelform").action=url;
		elId("bestelform").submit();
	}
}


function toggle(id,value) {
	elId(id).style.display=value;
	if(id=='showanderafleveradres')
	{
		elId('buttoncontainer2').style.position='static';
		elId('buttoncontainer2').style.position='relative';
	}
}
function zetAlleCat(checked) {
	for(var i=1;i<7;i++)
	{
		elId("cat"+i).checked=checked;
		elId("subcat"+i).disabled=!checked;
	}
}
function ableSelectbox(id,checked) {
	//alert(checked)
	if(checked)
		elId("subcat"+id).disabled=true;
	else
		elId("subcat"+id).disabled=false;
	return true;
}
function zetAllePrijs(checked) {
	for(var i=1;i<6;i++)
	{
		elId("prijs"+i).checked=checked;
	}
}
function showLargepic (idx) {
	document.getElementById('largeimage').src=picurl+prodimages[idx][0]+"/normal/"+prodimages[idx][1];
	bigpicid=idx;
	oribigpicid=idx;
}
function showBigpic(idx) {
	elId("imagepopup").innerHTML= "<img src='"+picurl+prodimages[idx][0]+"/large/"+prodimages[idx][1]+"' onclick='nextBigpic()' /><div class='btnclose' onclick='closeBigpic()'></div>";
	elId("overlay").style.display="block";
	elId("imagepopup").style.display="block";
}
function nextBigpic() {
	if(prodimages.length>bigpicid+1)
	{
		bigpicid++;
		showBigpic(bigpicid);
	}
	else
	{
		closeBigpic();
	}
}
function closeBigpic() {
	bigpicid=oribigpicid;
	elId("imagepopup").style.display="none";
	elId("overlay").style.display="none";
	elId("imagepopup").innerHTML= "";
	return false;
}

// autocomplete box - acbox 
var options;
var seloption=0;
var keyboard_seloption=0;
var blockCloseAcbox=false;
function nextOption() {
	if(elId('soption'+seloption))
		elId('soption'+seloption).className='soption';
	seloption++;
	if(seloption>options.length+1)
	{
		seloption=1;
	}
	if(elId('soption'+seloption))
		elId('soption'+seloption).className='soption_hover';
	keyboard_seloption=seloption;
}
function prevOption() {
	if(elId('soption'+seloption))
		elId('soption'+seloption).className='soption';
	seloption--;
	if(seloption<0)
	{
		seloption=options.length+1;
	}
	if(elId('soption'+seloption))
		elId('soption'+seloption).className='soption_hover';
	keyboard_seloption=seloption;
}
function enterOption() {
	if(seloption==options.length+1)
		closeZoek(true);
	else if(seloption>0 && seloption<=options.length)
	{
		window.location=options[seloption-1].link;
	}
	else 
	{
		toZoekPage();		
	}
}
function preventAction(e) {
	var code;
	if (!e) var e = window.event;
	if (e.keyCode) code = e.keyCode;
	else if (e.which) code = e.which;
	if(code==40 || code==38)
		return false
}
function mouseoveraction(i) {
	if(elId('soption'+seloption))
		elId('soption'+seloption).className='soption';
	seloption=i;
	elId('soption'+seloption).className='soption_hover';	
}
function mousedownaction() {
	blockCloseAcbox=true;
	setTimeout("endBlockCloseAcbox()",300);
}
function endBlockCloseAcbox() {
	blockCloseAcbox=false;
}
function toZoekPage() {
	window.location="/zoeken/"+elId('zoek').value.replace(/[^a-zA-Z0-9]/g,'+');	
}
function search(e) {
	var code;
	if (!e) var e = window.event;
	if (e.keyCode) code = e.keyCode;
	else if (e.which) code = e.which;
	if(code==40)
	{
		nextOption();
		return false;
	}
	else if(code==38)
	{
		prevOption();
		return false;
	}
	else if(code==13)
	{
		enterOption();
	}	
	else if(code==27)
	{
		closeZoek();
	}	
	else if(elId('zoek').value.length)
	{
		var url="/request.php?q="+elId('zoek').value.replace(/[^a-zA-Z0-9]/g,'+');
		ajaxRequest(url,false);
	}
	else if(elId('zoek').value.length==0)
	{
		closeZoek();
	}
}
function savePid(pid) {
	ajaxRequest("/request.php",true,"type=savepid&pid="+pid);
}
function ajaxRequest(url,post,postdata) {
	if(window.XMLHttpRequest)
	{// code for IE7+, Firefox, Chrome, Opera, Safari
		var xmlhttp=new XMLHttpRequest();
	}
	else
	{// code for IE6, IE5
		var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlhttp.onreadystatechange=function()
	{
		if (xmlhttp.readyState==4 && xmlhttp.status==200)
	    {
			ajaxResponse(xmlhttp.responseText);
	    }
	}
	if(post)
	{
		xmlhttp.open("POST",url,true);
		xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
		xmlhttp.send(postdata);
	}
	else
	{
		xmlhttp.open("GET",url,true);
		xmlhttp.send();
	}
}


function ajaxResponse(resp) {
	resp=eval("("+resp+")");
	if(resp.type=='acbox')
	{
		showACResults(resp.data)
	}
	else if(resp.type=='savepid')
	{
		;
	}
}
function showACResults(data) {
	options=data;
	html=new Array();
	for(var i=0;i<options.length;i++)
	{
		html.push("<a class='soption' id='soption"+(i+1)+"' onmousedown='mousedownaction();' onmouseover='mouseoveraction("+(i+1)+")' onclick='window.location=\""+options[i].link+"\";'>"+options[i].naam+"</a>");
	}
	if(!html.length)
	{
		html.push("<div class='snooption'>Geen producten gevonden, klik op zoeken om uitgebreider te zoeken.</div>");
	}
	html.push("<div class='soption' id='soption"+(options.length+1)+"' onmouseover='mouseoveraction("+(options.length+1)+")' onclick='closeZoek(true)'>Sluiten</div>");	
	elId('acbox').innerHTML=html.join('');
	seloption=0;
	keyboard_seloption=0;
	elId("acbox").style.display="block";	
}
function closeZoek(forceClose) {
	if(!blockCloseAcbox || forceClose)
	{
		seloption=0;
		keyboard_seloption=0;
		elId("acbox").style.display="none";			
	}	
}
addLoadEvent(function() {
		if(elId('acbox'))
		{
			elId('zoek').onkeyup=search;
		}
	});