var ids = new Array ();
var winkel_ajax = null;
var winkel_url = '';

function bijwerken ()
{
	if (!ids.length) return;
	
	var qry = '';
	for (var i = 0; i < ids.length; ++i)
	{
		if (i) qry += escape ('|');
		qry += ids [i] + 'x' + parseInt (document.getElementById ('b_aantal' + ids [i]).value);
	}
	
	ajax_Request (winkel_url + '?ts=' + new Date ().getTime () + '&nums=' + qry, winkel_update);
}

function blok (id, titel, aantal, prijs)
{
	return '<div class="winkelwagen_item">'
		 + '<table>'
	     + '<tr><td class="titel" colspan="2">' + titel + '</td></tr>'
		 + '<tr><td class="desc">Aantal: <input type="text" name="aantal" id="b_aantal' + id + '" value="' + aantal + '"> &aacute; &euro;' + euros (prijs) + '</td>'
		 + '<td><a href="javascript:verwijder(' + id + ')"><img src="pix/winkelwagen_del.gif"></a></td></tr>'
		 + '</table></div>';
}

function euros (centen)
{
	centen = centen.toString ().replace (/([0-9][0-9])$/, ',$1');
	return centen.replace (/,00/, ',-');
}

function initialiseren ()
{
	winkel_ajax = ajax_Request (winkel_url + '?ts=' + new Date ().getTime (), winkel_update);
}

function toevoegen (id)
{
	var veld = document.getElementById ('f_aantal' + id);
	var aantal = parseInt (veld.value);
	veld.value = '';
	if (aantal) winkel_ajax = ajax_Request (winkel_url + '?ts=' + new Date ().getTime () + '&bij=' + id + '&aantal=' + aantal, winkel_update);
}

function verwijder (id)
{
	winkel_ajax = ajax_Request (winkel_url + '?ts=' + new Date ().getTime () + '&del=' + id, winkel_update);
}

function winkel_update ()
{
	if (!winkel_ajax) winkel_ajax = req;
	if (winkel_ajax.readyState == 4 && winkel_ajax.status == 200)
	{
		var res = winkel_ajax.responseXML;
		winkel_ajax = null;

		var html = '';
		var i, item, items;
		
		//Producten in winkelwagen
		items = res.getElementsByTagName ('item');
		ids.length = items.length;
		if (!items.length)
		{
			document.getElementById ('winkelwagen').style.visibility = 'hidden';
			document.getElementById ('winkelwagen_leeg').style.visibility = 'visible';
			return;
		}

		//Tonen
		for (i = 0; i < items.length; ++i)
		{
			item = items [i];
			ids [i] = item.getAttribute ('id');
			html += blok (item.getAttribute ('id'), item.getAttribute ('titel'), item.getAttribute ('aantal'), item.getAttribute ('prijs'));
		}
		document.getElementById ('winkelwagen_items').innerHTML = html;
		
		//Verzend- en totaalkosten
		item = res.getElementsByTagName ('kosten') [0];
		var totaal = euros (item.getAttribute ('totaal'));
		var verzend = euros (item.getAttribute ('verzendkosten'));
		document.getElementById ('verzendkosten').innerHTML = verzend;
		document.getElementById ('totaal').innerHTML = totaal;
		document.getElementById ('winkelwagen').style.visibility = 'visible';
		document.getElementById ('winkelwagen_leeg').style.visibility = 'hidden';
		item = document.getElementById ('totaal2');
		if (item) item.innerHTML = totaal;
	}
}