var map;
var beaches = new Array();
var marker = new Array();
var infowindow;
var lat;
var lng;
var titulo;
var conteudo;
function initialize(lat,long) {

	var myOptions = {
		zoom: 15,
		mapTypeControl: false,
		center: new google.maps.LatLng(lat,lng),
		mapTypeId: google.maps.MapTypeId.ROADMAP
	}
	map = new google.maps.Map(document.getElementById("mapax"),myOptions);
	setMarkers(map);
}
 
function setMarkers(map) {
	var shadow = new google.maps.MarkerImage('images/beachflag_shadow.png',
		new google.maps.Size(37, 32),
		new google.maps.Point(0,0),
		new google.maps.Point(0, 32)
	);
	var shape = {
		coord: [1, 1, 1, 20, 18, 20, 18 , 1],
		type: 'poly'
	};
	
		var image = new google.maps.MarkerImage('images/beachflag.png',
			new google.maps.Size(20, 32),
			new google.maps.Point(0,0),
			new google.maps.Point(0, 32)
		);
		
		var myLatLng = new google.maps.LatLng(lat, lng);
		var number = 1;
		marker[number] = new google.maps.Marker({
			position: myLatLng,
			map: map,
			shadow: shadow,
			icon: image,
			shape: shape,
			title: titulo
			//zIndex: beach[3]
		});
		attachSecretMessage(marker[number], 1);

	
}
function attachSecretMessage(marker, number) {
	conteudo = '<h3 class="est">'+$("#titulo").html()+'</h3><p>'+$("#conteudo").html()+'</p><br class="clear">';
	titulo  = $("#titulo").html();
	infowindow = new google.maps.InfoWindow({ 
		content: conteudo,
		zIndex: number
	});
	
	google.maps.event.addListener(marker, 'click', function() {
		if (infowindow != null)
			infowindow.close();
		infowindow.open(map,marker);
	});
}

$(document).ready(function(arg){
	lat = $("#lat").html();
	lng = $("#lng").html();
	initialize(lat,lng);
});