$(document).ready(function(){
		  $.ajax({
			type: "GET",
			url: "bhvok.xml",
			dataType: "xml",
			success: function(xml){
						  $(xml).find("BHVOK").each(function(){
							  doKlant($(this));
						  });
					   }
		  });       
	});

	function doKlant(t){
		//alert(klant['persoon']);
		var id = t.find("ID").text();
		var ico = '<div id="' + id + '" class="bhvok"><img src="/custom/map/bhvokebullet.png" alt="bhvoke-bedrijf" width="23" height="24" border="none" class="rollover" hover="bhvokebulletover.png"/><p class="plaatstag">' + t.find("PLAATS").text() + '</p></div>';
		// icons plaatsen en naar positie animeren
		$(ico).appendTo('.kaart').animate({
			left: t.find("XCOORD").text(),
			top: t.find("YCOORD").text()
			},
			1500
		).click(function(){
			var idx = $(this).attr("id").slice(2);
			showData(t);
		});
	}
	
	function showData(t){
		$('#fBedrijf').html(t.find("BEDRIJF").text());
		$('#fPlaats').html(t.find("PLAATS").text());
		$('#fAdres').html(t.find("ADRES").text());
		$('#fTel').html(t.find("TEL").text());
		$('#fPostcode').html(t.find("POSTCODE").text());
		$('#fSite.href').html(t.find("SITE").text());
		if(t.find("SITE").text() == "-"){
			$('#fSite').css('visibility',"hidden");
		} else {
				$('#fSite').css('visibility',"visible");
				$('#fSite').attr('href',t.find("SITE").text());
		}
	}