/**
 * Data of the hotspots locations for each place are declared as JS object
 * each hotspot is defined by the next properties:
 * - simpleContent: String with the HTML content in the info window.
 * - maximizedContent : URL of the HTML page (AJAX loaded) of the maximized info window.
 * - latitude: latitude of the geographic poing (you can use infopanel for obtain that)
 * - longitude: longitude of the geographic poing (you can use infopanel for obtain that)
 * - zoom: zoom level for hotspot links
 * - icon: url of the custom icon for this place
 */
var locations_data = { locations: [
{
simpleContent: "<b>Crozon-Morgat</b><br>Finistère,<br>Brittany,<br>France<br><br><b>Tel:</b>01367 820775",
maximizedContent: "/test.html",
latitude:48.22725,
longitude:-4.4879,
zoom: 10,
icon: "/img/icon.png"
}
]};

$(document).ready(function(){
	$("#gmaps_container").gmaps({
		data: locations_data,
		infopanel: $("#gmaps_info").get(0),
		relativepath: "http://www.dev.peterroper.co.uk"
	});
});