var basket = 0;

function parse_basket_xml(xml_doc)
{
	var s = "<table>\n<tr> <td> <b> Artikel </b> </td> <td> <b> Prijs per stuk </b> </td> <td> <b> Stuks </b> </td> <td> <b> Totaalprijs </b> </td></tr>\n";
	var items = xml_doc.getElementsByTagName("item");
	var total_price = 0;
	for(x = 0; x < items.length; x++) {
		function node_value(tag) {
			return items[x].getElementsByTagName(tag)[0].firstChild.nodeValue;
		}
		
		var name = node_value("name");
		var price_per_piece = node_value("price_per_piece");
		var pieces = node_value("pieces");
		total_price += (parseInt(pieces) * parseInt(price_per_piece));
		s += "<tr> <td> " + name + "</td> <td>&#8364 " + price_per_piece + "</td> <td>" + pieces + "</td> <td>&#8364 " + (parseInt(pieces) * parseInt(price_per_piece)).toString() + "</td> </tr>"; 
	}
	s += "<tr> <td></td> <td></td> <td>Totaal:</td> <td>&#8364 " + total_price.toString() + " </td> </tr>";
	s += "</table>";
	return s;
}

readystate_handler = function()
{
	if(this.readyState == 4  && this.status == 200)
		document.getElementById(basket).innerHTML = parse_basket_xml(this.responseXML);
}

function add_item(id)
{
	var client = new XMLHttpRequest();
	client.onreadystatechange = readystate_handler;

	
	client.open("POST", "update_basket.php", true);
	client.setRequestHeader("Content-type","application/x-www-form-urlencoded");
	client.send("added_item=" + id.toString());
}

function empty_basket()
{
	var client = new XMLHttpRequest();
	client.onreadystatechange = readystate_handler;
	
	client.open("POST", "update_basket.php", true);
	client.setRequestHeader("Content-type","application/x-www-form-urlencoded");
	client.send("empty=true");
}

function update_basket()
{
	var client = new XMLHttpRequest();
	client.onreadystatechange = readystate_handler;
	
	client.open("GET", "update_basket.php", true);
	client.send();
}