function class_ajaxloads	()
{
	this.aantalpp = 14;
	this.alles = 0;
	
	this.getProjecten					= function(num)
	{
		var div = document.getElementById('projectenoverzicht');

		div.innerHTML = '';
		
		$.getJSON(baseUrl + 'init.php?q1=c_projecten&q2=get_projecten', function(data)
		{
			div.innerHTML = '';
			var navi = document.getElementById('navii');
			navi.innerHTML = '';
			var pagina = 15;
			var totaal = data.length - 1;
			var counter = 0;
			var start = num * pagina;
			for (var i = (start - 1); i <= totaal; i++)
			{
				if (data[i] != undefined)
				{
					if (i <= 14)
					{
						if (data[i]['images'][0] == null)
						{
							var afbeelding = baseUrl + 'afbeeldingen/geenafbeelding.png';
						}
						else
						{
							var afbeelding = baseUrl + 'files/project/' + data[i]['images'][0]['afbeeldingnaam'];
						}
							div.innerHTML += 	'<div class="img" onclick="ajax.getImages(' + data[i]['id'] + '); ajax.getProject(' + data[i]['id'] + ');" style="background-image:url(' + afbeelding + ');">' + 
												'</div>';
					}
					else
					{
						counter++;
					}
				}
				
			}
			
			if (counter != 0)
			{
				
				var paginas = parseInt(((counter + 15) / 15), 10);
				
				for (var a = 0; a <= paginas; a++)
				{
					var button = document.createElement('span');
					if (num == a)
					{
						button.className = 'navactive';
					}
					else
					{
						button.className = 'nav';
					}
					button.id = a;
					button.innerHTML = a;
					button.onclick = function ()
					{
						ajax.getProjecten(this.innerHTML);
					};
					//button.setAttribute('onclick', 'ajax.getProjecten(' + a + ');');
					navi.appendChild(button);
				}
			}
			
			/*if (data.length > 15)
			{
				var paginas = Math.floor(this.alles / 15);
				var navi = document.getElementById('navii');
				
				for(var i = 0; i <= paginas; i++)
				{
					navi.innerHTML += '<div class="navigation">' + (i + 1) + '</div>';
				}
			}*/
			
		});
		
	};
	
	this.getProject						= function (id)
	{
		if (id === undefined)
		{
			document.getElementById('left_main').innerHTML = 'Dit project bestaat niet.';
		}
		else
		{
			$.getJSON(baseUrl + 'init.php?q1=c_projecten&q2=get_project&q3=' + id, function(data)
			{
				var div = document.getElementById('projectkenmerk');
				var titel = document.getElementById('titel');
				var infovak = document.getElementById('textvak');
				infovak.innerHTML = '<h1>Beschrijving</h1>' + data['beschrijving'];
				
				
				var inhoud = '<h1>Kenmerken</h1>' + 
								'<table width="100%">' +
								'<tbody>';
									
								for(var i = 0; i < data['kenmerk'].length; i++)
								{
									inhoud += '<tr height="20">' + 
										'<td valign="top" width="100"><span class="tablehead">' + data['kenmerk'][i]['index'] + '</span></td>' + 
										'<td valign="top">' + data['kenmerk'][i]['value'] + '</td>' + 
									'</tr>';
								}
								
				inhoud +='</tbody>' +
								'</table>' + 
								'<hr />';
				
				div.innerHTML = inhoud;
				
				
				div.innerHTML += '<div class="doorsturen" onclick="slider();">Verzend naar een bekende</div>' + 
								'<div class="actie_form" style="display:none;">' + 
									'<div class="top"></div>' + 
									'<div class="main">' + 
										'<form action="validate.tellafriend();" id="tellafriend" method="post">' + 
										
										'<input style="width:200px; color:#A09F9F;" type="text" name="mailadres" id="mailbekende" value="E-mailadres van de bekende" onchange="validate.onchangemail(this);" onFocus="functies.onFocus(this);" onBlur="functies.onBlur(this);" />' + 
										'<img class="validationarea" alt="" width="12" id="mailadres" src="' + baseUrl + 'content/images/vinkje_grijs.png" />' +
										
										'<input style="width:200px; color:#A09F9F;" type="text" name="naamander" id="naambekende" value="Naam van de bekende" onchange="validate.onchangenaam(this);" onFocus="functies.onFocus(this);" onBlur="functies.onBlur(this);" />' + 
										'<img class="validationarea" alt="" width="12" id="naamander" src="' + baseUrl + 'content/images/vinkje_grijs.png" />' +
										
										'<input style="width:200px; color:#A09F9F;" type="text" name="uwnaam" id="naam" value="Uw naam" onchange="validate.onchangenaam(this);" onFocus="functies.onFocus(this);" onBlur="functies.onBlur(this);" />' + 
										'<img class="validationarea" alt="" width="12" id="uwnaam" src="' + baseUrl + 'content/images/vinkje_grijs.png" />' +
										
										'<input style="width:200px; color:#A09F9F;" type="text" name="uwmail" id="mail" value="Uw e-mailadres" onchange="validate.onchangemail(this);" onFocus="functies.onFocus(this);" onBlur="functies.onBlur(this);" />' + 
										'<img class="validationarea" alt="" width="12" id="uwmail" src="' + baseUrl + 'content/images/vinkje_grijs.png" />' +
										
										'<textarea style="width:200px; color:#A09F9F;" name="inhoud" id="bericht" rows="5" onchange="validate.onchangenaam(this);" onFocus="functies.onFocus(this);" onBlur="functies.onBlur(this);">Uw Bericht</textarea>' + 
										'<img class="validationarea" alt="" width="12" id="inhoud" src="' + baseUrl + 'content/images/vinkje_grijs.png" />' +
										
										'<input type="hidden" name="project" value="' + data['id'] + '" id="project" />' + 
										'<input type="submit" class="tellafriendsubmit" name="tellafriendsend" onclick="validate.tellafriend(); return false;" value="Verzenden" style="height:25px;" />' + 
									'</div>' + 
								'</div>' + 
								'<hr />';
				titel.innerHTML = data['titel']; 
				
			});
		}
		
	};
	
	
	this.getImages						= function (id)
	{
		var This = this;
		var images = new Array();
		$.getJSON(baseUrl + 'init.php?q1=c_images&q2=get_images&q3=' + id, function (data)
		{
			document.getElementById('fotoheaderproject').style.display = '';
			document.getElementById('fotoheadertext').style.display = 'none';
			header.headerProject('0', data, true);
			
		});
		
		
	};
	
};
var ajax = new class_ajaxloads();