function deleteArticle(id) {
	var xmlhttp = getXmlHttpObject();
	xmlhttp.onreadystatechange = function() {
		if (xmlhttp.readyState == 4) {
			//alert("Response: " + xmlhttp.responseText);
			refreshArticles(xmlhttp.responseXML);
		}
	};
	
	var params = "action=remove&article=" + id;

	xmlhttp.open("POST", "article.php", true);
	xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	xmlhttp.setRequestHeader("Content-length", params.length);
	xmlhttp.setRequestHeader("Connection", "close");
	xmlhttp.send(params);
}

function setArticleInfo(name, url) {
	document.cookie = "id=-1";
	document.cookie = "title=Leeslijst: " + name;
	document.cookie = "url=" + url;
}

function refreshArticles(responseXML) {
	var html = "";
	var articles = responseXML.documentElement.getElementsByTagName("article");
	if (articles.length == 0) {
		html = "Geen artikelen in leeslijst."
	}
	else {
		//html = "<form method='post' action='javascript:deleteArticles()' id='articleForm'>";						
		//for (var i = 0; i < articles.length; i++) {
		//	var url = articles[i].attributes.getNamedItem("url").nodeValue;
		//	var name = articles[i].attributes.getNamedItem("name").nodeValue;
		//	html = html + "<input type='checkbox' name='article[]' value='" + i + "'>";
		//	html = html + "<a href=\"" + url + "\" target=\"iframe\" onclick=\"javascript:setArticleInfo('" + name + "')\">" + name + "</a>";
		//	html = html + "</input><br/>";
		//}
		//html += "<input type='submit' value='Verwijder geselecteerde artikelen'/>";
		//html += "</form>";
		html = "<ul>"
		for (var i = 0; i < articles.length; i++) {
			var url = articles[i].attributes.getNamedItem("url").nodeValue;
			var name = articles[i].attributes.getNamedItem("name").nodeValue;
			html = html + "<li>";
			html = html + "<div class=\"article\">";
			html = html + "<div class=\"article-icon\"><a href=\"javascript:deleteArticle(" + i + ")\"><img src=\"images/delete.gif\" alt=\"Verwijderen\"/></a></div>";
			html = html + "<span class=\"article-name\"><a href=\"" + url + "\" target=\"iframe\" onclick=\"javascript:setArticleInfo('" + name + "')\">" + name + "</a></span>";
			html = html + "</div>";
			html = html + "</li>";
		}
		html = html + "</ul>";
	}
	document.getElementById("basket").innerHTML = html;
}

function addArticleToList() {
	var xmlhttp = getXmlHttpObject();
	xmlhttp.onreadystatechange = function() {
		if (xmlhttp.readyState == 4) {
			//alert("Response: " + xmlhttp.responseText);
			refreshArticles(xmlhttp.responseXML);
		}
	};
	
	var params = "action=add";
	xmlhttp.open("POST", "article.php", true);
	xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	xmlhttp.setRequestHeader("Content-length", params.length);
	xmlhttp.setRequestHeader("Connection", "close");
	xmlhttp.send(params);
}

function updateArticleList() {
	// Get article list
	var xmlhttp = getXmlHttpObject();
	xmlhttp.onreadystatechange = function() {
		if (xmlhttp.readyState == 4) {
			//alert("Response: " + xmlhttp.responseText);
			refreshArticles(xmlhttp.responseXML);
		}
	};
		
	xmlhttp.open("GET", "article.php", true);
	xmlhttp.send(null);
}