var path2img='/';



// lang=es
var projects = [
    // titre, x,y, z-index, path to picture, url
          ['Educación en Bangladesh', 23.37, 90.5, 1, '',0,0, '../index.php?option=com_weblinks&view=weblink&id=116:educacion-bangladesh&catid=548:nos-actions-dans-le-monde-es&task=weblink.go', ''],
  ['Educación en El Chad', 14.18, 18.78, 1, '',0,0, '../index.php?option=com_weblinks&view=weblink&id=170:educacion-chad&catid=548:nos-actions-dans-le-monde-es&task=weblink.go', ''],
  ['Educación en Burkina Faso', 12.2, -1.37, 1, '',0,0, '../index.php?option=com_weblinks&view=weblink&id=119:educacion-burkina-faso&catid=548:nos-actions-dans-le-monde-es&task=weblink.go', ''],
  ['Educación en Guatemala', 15.35, -92, 1, '',0,0, '../index.php?option=com_weblinks&view=weblink&id=122:educacion-guatemala&catid=548:nos-actions-dans-le-monde-es&task=weblink.go', '<a href="../index.php?option=com_weblinks&view=weblink&id=157:formacion-en-guatemala&catid=548:nos-actions-dans-le-monde-es&task=weblink.go"><h2>Formación en Guatemala</h2</a>'],
  ['Educación en Níger', 16.7, 9.5, 1, '',0,0, '../index.php?option=com_weblinks&view=weblink&id=125:educacion-niger&catid=548:nos-actions-dans-le-monde-es&task=weblink.go', ''],
  ['Información y sensibilización en Suiza', 46.95,7.43, 1, '',0,0, '../index.php?option=com_weblinks&view=weblink&id=147:sensibilizacion-suiza&catid=548:nos-actions-dans-le-monde-es&task=weblink.go', ''] 
  ];

function initialize() {
  var myOptions = {
    zoom: 2,
    center: new google.maps.LatLng(25, -8),
    mapTypeId: google.maps.MapTypeId.TERRAIN
  }
  var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  setMarkers(map, projects);
}

window.onload = function(){
    initialize();
}

// ----------------------------------------------------------------------------------------------------------------------------------

function setMarkers(map, locations) {
    // Add markers to the map
    var image = new google.maps.MarkerImage(path2img+'images/stories/icons/gmap-marker.png',
        new google.maps.Size(31, 50),         // This marker is 20 pixels wide by 32 pixels tall.
        new google.maps.Point(0,0),           // origin for this image
        new google.maps.Point(15, 46));       // anchor for this image
    var shadow = new google.maps.MarkerImage(path2img+'images/stories/icons/gmap-shadow.png',
        new google.maps.Size(31, 29),
        new google.maps.Point(0,0),
        new google.maps.Point(1, 26));
    var shape = {
        coord: [15,0, 0,9, 0,22, 10,31, 15,50, 21,31, 29,22, 30,9, 15,0], // Shapes define the clickable region of the icon.
        type: 'poly'
    };
    for (var i = 0; i < projects.length; i++) {
        var project = projects[i];
        var myLatLng = new google.maps.LatLng(project[1], project[2]);
        var marker = new google.maps.Marker({
            position: myLatLng,
            map: map,
            shadow: shadow,
            icon: image,
            shape: shape,
            zIndex: project[3]
        });
        titre=project[0];
        imgpath=project[4];
        iWidth=project[5];
        iHeight=project[6];
        url=project[7];
        text=project[8];
        var contentString='<div id="gmap_content">'
            +'<a href="'+url+'">'
            +'<img class="icon" src="'+path2img+'images/stories/icons/gmap-icon.png" />'
            +'<h2>'+titre+'</h2>'
            +'<img class="pic" src="'+path2img+imgpath+'" width="'+iWidth+'" height="'+iHeight+'" />'
            +'</a>'
            +'<p style="margin-left:50px;margin-top:10px">'+text+'</p>'
            +'</div>';
        MarkerAttach(marker, contentString);
    }

    function MarkerAttach(marker, content) {
        var infowindow=new google.maps.InfoWindow({ content: content /*, maxWidth: 250*/ });
        google.maps.event.addListener(marker, 'click', function() {
            infowindow.open(map,marker);
            infowindow.setZIndex(999);
        });
    }
}