var centerLatitude = 48.85667;
var centerLongitude =  2.35099;
var startZoom = 6;
var monmarker = 0;
var map;





function addMarker(longitude, latitude, description) {
	var marker = new GMarker(new GLatLng(latitude, longitude));

	GEvent.addListener(marker, 'click',
		function() {
			marker.openInfoWindowHtml(description);
		}
	);

	map.addOverlay(marker);
}


function initializePoint(pointData) {

	var point = new GLatLng(pointData.latitude, pointData.longitude);
	var marker = new GMarker(point);
	var listItem = document.createElement('li');
	var listItemLink = listItem.appendChild(document.createElement('a'));
	listItemLink.href = "#";


	var html = '<div style=\"width:200px;height:65px;font-family:Arial,Helvetica,sans-serif;font-size:12px;\">'
	+ '<div>'
	+ pointData.photo
	+ '</div>'	
	+'<div><b>'
	+ pointData.nom 
	+ '</b></div>'
	+ '<div>'
	+ pointData.message
	+ '</div>'
	+ '</div>';


	var htmlPhoto = '';
	var htmlVideo = '';

	var onglets = new Array();
	var ongletHistoire = new GInfoWindowTab ("Histoire", html); 
	var ongletVideo = new GInfoWindowTab ("Vidéo", htmlVideo); 
	var ongletPhoto = new GInfoWindowTab ("Photo", htmlPhoto); 
	onglets[0] = ongletHistoire;

	/*
	if( pointData.video != "" && pointData.photo != "" )
	{
		onglets[1] = ongletVideo;
		onglets[2] = ongletPhoto;
	}
	else if( pointData.video != "")
	{
		onglets[1] = ongletVideo;
	}
	else if ( pointData.photo != "")
	{
		onglets[1] = ongletPhoto;
	}
	*/


	listItemLink.innerHTML = '<div  style=\"color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:11px;text-decoration:none;background:#C92A32;margin-top:10px;margin-left:10px;margin-right:10px;\" ><strong>' + pointData.date + ' - '+ pointData.pseudo +'</strong><br/><span><font color=#000000>' + pointData.message_cut+'</font></span></div>';
	 
	var focusPoint = function() {
		//marker.openInfoWindowHtml(html);
		marker.openInfoWindowTabsHtml(onglets);
		map.panTo(point);
		return false;
	}
	 
	GEvent.addListener(marker, 'click', focusPoint);
	listItemLink.onclick = focusPoint;
	 	 
	map.addOverlay(marker);
}



function init()
{
	
	
	
    if (GBrowserIsCompatible()) {	
        map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(centerLatitude, centerLongitude), startZoom);
		
		for(id in markers) {
			initializePoint(markers[id]);
		}
		
	}		
}

window.onload = init;
window.onunload = GUnload;