$(document).ready(function() {
  $('#dialog').dialog({
    autoOpen: false,
    width: 375,
    buttons: {
    	"Ok": function() {
    		$(this).dialog("close");
    	}
    }
  });
  
  $("div#subkaart div").click(function() {
    hoverMap($(this));
  });
  
});
 


function hoverMap(item) {
  lidnummer = item.attr('rel');
  lid = leden[lidnummer];

  $('#naam').html(lid['naam']);
  $('#adres').html(lid['adres']);
  $('#postcode').html(lid['postcode']);
  $('#plaats').html(lid['plaats']);

  $('#goederenadres').html(lid['goederenadres']);
  $('#goederenpostcode').html(lid['goederenpostcode']);
  $('#goederenplaats').html(lid['goederenplaats']);

  $('#telefoon').html(lid['telefoon']);
  $('#fax').html(lid['fax']);

  var homepage = '<a href="'+lid['homepage']+'" target="_blank">'+lid['homepage']+'</a>';
  var email = '<a href="mailto:'+lid['email']+'">'+lid['email']+'</a>';

  $('#internet').html(homepage);
  $('#email').html(email);

  $('#dialog').dialog('open');
}