var map;
var markersArray = [];
var BaseHref=document.location.href;

//fonction qui instancie la carte
function initialize() {

    var myLatlng = new google.maps.LatLng(47.055581, -70.22288); //coordoner pour le centre de la carte

	var myOptions = {
		zoom: 10,
		center: myLatlng,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	}

	map = new google.maps.Map(document.getElementById("repMap"), myOptions);

	

	createMapMarkers();
}

//creer le marker avec sont icone et sa fenetre de detail
function CreateMarker(infowindow, title, description, image, Lat, Lng) {

	var myLatlng = new google.maps.LatLng(Lat, Lng);

	//	icon: image
	var marker = new google.maps.Marker({
	    position: myLatlng,
         icon: image,
         title: title,
        map:map
	});

    google.maps.event.addListener(marker, 'click', function () {
        infowindow.content = description;
        infowindow.open(map, marker);
    });  
   
	marker.setMap(map);  
	markersArray.push(marker);

}

//positionne la carte sur le marker et ouvre sa fiche de detail
function DisplayMarker(pos){
	var marker=markersArray[pos];
	map.setCenter( marker.getPosition());
	google.maps.event.trigger(marker,'click');
	document.location.href=BaseHref+ "#Map";
}

//Va vers le detail de item (liste)
function DisplayDetail(pos){
	document.location.href=BaseHref+ "#anchor" + pos;
}


//charger le script de google map en asynchr0ne
function loadScript() {
	var script = document.createElement("script");
	script.type = "text/javascript";
	script.src = "http://maps.google.com/maps/api/js?sensor=false&language=<%=UICultureISO.tolower() %>&callback=initialize";
	document.body.appendChild(script);
}

window.onload = loadScript;