var map;
var marker;

var mrks = new Array();

var icon;
var icon = new GIcon();
icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
icon.iconSize = new GSize(12, 20);
icon.shadowSize = new GSize(22, 20);
icon.iconAnchor = new GPoint(6, 20);
icon.infoWindowAnchor = new GPoint(5, 1);

function initialize(css){
	if (GBrowserIsCompatible()) {
		selicon = "/css/cc/gfx/carte-point-sel.png";
		icon.image = "/css/cc/gfx/carte-point-"+css+".png";
		map = new GMap2(document.getElementById("carte"));
		map.setCenter(new GLatLng(45.730929, 3.185778), 13);
		map.setUIToDefault();
		for (var i = 0; i < pts.length; i++) {
			var p= new GLatLng(pts[i][1] ,pts[i][2]);
			var m = createMarker(p,pts[i][0]);
			m.icon=icon;
			mrks[i] = m;
			map.addOverlay( mrks[i]);
		}  
	}
}
function selectMrk(id,center){
	for(var i = 0; i < mrks.length; i++){
		mrks[i].setImage(icon.image);
		var LL = mrks[i].getLatLng();
		if (LL.lat() != 0 && LL.lng() != 0){
			$('.items div.item').removeClass('selected');
			if (mrks[i].value == id){
				ptTmp= new GLatLng(LL.lat() ,LL.lng());
				mrks[i].setImage(selicon);
				$('#details').html($('#'+id).html());
				$('#'+id).addClass('selected');
				if(center==true)map.setCenter(new GLatLng(LL.lat(), LL.lng()), 13);
			}
		}
	}
}
function createMarker(point, number) {
	  var marker = new GMarker(point,icon);
	  marker.value = number;	  
	  GEvent.addListener(marker, "mouseover", function() {
		selectMrk(marker.value,false);
	  });
	  return marker;
}