Gallery not show the thumbnails in proper sequence

Currently I am working to integrate the template in ProcessWire CMS. Everything works well, but the order of the thumbails (portfolio) is not displayed properly. The first four items are good, but than the first in the 2nd row is showed as second and jumps al little.
Can anyone say what is going wrong in the code? I do not know anymore.

							find("template=kennis-single");
									foreach($project as $s) {

							$out_project .= 'Filter_Kennisbank as $f)
							$out_project .= ' '.$f->filter_class.' ';						
							$out_project .= '  ">';
							$out_project .= '	';
							$out_project .= '		[';
												 $afbeelding = $s->Afbeelding->first();
												 $thumb_project = $afbeelding->size(500, 300);
												 $large_project = $afbeelding->size(800, 600);
							$out_project .= '			
![attachment]('.$thumb_project->url.')
';
							$out_project .= '		]('.$s->url.')';
							$out_project .= '	';
							$out_project .= '	';
							$out_project .= '		['.$s->h1.']('.$s->url.')';
							
							$out_project .= '	';
							$out_project .= '';
								}
							echo $out_project;
							?>
							
							

						

The website is http://dev.totaalschoorsteenspecialist.nl/kennisbank/

Thanks a lot.