var intLat = 0 
var intLng = 0

var map_1
var mgr
var allmarkers = [];

var Markers = new Array();
var MarkersInfo = new Array();
var map_1=null;  var mgr_1=null;


var address = ''
window.setTimeout("setupMap(51.74063616409767,5.33935546875,6)",1000)


function setupMap(lat,lng,zm) {	
	if (GBrowserIsCompatible()) {
		map_1 = new GMap2(document.getElementById("googlemap_1"));
		map_1.addControl(new GMapTypeControl());
		map_1.addControl(new GLargeMapControl());
		if(address!=''){
			map_1.setCenter(new GLatLng(intLat,intLng), 11)
		}else{
			map_1.setCenter(new GLatLng(lat,lng), zm);
		}
		map_1.addMapType(G_HYBRID_MAP);
		map_1.setMapType(G_HYBRID_MAP);

//		if(address!=''){
			var mgrOptions = { borderPadding: 50, maxZoom: 15, trackMarkers: true };
			mgr = new GMarkerManager(map_1, mgrOptions);
			window.setTimeout(setupIcons, 1000);	
//		}
	}
}

function openInfoWindow(id) {
	var enabledirections = "Y";
	if (enabledirections == 'N') {
		Markers[id].openInfoWindowHtml(MarkersInfo[id]);
	}else{
		Markers[id].openInfoWindowTabsHtml(MarkersInfo[id]);
  }
}

function setupIcons() {
	// Vul alle locaties vanuit xml bestand.
	GDownloadUrl("xml/getVacatures.xml.asp?regio=", function(data, responseCode) {
		var xml = GXml.parse(data);
		var markers
		var xmlContent = xml.documentElement.getElementsByTagName("location");
		for (var i = 0; i < xmlContent.length; i++) {
			var showSpecialIcon = 0; // Standaard icoontje.
			var marker = createMarker(new GLatLng(parseFloat(xmlContent[i].getAttribute("lat")), parseFloat(xmlContent[i].getAttribute("lng"))),
				xmlContent[i].getAttribute("id"), 
				xmlContent[i].getAttribute("title"),
				xmlContent[i].getAttribute("street") + ' ' + xmlContent[i].getAttribute("housenumber"),
				xmlContent[i].getAttribute("zipcode"),
				xmlContent[i].getAttribute("city"),
				xmlContent[i].getAttribute("id"),
				xmlContent[i].getAttribute("regio")
			); 
			allmarkers.push(marker);
			mgr.addMarker(marker, 1);
		}
	});
	mgr.refresh();
}

function createMarker(point, id, title, street, zipcode, city, id, regio) {
	// Functie die een markering maakt op een punt met evt extra details.
	var marker = new GMarker(point,{icon:G_DEFAULT_ICON,title:title+ " (" + city +")\r\n(klik voor details)"});
	GEvent.addListener(marker, "click", function() { 
		marker.openInfoWindowHtml('<b>'+title+'</b><br />'
//				+'<b>'+street+'</b><br />'
//				+'<b>'+zipcode+' '+city+'</b><br />'
				+'<b>'+regio+'</b><br />'
				+'<a href="#" onclick="top.openOverlay(\'Vacature\',\'../vacature.asp?id='+id+'\',600,500)">Ga naar vacature &raquo;</a>'
		); 
	});
	// Einde verschillende iconen.
	return marker;
}
	
function setupMarkers() {
	//mgr_1 = new GMarkerManager(map_1);
	var icon = new GIcon();
	icon.image = "http://www.mpl.nl/img/red-marker.png";
	icon.shadow = "http://www.mpl.nl/img/red-marker.png";
	icon.iconSize = new GSize(12,20);
	icon.shadowSize = new GSize(12,20);
	icon.iconAnchor = new GPoint(6, 20);
	icon.infoWindowAnchor = new GPoint(5, 1);
	var point1 = new GPoint(intLng,intLat);
	var marker_1 = new GMarker(point1, {title:'Peopleprofs', icon: icon});
	Markers[1] = marker_1;
	var infoTabs_1= [ new GInfoWindowTab("Details","<div class='gmapsdirections'><form action='http://maps.google.com/maps' method='get' target='_blank'><div class='directionstitle'>Route naar Peopleprofs</div><label for='saddr'>Start Adres:</label><input name='saddr' id='saddr' size='30' type='text'/><input value='Go' type='submit' /><input name='daddr' value='52.138375,5.040571' type='hidden'/><input name='hl' value='nl' type='hidden'/><address>Voorbeeld: Beursplein 1, Amsterdam, Netherlands</address></form></div>"), new GInfoWindowTab("Adres","<div class='markerName'>Peopleprofs</div><div class='markerDescription'>Raadhuisstraat 31a<br>3603 AV Maarssen</div>")];
	MarkersInfo[1] = infoTabs_1;
	GEvent.addListener(marker_1, 'click', function() {
		marker_1.openInfoWindowTabsHtml(infoTabs_1);
	});
	map_1.addOverlay(marker_1);
	openInfoWindow(1);
}