var item_clicked = "__";

function goBack() {
	var str='&back=1';
	var loc = document.referrer+str;
	document.location.href = loc;
}

var articles = 0;

function showMore() {
	alert(articles);
	articles += 5;
}

function showAll() {
	alert('all');
}

function chkSeveral(item) {
   if(document.getElementById(item)) {
   	var e = document.getElementById(item);
   	if(item != item_clicked) {
			e.className = e.className+"over";
		}else if(item == item_clicked) {
			e.className = e.className+"over";
		}
		item_clicked = item;
		//alert(e.className);
	}
}

function checkHeight() {
	var browserName=navigator.appName;
	var nl = document.getElementById('navLeft');
	var br = document.getElementById('banners_right');
	var e = document.getElementById('mainContent');
	var bd = document.getElementById('bodydiv');
	var bdh = bd.clientHeight;

	if(e.offsetHeight >= 327) {
		var difHeight = e.offsetHeight-327;
		bd.style.height = bd.clientHeight+difHeight+90+"px";
		nl.style.height = nl.clientHeight+difHeight+90+"px";
		br.style.height = br.clientHeight+difHeight+90+"px";
	}
}

function chkBestelForm() {
	//alert('Hier bestelling checken');
	if(document.getElementById("voorletters")) {
		var voorletters = document.getElementById("voorletters");
		if(voorletters.value == "") {
			alert('Sorry, maar "voorletters" is verplicht');
			return;
		}
	}
	if(document.getElementById("achternaam")) {
		var achternaam = document.getElementById("achternaam");
		if(achternaam.value == "") {
			alert('Sorry, maar "achternaam" is verplicht');
			return;
		}
	}
	if(document.getElementById("emailadres")) {
		var emailadres = document.getElementById("emailadres");
		if(emailadres.value == "") {
			alert('Sorry, maar "emailadres" is verplicht');
			return;
		}
		if(!chkEmail(emailadres.value)) return;
	}
	if(document.getElementById("telefoonnummer")) {
		var telefoonnummer = document.getElementById("telefoonnummer");
		if(telefoonnummer.value == "") {
			alert('Sorry, maar "telefoonnummer" is verplicht');
			return;
		}
	}
	if(document.getElementById("organisatie_bedrijf")) {
		var organisatie_bedrijf = document.getElementById("organisatie_bedrijf");
		if(organisatie_bedrijf.value == "") {
			alert('Sorry, maar "organisatie_bedrijf" is verplicht');
			return;
		}
	}
	if(document.getElementById("verzendadres_straat")) {
		var verzendadres_straat = document.getElementById("verzendadres_straat");
		if(verzendadres_straat.value == "") {
			alert('Sorry, maar "Straat" is verplicht');
			return;
		}
	}
	if(document.getElementById("verzendadres_huisnummer")) {
		var verzendadres_huisnummer = document.getElementById("verzendadres_huisnummer");
		if(verzendadres_huisnummer.value == "") {
			alert('Sorry, maar "huisnummer" is verplicht');
			return;
		}
	}
	if(document.getElementById("verzendadres_postcode")) {
		var verzendadres_postcode = document.getElementById("verzendadres_postcode");
		if(verzendadres_postcode.value == "") {
			alert('Sorry, maar "Postcode" is verplicht');
			return;
		}
	}
	if(document.getElementById("verzendadres_plaats")) {
		var verzendadres_plaats = document.getElementById("verzendadres_plaats");
		if(verzendadres_plaats.value == "") {
			alert('Sorry, maar "Plaats" is verplicht');
			return;
		}
	}
	if(document.getElementById("verzendadres_land")) {
		var verzendadres_land = document.getElementById("verzendadres_land");
		if(verzendadres_land.value == "") {
			alert('Sorry, maar "Land" is verplicht');
			return;
		}
	}

   var betalom_ok = false;
	for(var i=1;i<=10;i++) {
		if(document.getElementById("betalom"+i)) {
			if(document.getElementById("betalom"+i).checked == true) {
				betalom_ok = true;
			}
		}
	}
	if(betalom_ok!=true) alert("U heeft nog geen keuze uit de abonnementen gemaakt.");

	if(document.getElementById("voorwaarden")) {
		var voorwaarden = document.getElementById("voorwaarden");
		if(!voorwaarden.checked) {
			alert('Sorry, maar u kunt pas bestellen na het akkoord gaan met de voorwaarden');
			return;
		}
	}


	document.bestelform.submit();
}

function chkAanmeldAbonneeForm() {
	//alert('Hier aanmeldingsform checken');
	if(document.getElementById("voorletters")) {
		var voorletters = document.getElementById("voorletters");
		if(voorletters.value == "") {
			alert('Sorry, maar "voorletters" is verplicht');
			return;
		}
	}
	if(document.getElementById("achternaam")) {
		var achternaam = document.getElementById("achternaam");
		if(achternaam.value == "") {
			alert('Sorry, maar "achternaam" is verplicht');
			return;
		}
	}
	if(document.getElementById("emailadres")) {
		var emailadres = document.getElementById("emailadres");
		if(emailadres.value == "") {
			alert('Sorry, maar "emailadres" is verplicht');
			return;
		}
		if(!chkEmail(emailadres.value)) return;
	}
	if(document.getElementById("telefoonnummer")) {
		var telefoonnummer = document.getElementById("telefoonnummer");
		if(telefoonnummer.value == "") {
			alert('Sorry, maar "telefoonnummer" is verplicht');
			return;
		}
	}
	if(document.getElementById("organisatie_bedrijf")) {
		var organisatie_bedrijf = document.getElementById("organisatie_bedrijf");
		if(organisatie_bedrijf.value == "") {
			alert('Sorry, maar "organisatie_bedrijf" is verplicht');
			return;
		}
	}
	if(document.getElementById("verzendadres_straat")) {
		var verzendadres_straat = document.getElementById("verzendadres_straat");
		if(verzendadres_straat.value == "") {
			alert('Sorry, maar "Straat" is verplicht');
			return;
		}
	}
	if(document.getElementById("verzendadres_huisnummer")) {
		var verzendadres_huisnummer = document.getElementById("verzendadres_huisnummer");
		if(verzendadres_huisnummer.value == "") {
			alert('Sorry, maar "huisnummer" is verplicht');
			return;
		}
	}
	if(document.getElementById("verzendadres_postcode")) {
		var verzendadres_postcode = document.getElementById("verzendadres_postcode");
		if(verzendadres_postcode.value == "") {
			alert('Sorry, maar "Postcode" is verplicht');
			return;
		}
	}
	if(document.getElementById("verzendadres_plaats")) {
		var verzendadres_plaats = document.getElementById("verzendadres_plaats");
		if(verzendadres_plaats.value == "") {
			alert('Sorry, maar "Plaats" is verplicht');
			return;
		}
	}
	if(document.getElementById("verzendadres_land")) {
		var verzendadres_land = document.getElementById("verzendadres_land");
		if(verzendadres_land.value == "") {
			alert('Sorry, maar "Land" is verplicht');
			return;
		}
	}

	document.aanmeldabonneeform.submit();
}

function chkAanmeldBijeenkomstForm() {
	//alert('Hier bijeenkomstform checken');

	if(document.getElementById("welabonnee") && document.getElementById("geenabonnee")) {
		var welabonnee = document.getElementById("welabonnee");
		var geenabonnee = document.getElementById("geenabonnee");
		if(!welabonnee.checked && !geenabonnee.checked) {
			alert('Sorry, maar u kunt pas bestellen een keuze wel of niet abonnee');
			return;
		}
	}

	if(document.getElementById("akkoordvoorwaarden")) {
		var voorwaarden = document.getElementById("akkoordvoorwaarden");
		if(!voorwaarden.checked) {
			alert('Sorry, maar u kunt pas bestellen na het akkoord gaan met de voorwaarden');
			return;
		}
	}

	if(document.getElementById("voorletters")) {
		var voorletters = document.getElementById("voorletters");
		if(voorletters.value == "") {
			alert('Sorry, maar "voorletters" is verplicht');
			return;
		}
	}
	if(document.getElementById("achternaam")) {
		var achternaam = document.getElementById("achternaam");
		if(achternaam.value == "") {
			alert('Sorry, maar "achternaam" is verplicht');
			return;
		}
	}
	if(document.getElementById("emailadres")) {
		var emailadres = document.getElementById("emailadres");
		if(emailadres.value == "") {
			alert('Sorry, maar "emailadres" is verplicht');
			return;
		}
		if(!chkEmail(emailadres.value)) return;
	}
	if(document.getElementById("telefoonnummer")) {
		var telefoonnummer = document.getElementById("telefoonnummer");
		if(telefoonnummer.value == "") {
			alert('Sorry, maar "telefoonnummer" is verplicht');
			return;
		}
	}
	if(document.getElementById("organisatie_bedrijf")) {
		var organisatie_bedrijf = document.getElementById("organisatie_bedrijf");
		if(organisatie_bedrijf.value == "") {
			alert('Sorry, maar "organisatie_bedrijf" is verplicht');
			return;
		}
	}
	if(document.getElementById("verzendadres_straat")) {
		var verzendadres_straat = document.getElementById("verzendadres_straat");
		if(verzendadres_straat.value == "") {
			alert('Sorry, maar "Straat" is verplicht');
			return;
		}
	}
	if(document.getElementById("verzendadres_huisnummer")) {
		var verzendadres_huisnummer = document.getElementById("verzendadres_huisnummer");
		if(verzendadres_huisnummer.value == "") {
			alert('Sorry, maar "huisnummer" is verplicht');
			return;
		}
	}
	if(document.getElementById("verzendadres_postcode")) {
		var verzendadres_postcode = document.getElementById("verzendadres_postcode");
		if(verzendadres_postcode.value == "") {
			alert('Sorry, maar "Postcode" is verplicht');
			return;
		}
	}
	if(document.getElementById("verzendadres_plaats")) {
		var verzendadres_plaats = document.getElementById("verzendadres_plaats");
		if(verzendadres_plaats.value == "") {
			alert('Sorry, maar "Plaats" is verplicht');
			return;
		}
	}
	if(document.getElementById("verzendadres_land")) {
		var verzendadres_land = document.getElementById("verzendadres_land");
		if(verzendadres_land.value == "") {
			alert('Sorry, maar "Land" is verplicht');
			return;
		}
	}

	document.aanmeldbijeenkomstform.submit();
}

function chkAanmeldGebruikerForm() {
	if(document.getElementById("voorletters")) {
		var voorletters = document.getElementById("voorletters");
		if(voorletters.value == "") {
			alert('Sorry, maar "voorletters" is verplicht');
			return;
		}
	}
	if(document.getElementById("achternaam")) {
		var achternaam = document.getElementById("achternaam");
		if(achternaam.value == "") {
			alert('Sorry, maar "achternaam" is verplicht');
			return;
		}
	}
	if(document.getElementById("emailadres")) {
		var emailadres = document.getElementById("emailadres");
		if(emailadres.value == "") {
			alert('Sorry, maar "emailadres" is verplicht');
			return;
		}
		if(!chkEmail(emailadres.value)) return;
	}
	document.aanmeldgebruikerform.submit();
}


function chkEmail(str) {
		var at = "@";
		var dot = ".";
		var lat = str.indexOf(at);
		var lstr = str.length;
		var ldot = str.indexOf(dot);
		if (str.indexOf(at) == -1) {
		   alert("Fout in emailadres");
		   return false;
		}

		if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr) {
		   alert("Fout in emailadres");
		   return false;
		}

		if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr) {
		    alert("Fout in emailadres");
		    return false;
		}

		 if (str.indexOf(at,(lat+1))!=-1) {
		    alert("Fout in emailadres");
		    return false;
		 }

		 if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot) {
		    alert("Fout in emailadres");
		    return false;
		 }

		 if (str.indexOf(dot,(lat+2))==-1) {
		    alert("Fout in emailadres");
		    return false;
		 }

		 if (str.indexOf(" ")!=-1) {
		    alert("Fout in emailadres");
		    return false;
		 }

 		 return true;
}

/*////////////////////
// reactie gedeelte
////////////////////*/

var xmlHttp;
var naam;
var plaats;
var url;
var commentaar;
var emailadres;
var artikel_id;
var action;

function createXMLHttpRequest() {
    if (window.ActiveXObject) {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else if (window.XMLHttpRequest) {
        xmlHttp = new XMLHttpRequest();
    }
}

function addReaction(id) {
    naam = document.getElementById("naam").value;
    plaats = document.getElementById("plaats").value;
    url = document.getElementById("url").value;
    commentaar = document.getElementById("commentaar").value;
    emailadres = document.getElementById("emailadres").value;
	 artikel_id = id;
    action = "add";

    if(naam == "") {
		 alert("U dient wel een naam in te vullen");
       return;
    }
    if(emailadres == "") {
		 alert("U dient wel een emailadres in te vullen");
       return;
    }
    if(!chkEmail(emailadres)) return;

    var str = createAddReactionQueryString(naam, plaats, url, commentaar, emailadres, artikel_id, "add")
    var url = "doReactionsHandle.php";
    createXMLHttpRequest();
    xmlHttp.open("POST", url, true);
    xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xmlHttp.onreadystatechange = handleAddReactionStateChange;
    xmlHttp.send(str);
}

function createAddReactionQueryString(naam, plaats, url, commentaar, emailadres, artikel_id, action) {
    var queryString = "naam=" + escape(naam)
        + "&plaats=" + escape(plaats)
        + "&url=" + escape(url)
        + "&commentaar=" + escape(commentaar)
        + "&emailadres=" + escape(emailadres)
        + "&artikel_id=" + escape(artikel_id)
        + "&action=" + escape(action);
    return queryString;
}

function handleAddReactionStateChange() {
    if(xmlHttp.readyState == 4) {
        if(xmlHttp.status == 200) {
			 var responseXML = xmlHttp.responseXML;
			 var status = responseXML.getElementsByTagName("status").item(0).firstChild.nodeValue;
			 status = parseInt(status);
			 if(status != 1) {
				  alert("Foutje bij de toevoeg-response reacties");
				  return;
			 }else{
				 handleActionResponse();
			 }

        }
        else {
            alert("Foutje bij het toevoegen van een reactie.");
        }
    }
}

function handleActionResponse() {
	var d = document.getElementById("reaction_div");
	d.style.display = "none";
	var ar = document.getElementById("action_response");
	ar.style.display = "block";
	ar.innerHTML = "Uw reactie op dit artikel is geregistreerd."

	checkHeight(); // functie op mainContent
}

function showReactions(id) {
	 artikel_id = id;
    action = "show";

    var str = createShowReactionsQueryString(artikel_id, action)
    var url = "doReactionsHandle.php";
    createXMLHttpRequest();
    xmlHttp.open("POST", url, true);
    xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xmlHttp.onreadystatechange = handleShowReactionsStateChange;
    xmlHttp.send(str);
}

function createShowReactionsQueryString(artikel_id, action) {
    var queryString = "artikel_id=" + escape(artikel_id)
        + "&action=" + escape(action);
    return queryString;
}

function handleShowReactionsStateChange() {
    if(xmlHttp.readyState == 4) {
        if(xmlHttp.status == 200) {
			 var responseXML = xmlHttp.responseXML;
			 var status = responseXML.getElementsByTagName("status").item(0).firstChild.nodeValue;
			 status = parseInt(status);
			 if(status != 1) {
				  alert("Foutje bij de tonen-response reacties");
				  return;
			 }else{
				 var reactions = responseXML.getElementsByTagName("reaction");
				 handleShowReactionsResponse(reactions);
			 }

        }
        else {
            alert("Foutje bij het toevoegen van een reactie.");
        }
    }
}

function handleShowReactionsResponse(reactions) {
	var d = document.getElementById("reaction_div");
	d.style.display = "none";
	var ar = document.getElementById("action_response");
	ar.style.display = "block";
	var table = document.createElement("table");
	ar.appendChild(table);
	for(var i = 0;i<reactions.length;i++) {
		var row = document.createElement("tr");
		row.appendChild(createCellWithText("Naam: "));
		var na = reactions[i].getElementsByTagName("naam").item(0).firstChild.nodeValue;
		row.appendChild(createCellWithText(na));
		table.appendChild(row);

		var row = document.createElement("tr");
		row.appendChild(createCellWithText("Email: "));
		var em = reactions[i].getElementsByTagName("emailadres").item(0).firstChild.nodeValue;
		row.appendChild(createCellWithText(em));
		table.appendChild(row);

		var row = document.createElement("tr");
		row.appendChild(createCellWithText("Plaats: "));
		var pl = reactions[i].getElementsByTagName("plaats").item(0).firstChild.nodeValue;
		row.appendChild(createCellWithText(pl));
		table.appendChild(row);

		var row = document.createElement("tr");
		row.appendChild(createCellWithText("Url: "));
		var ur = reactions[i].getElementsByTagName("url").item(0).firstChild.nodeValue;
		row.appendChild(createCellWithText(ur));
		table.appendChild(row);

		var row = document.createElement("tr");
		row.appendChild(createCellWithText("Commentaar: "));
		var co = reactions[i].getElementsByTagName("commentaar").item(0).firstChild.nodeValue;
		row.appendChild(createCellWithText(co));
		table.appendChild(row);

		var hr = document.createElement("hr");
		var row = document.createElement("tr");
	   cell = document.createElement("td");
	   cell.setAttribute("colspan", "2");
	   cell.appendChild(hr);
	   row.appendChild(cell);
	   table.appendChild(row);
	}

	checkHeight(); // functie op mainContent
}

function createReaction() {
	var d = document.getElementById("reaction_div");
	d.style.display = "block";
	checkHeight(); // functie op mainContent
}

function createCellWithText(text) {
    var cell = document.createElement("td");
    cell.appendChild(document.createTextNode(text));
    return cell;
}