var gmap = null;
var progressBar;
var maxNum = 0;
var num = 0;
var markersArray = [];

function initializeMap() {
	gmap = new GMap2(document.getElementById('googleMap'));
	gmap.addMapType(G_NORMAL_MAP);

	gmap.setMapType(G_NORMAL_MAP);
	gmap.addControl(new GMapTypeControl());
	gmap.addControl(new GLargeMapControl());
	gmap.setCenter(new GLatLng(42, 11), 5);
	gmap.enableScrollWheelZoom();
	progressBar = new ProgressbarControl(gmap, {
		width :150
	});

	addMarkersFromXML('gas');
}

function addMarkersFromXML(type) {
	markersArray=[];
	gmap.clearOverlays();
	$(".shadetabs li").removeClass("selected");
	$("#" + type + "Tab").addClass("selected");
	urlS = '/service/getMapServices.service.php?type=' + type;
	$.ajax( {
		type :"GET",
		url :urlS,
		dataType :"xml",
		success : function(xml) {

			// alert(xml);

			$(xml).find('marker').each(
					function() {
						var lat = $(this).attr('point_y');
						var lon = $(this).attr('point_x');

						text = "<b>" + $(this).attr("nome")
								+ "</b><br><a href=\"" + $(this).attr("url")
								+ "\">" + $(this).attr("url") + "</a><br/>";

						var marker = createMarker(new GLatLng(parseFloat(lat),
								parseFloat(lon)), text);
						// alert(text);
						markersArray.push(marker);

					}); // close each(
			// mgr.addMarkers(batch,5);
			// mgr.refresh();
			maxNum=markersArray.length-1;
			progressBar.start(maxNum);
			setTimeout('loadMarker()', 10);
		}// end ajax success

	}); // close $.ajax(

}

function loadMarker() {
	

	progressBar.updateLoader(1);

	
//alert(num+"_"+maxNum+"_"+count+"_"+markersArray.length)
gmap.addOverlay(markersArray[num]);
	if (num < maxNum) {
		setTimeout('loadMarker()', 10);
	} else {
		progressBar.remove();
		num = 0;
	}
	num++;

}


function createMarker(point, html) {
	
	var marker = new GMarker(point);
	GEvent.addListener(marker, "click", function() {
		marker.openInfoWindowHtml(html);
	});

	return marker;
}