var markers = [];
var bounds;
var map;

function load() {
		
	map = new google.maps.Map(document.getElementById("map_canvas"), {
		center: new google.maps.LatLng(51.627975, 5.556111),
		zoom: 8,
	    mapTypeId: google.maps.MapTypeId.ROADMAP,
	    navigationControl: true,
	    navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
	    mapTypeControl: true,
	    mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DEFAULT},
	    scrollwheel: false
	});
	
	infoWindow = new google.maps.InfoWindow();
}

function createMarker(company, address, postal, city, website, picture, latitude, longitude, bounding) {
	
	var latlng = new google.maps.LatLng(parseFloat(latitude), parseFloat(longitude));
	var marker = new google.maps.Marker({
		map: map,
		position: latlng,
		icon: '../template/images/gm-marker.png',
		title: company
	});
	if (bounding == 1) {
		bounds.extend(latlng);
		map.fitBounds(bounds);
	}
	markers.push(marker);
	var html = '';
	html += '<table cellpadding="0" cellspacing="0" border="0" style="min-width:350px;">';
	html += '<tr>';
	if (picture != '') {
		html += '<td valign="top" align="center" style="padding:3px;"><img src="'+picture+'" border="0" alt="" target="_blank" style=" max-height:80px;" /></td>';
	}
	if(website != ''){
		website = '<a href="'+website+'">'+website+'</a>';
	}
	html += '<td style="padding:3px;"><strong>'+company+'</strong><br />'+address+'<br />'+postal+' '+city+'<br /><br />'+website+'</td>';
	html += '</tr>';
	html += '</table>';
	
	google.maps.event.addListener(marker, 'click', function() {
		infoWindow.setContent(html);
		infoWindow.open(map, marker);
	});
	
}