﻿// arrays to hold copies of the markers and html used by the side_bar
// because the function closure trick doesnt work there
var gmarkers = [];
var i = 0;
var linkid = "activite"+i;
var lastlinkid="";
var bounds = new GLatLngBounds();
var map;

function initialize() {
  if (GBrowserIsCompatible()) {
	var marker;
	var StartLat = 0;
	var StartLng = 0;
	
	map = new GMap2(document.getElementById("map_canvas"),  { size: new GSize(235,265) } );

	var center = new GLatLng(StartLat, StartLng);
	map.enableScrollWheelZoom();
	map.addControl(new GSmallMapControl());
	map.setCenter(center, 14);
  }
}
	
function CreateMarkerAndPoint(Lat,Lng,name,html){
	// add the points    
	var LinkIDCreate="activite"+i;
	var point = new GLatLng(Lat,Lng);
	var marker = createMarker(point,name,html);
	GEvent.addListener(marker, "click", function() {
		if(lastlinkid!="") 
		{
			var alastlink = getElementsByName_iefix(lastlinkid);
			for(i=0;i<alastlink.length;i++)
				alastlink[i].firstChild.className="innerItem";
		}
		var aHighlight = getElementsByName_iefix(LinkIDCreate);
		for(i=0;i<aHighlight.length;i++)
			aHighlight[i].firstChild.className="innerItem listHighlight";
		document.location.href="#" + LinkIDCreate;
		lastlinkid=LinkIDCreate;
	});
	map.addOverlay(marker);
	bounds.extend(point);
}

function CreateMarkerAndPoint2(Lat,Lng,name,html)
{
	// add the points  
	var LinkIDCreate="activite"+i;  
	var point = new GLatLng(Lat,Lng);
	var marker = createMarker(point,name,html);
	GEvent.addListener(marker, "click", function() {
		document.location.href=markerClickUrl + "#" + LinkIDCreate;
	});
	map.addOverlay(marker);
	bounds.extend(point);
}

// A function to create the marker and set up the event window
function createMarker(point,name,html) {
	// use a custom icon with letter A - Z
	//var letter = String.fromCharCode("A".charCodeAt(0) + i);
	var myIcon = new GIcon(G_DEFAULT_ICON, "/medias/communs/pushpins/map/"+ (i+1) +".png");
	myIcon.iconSize=new GSize(21,21);
	myIcon.iconAnchor=new GPoint(0,21);
	myIcon.shadow="/medias/communs/pushpins/map/ombre.png";
	myIcon.shadowSize=new GSize(27,28);
	myIcon.printImage = "/medias/communs/pushpins/map/"+ (i+1) +".png";
	myIcon.mozPrintImage = "/medias/communs/pushpins/map/"+ (i+1) +".png";
	
	var marker = new GMarker(point, {icon:myIcon,title: name});
	
	// save the info we need to use later for the side_bar
	gmarkers[i] = marker;
	i++;
	return marker;
}

function SetInitLayoutCarte() {
	var strUrl = window.location.href;
	var intPosition = strUrl.indexOf('#');
	if(intPosition > 0){
		lastlinkid = strUrl.substring(intPosition+1);
		var aHighlight = getElementsByName_iefix(lastlinkid);
		for(i=0;i<aHighlight.length;i++)
			aHighlight[i].firstChild.className="innerItem listHighlight";
	}
}


function getElementsByName_iefix(name) {
     var rootList = document.getElementById("escListeAct");
     var elem = rootList.getElementsByTagName("li");
     var arr = new Array();
     for(i = 0,iarr = 0; i < elem.length; i++) {
          //att = elem[i].getAttribute("name");
          att = elem[i].className;
          if(att == name) {
               arr[iarr] = elem[i];
               iarr++;
          }
     }
     return arr;
}


// A function to create the marker and set up the event window
function createMarker2(Lat,Lng,name,html) {
	// use a custom icon with letter A - Z
	//var letter = String.fromCharCode("A".charCodeAt(0) + i);
	var myIcon = new GIcon(G_DEFAULT_ICON, "/medias/communs/pushpins/map/port.png");
	myIcon.printImage = "/medias/communs/pushpins/map/port.png";
	myIcon.mozPrintImage = "/medias/communs/pushpins/map/port.png";
	myIcon.iconSize=new GSize(38,13);
	myIcon.iconAnchor=new GPoint(0,13);
	myIcon.shadow="/medias/communs/pushpins/map/ombre_port.png";
	myIcon.shadowSize=new GSize(46,20);
	var point = new GLatLng(Lat,Lng);
	var marker = new GMarker(point,{icon:myIcon,title:  name});

	/*GEvent.addListener(marker, "click", function() {
	  marker.openInfoWindowHtml(html);
	});*/
	// save the info we need to use later for the side_bar
	// gmarkers[i] = marker;
	// i++;
	map.addOverlay(marker);
	bounds.extend(point);
	return marker;
}

// This function picks up the click and opens the corresponding info window
function myclick(i) {
	linkid="activite"+i;
	GEvent.trigger(gmarkers[i], "click");
}

function initialize() {
	if (GBrowserIsCompatible()) {
		var mapDiv = document.getElementById("escCarte");
		// create the map
		map=new GMap2(mapDiv);
		// map.addControl(new GLargeMapControl());
		//map.addControl(new GMapTypeControl());
		//map.addControl(new  GScaleControl());
		map.setCenter(new GLatLng(-72,659660,46,394588),5);
		var LogoDiv = mapDiv.firstChild.nextSibling
		var CopyrightDiv = LogoDiv.nextSibling;
		LogoDiv.className = "escCarteLogo"
		CopyrightDiv.className = "escCarteCopy";
	} else {
		alert("Désolé, Google Maps n'est pas compatible avec ce navigateur \n Sorry, Google Maps is not compatible with this browser");
	}
}