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,ombre) {
var icon = new GIcon();
icon.image = "icones/"+nomicone+".png";
icon.shadow = "icones/"+ombre+".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;
}
function creationTOP (nomicone,ombre) {
var icon = new GIcon();
icon.image = "icones/"+nomicone+"_top.png";
icon.shadow = "icones/"+ombre+"_top.png";
	icon.iconSize=new GSize(32,32);
	icon.shadowSize=new GSize(59,32);
	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, minititre, contenu_html, options_html, name, img, imgsurvol, imgrepos, imgombre, geoclics) {
if(i<10){
var icon = creationTOP (img,imgombre);
}else{
var icon = creationICONE (img,imgombre);
}
var marker = new GMarker(point, icon);

		gmarkers[i] = marker;
		htmls[i] = "<center><table id=\"infobulle\"><tbody><tr><td class=\"titres\"><div class=\"titre\">" + name + "</div><div class=\"soustitre\">" + titre_html + "</div></td></tr><tr><td class=\"texte\">" + contenu_html + "</td></tr><tr><td class=\"options\">" + options_html + "</td></tr></tbody></table></center>";

		if(i<10){
		topliste_html += '<div id="topliste"><a href="javascript:myclick(' + i + ')"><img src="icones/' + img + '_top.png" width="32" height="32" alt="' + geoclics +' g&eacute;oclics"><b>' + name + '</b><br><i>' + minititre + '</i></a></div>\n';
		}
		//sidebar_html += '<div id="liste"><a href="javascript:myclick(' + i + ')">' + name + '</a></div>\n';
		
		select_html += '<option> ' + name + '</option>';

		i++;

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



	return marker;
}