var topliste_html = ""; // Top-Liste
var sidebar_html = ""; // Sidebar classique
var select_html = '<select onChange="handleSelected(this)">' + '<option selected> - S&eacute;lectionnez un marqueur - </option>'; // Sidebar Combo
var gmarkers = [];
var htmls = [];
var i = 0;

function myclick(i) {
        gmarkers[i].openInfoWindowHtml(htmls[i]);
      }

function creationICONE (nomicone) {
var icon = new GIcon();
icon.image = nomicone;
icon.shadow = "icones/gris.png";
	icon.iconSize=new GSize(12,20);
	icon.shadowSize=new GSize(22,20);
	icon.iconAnchor=new GPoint(6,20);
	icon.infoWindowAnchor=new GPoint(6,10);
return icon;
}

// fonction pour la sidebar Combo
function handleSelected(opt) {
var i = opt.selectedIndex - 1; 
if (i > -1) {
GEvent.trigger(gmarkers[i],"click");
}
else {
map.closeInfoWindow();
}
}

function createMarker(point, titre_html, cp_html, contenu_html, urlsite, img) {

var icon = creationICONE (img);
var marker = new GMarker(point, icon);

		gmarkers[i] = marker;
		htmls[i] = "<center><table id=\"infobulle\"><tbody><tr><td class=\"titres\"><div class=\"titre\">" + titre_html + "</div><div class=\"titre\">" + cp_html + "</div></td></tr><tr><td class=\"texte\">" + contenu_html;
		htmls[i] += urlsite;
		htmls[i] += "</td></tr></tbody></table></center>";
		
		select_html += '<option> ' + titre_html + '</option>';
		i++;

	GEvent.addListener(marker, "click", function() {
	marker.openInfoWindowHtml("<center><table id=\"infobulle\"><tbody><tr><td class=\"titres\"><div class=\"titre\">" + titre_html + "</div><div class=\"titre\">" + cp_html + "</div></td></tr><tr><td class=\"texte\">" + contenu_html + urlsite+ "</td></tr></tbody></table></center>");
	});



	return marker;
}