function class_webwinkel_content () {

	this.aantal = 1;
	
	this.buildMenu				= function (data) {
		
		var vak = document.getElementById('navigatie');
		var content = '';
		for(var i = 0; i < data.length; i++)
		{
			if (data[i]['parentID'] == 0)
			{
				var vak = document.getElementById('navigatie');
				var element = document.createElement('li');
				var a = document.createElement('a');
				a.className = 'link';
				a.id = data[i]['id'];
				a.rev = i;
				a.href = '#';
				a.onclick = function () {
					
					webwinkel.checkurl(this.id);
					webwinkel.putOpen(this);
					return false;
					
				};
				a.innerHTML = data[i]['titel'];
				element.appendChild(a);
				vak.appendChild(element);
				
				element = document.createElement('div');
				element.style.display = 'none';
				element.id = i + 'sub';
				vak.appendChild(element);
				
				var data2 = data;
				for(var b = 0; b < data2.length; b++)
				{
					if (data2[b]['parentID'] == data[i]['id']) {
					
						var vak = document.getElementById(i + 'sub');
						var li = document.createElement('li');
						li.style.marginLeft = '20px';
						a = document.createElement('a');
						a.className = 'link';
						a.id = data2[b]['id'];
						a.rev = b;
						a.href = '#';
						a.onclick = function () {
							
							webwinkel.checkurl(data2[this.rev]['id']);
							return false;
							
						};
						a.innerHTML = data2[b]['titel'];
						li.appendChild(a);
						vak.appendChild(li);
						
					}
				}
				
			}
		}
		
	};
	
	this.changeActive			= function (active) {
		
		for(var i = 0; i < cache.categorien.length; i++)
		{
			if (cache.categorien[i].id == active)
				document.getElementById(cache.categorien[i]['id']).className = 'linkactive';
			else
				document.getElementById(cache.categorien[i]['id']).className = 'link';
		}
	};
	
	this.showPagina					= function (data) {
		
		var vak = document.getElementById('producten_right_wrapper');
		data = data[0];
		vak.innerHTML = '<div id="producten_content">' + 
						'<div class="h1_wrap">' + 
						'<span class="h1_dotted">' + data['paginaTitel'] + '</span>' + 
						'</div>' + 
						'</div>' + 
						data['inhoud'];
		
	};
	
	this.showCategorie				= function (data, prods) {
		
		
		var vak = document.getElementById('producten_right_wrapper');
		vak.innerHTML = '';
		
		var element = document.createElement('div');
		element.id = 'producten_content';
		vak.appendChild(element);
		
		var vak = document.getElementById('producten_content');
		var element = document.createElement('div');
		element.className = 'h1_wrap';
		element.id = 'h1';
		vak.appendChild(element);
		
		var vak = document.getElementById('h1');
		var element = document.createElement('span');
		element.className = 'h1_dotted';
		element.innerHTML = data['titel'];
		vak.appendChild(element);
		
		
		if (data.sortBy !== undefined)
		{
			for (var i = 0 ; i < vak.options.length ; i ++)
				if (vak.options[i].value == data.sortBy)
					vak.options[i].selected = true;
		}
		
		var vak = document.getElementById('producten_content');
		var element = document.createElement('div');
		element.style.clear = 'both';
		vak.appendChild(element);
		var count = 0;
		var doo = 0;
			
		for (var i = 0; i < prods.length; i++)
		{
			
			for (var d = 0; d < prods[i].length; d++)
			{
				var vak = document.getElementById('producten_content');
				var element = document.createElement('div');
				element.className = 'product';
				element.id = 'product' + i + d;
				var naam = element.id;
				
				element.rel = i + '::' + d;
				vak.appendChild(element);
				
				document.getElementById(naam).onclick = function (){
					
					var ding = this.rel.split('::');
					webwinkel_content.showProduct(prods[ding[0]][ding[1]], '', data['titel']);
				};
				
				var vak = document.getElementById(naam);
				var element = document.createElement('div');
				element.className = 'img';
				element.id = 'image' + i + d;
				vak.appendChild(element);
				var path = new Array();
				for (var b = 0; b < cache.categorien.length; b++)
				{
					if (cache.categorien[b]['id'] == prods[i][d]['categorieID'])
					{
						path[i] = cache.categorien[b];
					}
				}
				
				var vak = document.getElementById('image' + i + d);
				
				var element = document.createElement('img');
				
				if (prods[i][d]['afbeeldingnaam'] == '')
					var afbeelding = base_url + 'content/images/geenafbeelding.jpg';
				else
					var afbeelding = base_url + 'files/webwinkel/' + data['titel'] + '/' + path[i]['titel'] + '/' + prods[i][d]['afbeeldingnaam'];
				
				element.src = afbeelding;
				element.style.maxWidth = '80px';
				element.style.marginLeft = '10px';
				element.style.marginRight = '10px';
				vak.appendChild(element);
				
				var vak = document.getElementById(naam);
				var element = document.createElement('div');
				element.className = 'info';
				element.id = 'informatie' + i + d;
				vak.appendChild(element);
				
				var vak = document.getElementById('informatie' + i + d);
				var element = document.createElement('div');
				element.className = 'tekst';
				element.id = 'text' + i + d;
				var re = /(<([^>]+)>)/gi;
				var beschrijving = prods[i][d]['beschrijving'];
				element.innerHTML = '<h3>' + prods[i][d]['titel'] + '</h3>' + beschrijving.substring(0, 330);
				vak.appendChild(element);
				var vak = document.getElementById('informatie' + i + d);
				var element = document.createElement('div');
				element.className = 'price';
				if (prods[i][d]['verpakkingen'][0] === undefined) {
					element.innerHTML = '--';
				}else{
					element.innerHTML = '&euro; ' + prods[i][d]['verpakkingen'][0][0]['graad'];
				}
				
				vak.appendChild(element);
				
				var element = document.createElement('a');
				element.href = '#';
				element.className = 'button';
				element.id = 'button' + i + d;
				element.onclick = 'this.blur();';
				element.style.cssFloat = 'right';
				element.style.marginRight = '-4px';
				element.style.marginTop = '-18px';
				vak.appendChild(element);
				
				var vak = document.getElementById('button' + i + d);
				var element = document.createElement('span');
				element.innerHTML = 'Meer info';
				vak.appendChild(element);
				
				count++;
			}
		}
		
		
	};
	
	this.showProducten				= function (data, cat) {
		
		var vak = document.getElementById('producten_right_wrapper');
		vak.innerHTML = '';
		
		var element = document.createElement('div');
		element.id = 'producten_content';
		vak.appendChild(element);
		
		var vak = document.getElementById('producten_content');
		var element = document.createElement('div');
		element.className = 'h1_wrap';
		element.id = 'h1';
		vak.appendChild(element);
		
		var vak = document.getElementById('h1');
		var element = document.createElement('span');
		element.className = 'h1_dotted';
		element.innerHTML = cat['titel'];
		vak.appendChild(element);
		
		var vak = document.getElementById('producten_content');
		var element = document.createElement('div');
		element.className = 'sorteer';
		element.id = 'sorteer';
		element.innerHTML = 'Sorteer producten op:&nbsp;&nbsp;&nbsp;&nbsp;';
		vak.appendChild(element);
		
		var vak = document.getElementById('sorteer');
		var element = document.createElement('select');
		element.style.border = '1px solid rgb(209, 197, 146)';
		element.style.paddingLeft = '5px';
		element.id = 'sort_select';
		element.onchange = function () {
			data.sortBy = this.value;
			webwinkel.sortProducten(this.value, cat);
			
		};
		vak.appendChild(element);
		
		var vak = document.getElementById('sort_select');
		var element = document.createElement('option');
		element.value = 'geplaatstDatum';
		element.innerHTML = 'Datum&nbsp;&nbsp;&nbsp;&nbsp;';
		vak.appendChild(element);
		
		var element = document.createElement('option');
		element.value = 'titel';
		element.innerHTML = 'Product Naam';
		vak.appendChild(element);
		
		var element = document.createElement('option');
		element.value = 'prijs';
		element.innerHTML = 'Prijs';
		vak.appendChild(element);
		
		
		if (data !== null)
		{
			if (data.sortBy !== undefined)
			{
				for (var i = 0 ; i < vak.options.length ; i ++)
					if (vak.options[i].value == data.sortBy)
						vak.options[i].selected = true;
			}
		}
		
		var vak = document.getElementById('producten_content');
		var element = document.createElement('div');
		element.style.clear = 'both';
		vak.appendChild(element);
		
		if (data !== null)
		{
			for (var i = 0; i < data.length; i++)
			{
				var vak = document.getElementById('producten_content');
				var element = document.createElement('div');
					element.className = 'product';
					element.id = 'product' + i;
					var naam = 'product' + i;
				element.rel = i;
				vak.appendChild(element);
				
				document.getElementById(naam).onclick = function (){
					webwinkel_content.showProduct(data[this.rel], cat, path);
				};
				
				var vak = document.getElementById(naam);
				var element = document.createElement('div');
				element.className = 'img';
				element.id = 'image' + i;
				vak.appendChild(element);
				
				var path = webwinkel.getPath(cat);
				if (path === false)
					path = '';
				
				
				var vak = document.getElementById('image' + i);
				var element = document.createElement('img');
				
				if (data[i]['afbeeldingnaam'] == '')
					var afbeelding = base_url + 'content/images/geenafbeelding.jpg';
				else
					var afbeelding = base_url + 'files/webwinkel/' + path + '/' + cat['titel'] + '/' + data[i]['afbeeldingnaam'];
				
				element.src = afbeelding;
				element.style.maxWidth = '80px';
				element.style.marginLeft = '10px';
				element.style.marginRight = '10px';
				element.align = 'left';
				vak.appendChild(element);
				
				var vak = document.getElementById(naam);
				var element = document.createElement('div');
				element.className = 'info';
				element.id = 'informatie' + i;
				vak.appendChild(element);
				
				var vak = document.getElementById('informatie' + i);
				var element = document.createElement('div');
				element.className = 'tekst';
				element.id = 'text' + i;
				var re = /(<([^>]+)>)/gi;
				var beschrijving = data[i]['beschrijving'];
				element.innerHTML = '<h3>' + data[i]['titel'] + '</h3>' + beschrijving.substring(0, 330);
				vak.appendChild(element);
				
				var vak = document.getElementById('informatie' + i);
				var element = document.createElement('div');
				element.className = 'price';
				if (data[i]['verpakkingen'][0] === undefined){
					element.innerHTML = '--';
				}else {
					element.innerHTML = '&euro; ' + data[i]['verpakkingen'][0][0]['graad'];
				}
				vak.appendChild(element);
				
				var element = document.createElement('a');
				element.href = '#';
				element.className = 'button';
				element.id = 'button' + i;
				element.onclick = 'this.blur();';
				element.style.cssFloat = 'right';
				element.style.marginRight = '-4px';
				element.style.marginTop = '-18px';
				vak.appendChild(element);
				
				var vak = document.getElementById('button' + i);
				var element = document.createElement('span');
				element.innerHTML = 'Meer info';
				vak.appendChild(element);
				
			}
		}
		
	};
	
	this.showProduct					= function (data, cat, path) {
		
		if (cat == '')
		{
			for(var i = 0; i < cache.categorien.length; i++)
			{
				if (cache.categorien[i]['id'] == data['categorieID'])
				{
					cat = cache.categorien[i];
				}
			}
		}
			
		
		var vak = document.getElementById('producten_right_wrapper');
		vak.innerHTML = '';
		
		var element = document.createElement('div');
		element.id = 'producten_content';
		vak.appendChild(element);
		
		vak = document.getElementById('producten_content');
		element = document.createElement('div');
		element.className = 'h1_wrap';
		element.id = 'h1';
		vak.appendChild(element);
		
		vak = document.getElementById('h1');
		element = document.createElement('span');
		element.className = 'h1_dotted';
		element.innerHTML = 'Product informatie';
		vak.appendChild(element);
		
		vak = document.getElementById('producten_content');
		element = document.createElement('div');
		element.className = 'product_wrapper_l';
		element.id = 'product_wrapper_l';
		vak.appendChild(element);
		
		vak = document.getElementById('product_wrapper_l');
		element = document.createElement('div');
		element.className = 'product_afbeelding';
		element.id = 'product_afbeelding';
		vak.appendChild(element);
		
		vak = document.getElementById('product_afbeelding');
		element = document.createElement('ul');
		element.className = 'gallery clearfix';
		element.id = 'fototul';
		vak.appendChild(element);
		
		vak = document.getElementById('fototul');
		element = document.createElement('li');
		element.id = 'fototil';
		vak.appendChild(element);
		
		vak = document.getElementById('fototil');
		element = document.createElement('a');
		element.title = data['titel'];
		element.id = 'fotota';
		element.onclick = function () {
			
			$.prettyPhoto.open(base_url + '/files/webwinkel/' + path + '/' + cat['titel'] + '/' + data['afbeeldingnaam']);
			return false;
			
		};
		element.rel = 'prettyPhoto';
		vak.appendChild(element);
		
		vak = document.getElementById('fotota');
		element = document.createElement('img');
		
		if (data['afbeeldingnaam'] == '')
			var afbeelding = base_url + 'content/images/geenafbeelding.jpg';
		else
			var afbeelding = base_url + 'files/webwinkel/' + path + '/' + cat['titel'] + '/' + data['afbeeldingnaam'];
		
		element.src = afbeelding;
		element.style.maxWidth = '90px';
		vak.appendChild(element);
		
		vak = document.getElementById('product_wrapper_l');
		element = document.createElement('div');
		element.className = 'product_specs';
		element.id = 'product_specs';
		vak.appendChild(element);
		
		vak = document.getElementById('product_specs');
		element = document.createElement('h2');
		element.appendChild(document.createTextNode(data['titel']));
		vak.appendChild(element);
		
		var createSpecLabel = function (name, value, appendTo) {
			var label 	= document.createElement("label");
			label.innerHTML = name;
			appendTo.appendChild(label);
			
			var text	= document.createTextNode(value);
			appendTo.appendChild(text);
			
			var enter 	= document.createElement("br");
			appendTo.appendChild(enter);
		}
		
		createSpecLabel('Type verf', data['type'], vak);
		var specialsign = String.fromCharCode(178);
		createSpecLabel('Verbruik', data['verbruik'] + ' m' + specialsign + '/l', vak);
		var EuroSign = String.fromCharCode(0x20AC);
		if (data['verpakkingen'][0] === undefined) {
			createSpecLabel('Prijs', '--', vak);
		} else {
			createSpecLabel('Prijs', EuroSign + ' ' + data['verpakkingen'][0][0]['graad'], vak);
		}
		
		vak = document.getElementById('producten_content');
		element = document.createElement('div');
		element.className = 'product_wrapper_r';
		element.id = 'product_wrapper_r';
		vak.appendChild(element);
		
		vak = document.getElementById('product_wrapper_r');
		element = document.createElement('div');
		element.className = 'product_prijzen';
		element.id = 'product_prijzen';
		vak.appendChild(element);
		
		vak = document.getElementById('product_prijzen');
		
		var createSpan = function (name) {
			
			var span = document.createElement('label');
			span.innerHTML = name;
			vak.appendChild(span);
			
		};
		
		createSpan('Verpakking');
		element = document.createElement('select');
		element.id = 'verpakking';
		element.style.border = '1px solid #d1c592';
		element.style.paddingLeft = '5px';
		element.style.cssFloat = 'right';
		element.style.fontSize = '8pt';
		element.style.width = '100px';
		element.onchange = function () {
			
			var value = data['verpakkingen'][this.value][0]['graad'];
			var aantal = document.getElementById('aantal').value;
			
			var totaal = reken.totaalprijs(value, aantal, true);
			totaal = totaal.replace(',', '.');
			totaal = formatNumber(totaal);
			
			var vak = document.getElementById('totaal_prijs');
			vak.innerHTML = EuroSign + ' ' + totaal;
			
		};
		
		for(var o = 0; o < data['verpakkingen'].length; o++) {
		
			var option = document.createElement('option');
			option.value = o;
			option.innerHTML = data['verpakkingen'][o][0]['titel'] + '&nbsp;&nbsp;&nbsp;';
			element.appendChild(option);
			
		}
		
		vak.appendChild(element);
		
		vak.appendChild(document.createElement('br'));
		vak.appendChild(document.createElement('br'));
		
		if (cat['kleur'] == '1')
		{
		
			createSpan('Kleur');
			element = document.createElement('span');
			element.style.cursor = 'pointer';
			element.style.cssFloat = 'right';
			element.innerHTML = '<h3 style="margin-top:0px;">Kies een kleur</h3>';
			element.onclick = function () {
					var This = this;
					color.handle(data, function (kleur) {
					This.innerHTML = kleur[1].substring(0, 15);
					
					color.setKleur(kleur);
					
					var element = document.createElement('span');
					element.style.display = 'block';
					element.style.width = '15px';
					element.style.height = '15px';
					element.style.backgroundColor = kleur[2];
					element.style.cssFloat = 'right';
					element.style.marginLeft = '3px';
					element.className = 'ie7block';
					This.appendChild(element);
				});
				
			};
			vak.appendChild(element);
			
			element = document.createElement('input');
			element.type = 'hidden';
			element.id = 'kleur';
			element.name = 'kleur';
			vak.appendChild(element);
			
		}
		
		
		vak.appendChild(document.createElement('br'));
		vak.appendChild(document.createElement('br'));
		
		element = document.createElement('div');
		element.className = 'ie8aantal';
		element.id = 'ie8a';
		vak.appendChild(element);
		
		vak = document.getElementById('ie8a');
		createSpan('Aantal');
		element = document.createElement('input');
		element.type = 'text';
		element.style.cssFloat = 'right';
		element.style.border = '1px solid #d1c592';
		element.style.width = '50px';
		element.id = 'aantal';
		element.value = '1';
		element.onchange = function () {
			
			if (document.getElementById('aantal') != '') 
			{
				var value = document.getElementById('verpakking').value;
				var aantal = document.getElementById('aantal').value;
				
				if (aantal == '') {
					aantal = 1;
					document.getElementById('aantal').value = '1';
				}
				
				var totaal = reken.totaalprijs(data['verpakkingen'][value][0]['graad'], aantal, true);
				totaal = totaal.replace(',', '.');
				totaal = formatNumber(totaal);
				
				
				document.getElementById('totaal_prijs').innerHTML = EuroSign + ' ' + totaal;
			}
			
		};
		vak.appendChild(element);
		
		
		
		vak.appendChild(document.createElement('br'));
		vak.appendChild(document.createElement('br'));
		
		var value = document.getElementById('verpakking').value;
		var prijs = data['verpakkingen'][value][0]['graad'];
		var aantal = document.getElementById('aantal').value;
		
		var totaal = reken.totaalprijs(prijs, aantal, true);
		totaal = totaal.replace(',', '.');
		totaal = formatNumber(totaal);
		
		createSpan('Totaal prijs');
		element = document.createElement('span');
		element.style.cssFloat = 'right';
		element.innerHTML = EuroSign + ' ' + totaal;
		element.id = 'totaal_prijs';
		vak.appendChild(element);
		
		vak.appendChild(document.createElement('br'));
		vak.appendChild(document.createElement('br'));
		
		element = document.createElement('a');
		element.href = '#';
		element.className = 'button';
		element.onclick = function () {
			
			var verpakking = document.getElementById('verpakking').value;
			var aantal = document.getElementById("aantal").value;
			var totaal = document.getElementById('totaal_prijs').innerHTML;
			var id = data['id'];
			
			
			if (cat['kleur'] == '1') {
				
				if (color.kleur.length == 0) {
					alert('U moet wel een kleuren keuze maken.');
					return false;
				}
					
			}
			
				
			var array = new Array();	
			array['id'] = id;
			array['aantal'] = aantal;
			array['verpakking'] = data['verpakkingen'][verpakking][0]['graad'];
			array['titel'] = data['verpakkingen'][verpakking][0]['titel'];
			array['totaal'] = totaal;
			if (cat['kleur'] == '1')
			{
				array['kleur'] = color.kleur[1];
				array['rgb'] = color.kleur[2];
			}
			else
			{
				array['kleur'] = '';
				array['rgb'] = '';
			}
			
			console.log(array);
			winkelwagen.add_winkelwagen(array);
			
			return false;
		};
		element.style.cssFloat = 'right';
		element.style.marginRight = '-2px';
		element.id = 'awinkelwagen';
		vak.appendChild(element);
		
		vak = document.getElementById('awinkelwagen');
		element = document.createElement('span');
		element.innerHTML = 'In winkelwagen zetten';
		vak.appendChild(element);
		
		vak = document.getElementById('producten_content');
		element = document.createElement('div');
		element.className = 'product_beschrijving_top';
		vak.appendChild(element);
		
		element = document.createElement('div');
		element.style.borderLeft = '1px solid #e3e3e4';
		element.style.borderRight = '1px solid #e3e3e4';
		element.className = 'product_beschrijving';
		element.id = 'product_beschrijving';
		vak.appendChild(element);
		
		vak = document.getElementById('product_beschrijving');
		element = document.createElement('h2');
		element.appendChild(document.createTextNode('Algemene Informatie'));
		vak.appendChild(element);
		
		element = document.createElement("div");
		element.innerHTML = data['beschrijving'];
		vak.appendChild(element);
		
		vak = document.getElementById('producten_content');
		element = document.createElement('div');
		element.className = 'product_beschrijving_bottom';
		vak.appendChild(element);
		
		element = document.createElement('div');
		element.className = 'dotted_line';
		vak.appendChild(element);
		
		element = document.createElement('a');
		element.className = 'button_l';
		element.id = 'terug';
		element.href = '#';
		element.onclick = function () {
			
			this.blur();
			webwinkel.checkurl(cat['id']);
			return false;
			
		};
		element.style.cssFloat = 'left';
		element.style.marginTop = '1px';
		vak.appendChild(element);
		
		vak = document.getElementById('terug');
		element = document.createElement('span');
		element.innerHTML = 'Ga terug';
		vak.appendChild(element);
		
		
		
	};
	
};
var webwinkel_content = new class_webwinkel_content();