jQuery(function() {
    $('.vcard').each(function(index) {
		var vcard = $(this).hide();
		var html = vcard.find('.geo').hide().end().html();
		var point = {
				x: vcard.find('.geo .longitude').text(),
				y: vcard.find('.geo .latitude').text()
			}
		
		$('<div></div>').insertAfter($(this)).jmap('init', {mapCenter:[41.097985, -81.546651]}, function(){
			$(this).jmap('addMarker', {pointLatLng:[point.y, point.x], pointHTML: '<div class="bubble">' + html + '</div>', pointOpenHTMLEvent: 'load'});
			$(this).jmap('moveTo', {mapCenter: [point.y, point.x]});
		}).css({width: '100%', height: '300px', margin:'0 0 10px 0'});
    });
});