function class_winkelwagen_content () {
	
	this.totaalprijs = 0;
	this.count = 0;
	
	this.winkelwagen_overzicht = function () {
		
		var session = new ajaxcall(base_url + 'json/winkelwagen/get_winkelwagen_content', '');
		session.onload = function (data) {
			data = session.toJSON(data);
			
			winkelwagen_content.setup_view(data);
			
		};
		
	};
	
	this.setup_view = function (data){
		
		this.totaalprijs = 0;
		
		var vak = document.getElementById('producten_right_wrapper');
		vak.innerHTML = '';
		
		var element = document.createElement('div');
		element.id = 'producten_content';
		element.className = 'content';
		vak.appendChild(element);
		
		vak = document.getElementById('producten_content');
		element = document.createElement('div');
		element.className = 'h1_wrap';
		element.id = 'h1_wrap';
		vak.appendChild(element);
		
		vak = document.getElementById('h1_wrap');
		element = document.createElement('span');
		element.className = 'h1_dotted';
		element.innerHTML = 'Uw winkelwagen';
		vak.appendChild(element);
		
		vak = document.getElementById('producten_content');
		element = document.createElement('div');
		element.id = 'ww_koppen';
		vak.appendChild(element);
		
		vak = document.getElementById('ww_koppen');
		function addElement (style, html, margin, margin2) {
			
			var element = document.createElement('div');
			element.className = style;
			if (margin !== undefined)
			{
				element.style.marginLeft = margin;
				element.style.marginRight = margin2;
			}
			element.innerHTML = html;
			vak.appendChild(element);
			
		};
		addElement('artikel', 'Artikel');
		addElement('subkop', 'Kleur');
		addElement('subkop', 'Prijs');
		addElement('subkop', 'Aantal');
		addElement('subkop', 'Totaal');
		
		var totalio = 0;
		for (var i = 0; i < data.length; i ++)
		{
			if (data[i]['data'] !== null)
			{
				vak = document.getElementById('producten_content');
				element = document.createElement('div');
				element.className = 'ww_producten';
				element.id = 'ww_producten' + i;
				vak.appendChild(element);
				
				vak = document.getElementById('ww_producten' + i);
				element = document.createElement('div');
				element.className = 'image';
				element.id = 'image' + i;
				vak.appendChild(element);
				
				vak = document.getElementById('image' + i);
				element = document.createElement('img');
				element.src = base_url + data[i]['path'] + data[i]['data']['afbeeldingnaam'];
				element.height = '40';
				element.width = '40';
				vak.appendChild(element);
				
				vak = document.getElementById('ww_producten' + i);
				element = document.createElement('div');
				element.id = 'beschrijving' + i;
				element.className = 'beschrijving';
				vak.appendChild(element);
				
				vak = document.getElementById('beschrijving' + i);
				element = document.createElement('h3');
				element.appendChild(document.createTextNode(data[i]['data']['titel']));
				vak.appendChild(element);
				
				vak.innerHTML += data[i]['ww_data']['titel'];
				
				vak = document.getElementById('ww_producten' + i);
				element = document.createElement('div');
				element.className = 'overige';
				element.id = 'overige' + i;
				vak.appendChild(element);
				
				
				vak = document.getElementById('overige' + i);
				element = document.createElement('div');
				element.style.backgroundColor = data[i]['ww_data']['rgb']; // TODO KLEUR
				element.style.width = '30px';
				element.style.height = '30px';
				element.style.marginTop = '-8px';
				vak.appendChild(element);
				
				var EuroSign = String.fromCharCode(0x20AC);
				
				vak = document.getElementById('ww_producten' + i);
				element = document.createElement('div');
				element.className = 'overige';
				element.id = 'prijs' + i;
				element.innerHTML = '&euro; ' + data[i]['ww_data']['verpakking'];
				vak.appendChild(element);
				
				element = document.createElement('div');
				element.className = 'overige';
				element.id = 'aantal' + i;
				vak.appendChild(element);
				
				vak = document.getElementById('aantal' + i);
				element = document.createElement('span');
				element.id = 'p' + i;
				element.innerHTML = data[i]['ww_data']['aantal'];
				vak.appendChild(element);
				
				element = document.createElement('div');
				element.className = 'hoog';
				element.id = 'hoog' + i;
				element.style.cursor = 'pointer';
				vak.appendChild(element);
				
				vak = document.getElementById('hoog' + i);
				element = document.createElement('img');
				element.src = base_url + 'content/images/hoog.jpg';
				element.id = i;
				element.style.cursor = 'pointer';
				element.onclick = function () {
					var count = parseFloat(data[this.id]['ww_data']['aantal']);
					
					data[this.id]['ww_data']['aantal'] = count + 1;
					
					document.getElementById('p' + this.id).innerHTML = data[this.id]['ww_data']['aantal'];
					
					var aantal = document.getElementById('p' + this.id).innerHTML;
					var prijs = data[this.id]['ww_data']['verpakking'];
					
					var totaal = reken.totaalprijs(prijs, aantal, true); 
					totaal = totaal.replace(',', '.');
					totaal = formatNumber(totaal);
					
					prijs = prijs + '';
					prijs = parseFloat(prijs.replace(',', '.'));
					
					document.getElementById('totaal' + this.id).innerHTML = '&euro; ' + totaal;
					winkelwagen_content.totaalprijs = winkelwagen_content.totaalprijs + prijs;
					winkelwagen_content.overzicht(data);
					winkelwagen_content.addDelete(this.id);
					
					var change = new ajaxcall(base_url + 'json/winkelwagen/change_Winkelwagen',  'q4=' + this.id + '&' + 'q5=&euro; ' + totaal + '&' + 'q6=' + aantal);
						change.onload = function (json) {
					
					
							
					
						};
				};
				vak.appendChild(element);
				
				vak = document.getElementById('aantal' + i);
				element = document.createElement('div');
				element.className = 'laag';
				element.id = 'laag' + i;
				element.style.cursor = 'pointer';
				vak.appendChild(element);
				
				vak = document.getElementById('laag' + i);
				element = document.createElement('img');
				element.src = base_url + 'content/images/laag.png';
				element.id = i;
				element.style.cursor = 'pointer';
				element.onclick = function () {
					
					if (data[this.id]['ww_data']['aantal'] != 1)
					{
						var count = parseFloat(data[this.id]['ww_data']['aantal']);
						
						data[this.id]['ww_data']['aantal'] = count - 1;
						
						document.getElementById('p' + this.id).innerHTML = data[this.id]['ww_data']['aantal'];
						
						var aantal = document.getElementById('p' + this.id).innerHTML;
						var prijs = data[this.id]['ww_data']['verpakking'];
						
						var totaal = reken.totaalprijs(prijs, aantal, true); 
						totaal = totaal.replace(',', '.');
						totaal = formatNumber(totaal);
						
						prijs = prijs + '';
						prijs = parseFloat(prijs.replace(',', '.'));
						
						document.getElementById('totaal' + this.id).innerHTML = '&euro; ' + totaal;
						winkelwagen_content.totaalprijs = winkelwagen_content.totaalprijs - prijs;
						winkelwagen_content.overzicht(data);
						winkelwagen_content.addDelete(this.id);
						
						var change = new ajaxcall(base_url + 'json/winkelwagen/change_Winkelwagen',  'q4=' + this.id + '&' + 'q5=&euro; ' + totaal + '&' + 'q6=' + aantal);
						change.onload = function (json) {
						
							
						};
						
					}
					
				};
				vak.appendChild(element);

				
				vak = document.getElementById('ww_producten' + i);
				element = document.createElement('div');
				element.className = 'overige';
				element.id = 'totaal' + i;
				
				var totaal = reken.totaalprijs(data[i]['ww_data']['verpakking'], data[i]['ww_data']['aantal'], true);
				totaal = totaal.replace(',', '.');
				totaal = formatNumber(totaal);
				element.innerHTML =	EuroSign + ' ' + totaal;
				vak.appendChild(element);
				this.addDelete(i, data.length);
					vak.appendChild(element);
					
					this.totaalprijs += reken.totaalprijs(data[i]['ww_data']['verpakking'], data[i]['ww_data']['aantal'], false);
					this.count++;
				
			}
		}
		this.overzicht(data);
	};
	
	this.addDelete = function (i, length) {
		
		var vak = document.getElementById('totaal' + i);
		element = document.createElement('span');
		element.innerHTML = 'X';
		element.style.marginLeft = '5px';
		element.style.fontWeight = '600';
		element.style.color = '#C6B980';
		element.style.cursor = 'pointer';
		element.id = i + '-delete';
		element.onclick = function () {
			
			var d = this.id.split('-');
			var index = d[0];
			
			winkelwagen.delWinkelwagen_item(index, length);
		}
		vak.appendChild(element);
			
			
	};
	
	this.overzicht = function (data) {
		
		this.overzicht_refresh();
		vak = document.getElementById('producten_content');
		
		element = document.createElement('div');
		element.className = 'totaal';
		element.id = 'totaalschema';
		vak.appendChild(element);
		
		vak = document.getElementById('totaalschema');
		function putLabel (label, span, kleur) {
			
			if (kleur === undefined || kleur === true)
			{
				var element = document.createElement('label');
				element.innerHTML = label;
				vak.appendChild(element);
			}
			else if (kleur === false)
			{
				var element = document.createElement('label');
				element.innerHTML = label;
				element.style.fontWeight = '100';
				vak.appendChild(element);
			}
			
			if (kleur === undefined || kleur === false) 
			{
				element = document.createElement('span');
				element.innerHTML = span;
				vak.appendChild(element);
			}
			else if (kleur === true)
			{
				element = document.createElement('span');
				element.innerHTML = span;
				element.style.color = '#653731';
				element.style.fontWeight = '600';
				vak.appendChild(element);
			}
			
			vak.appendChild(document.createElement('br'));
			
		};
		var a = Math.round(this.totaalprijs*100)/100;
		a = formatNumber(a);
		a = a + '';
		a = a.replace('.', ',');
		var test = a.split(',');
		
		putLabel('Totaalprijs producten', '&euro; ' + a);
		
		var btw = reken.getBTW((this.totaalprijs + 5.00));
		btw = btw.replace(',', '.');
		btw = formatNumber(btw);
		var verzend = 5.00;
		
		putLabel('Verzendkosten', '&euro; 5,00');
		
		element = document.createElement('label');
		vak.appendChild(element);
		
		element = document.createElement('div');
		element.className = 'dotted';
		vak.appendChild(element);
		
		var totaal = reken.getTotaal(this.totaalprijs, verzend);
		totaal = totaal.replace(',', '.');
		totaal = formatNumber(totaal);
		
		putLabel('Totaal bedrag', '&euro; ' + totaal, true);
		putLabel('', '');
		putLabel('inclusief 19% BTW', '&euro; ' + btw, false);
		
		vak = document.getElementById('producten_content');
		element = document.createElement('div');
		element.className = 'dotted_line';
		element.id = 'dotted_line';
		vak.appendChild(element);
		
		element = document.createElement('a');
		element.href = '#';
		element.className = 'button_l';
		element.onclick = function () {
			
			window.location = base_url + 'webshop';
			return false;
			
		};
		element.style.cssFloat = 'left';
		element.style.marginTop = '1px';
		element.id = 'winkelen';
		vak.appendChild(element);
		
		vak = document.getElementById('winkelen');
		element = document.createElement('span');
		element.innerHTML = 'Verder winkelen';
		vak.appendChild(element);
		
		vak = document.getElementById('producten_content');
		element = document.createElement('a');
		element.href = '#';
		element.className = 'button';
		element.onclick = function () {
			
			if (winkelwagen_content.count > 0)
			{
				window.location = base_url + 'betalen';
			}
			else
			{
				alert('U heeft nog geen artikelen geselecteerd');	
			}
			
		};
		element.style.cssFloat = 'right';
		element.style.marginTop = '1px';
		element.id = 'betalen';
		vak.appendChild(element);
		
		vak = document.getElementById('betalen');
		element = document.createElement('span');
		element.innerHTML = 'Ga door naar betalen!';
		vak.appendChild(element);
		
		
		
	};
	
	this.overzicht_refresh	= function () {
		
		var vak = document.getElementById('producten_content');
		
		if (document.getElementById('totaalschema') != undefined)
		{
			vak.removeChild(document.getElementById('totaalschema'));
			vak.removeChild(document.getElementById('dotted_line'));
			vak.removeChild(document.getElementById('winkelen'));
			vak.removeChild(document.getElementById('betalen'));
		}
		
		return;										
		
	};
	
	
};
var winkelwagen_content = new class_winkelwagen_content();