var markers =[];
var markersBog =[];
var markersWonen =[];
var xml;
var marker="";
infoBoxes=[];
function initialize() {
	
	if(marker!=""){
		marker=marker.split(",");
		long = parseFloat(marker[0]);
		lat = parseFloat(marker[1]);		
		var latlng = new google.maps.LatLng(lat,long);
		mapsBlok="googlemaps_small";
	}else{
		var latlng = new google.maps.LatLng(52.095539,4.271879);
		mapsBlok="googleMapsBlock";
	}
	var myOptions = {
	  zoom: 12,
	  center: latlng,
	  mapTypeId: google.maps.MapTypeId.ROADMAP	 
	};

	var map = new google.maps.Map(document.getElementById("googleMaps"), myOptions);
	
	
	


	if(marker!=""){
	var addmarker= new google.maps.Marker({  
		  position: latlng,  
		  map: map,		
		  clickable: false,  
		  icon: '/marker.png'  
	}); 
	}
	

   	if(marker==""){		
	
   	 jQuery.get("/GoogleMarkers.xml&rand="+Math.random(), {}, function(data) {
   	      var i=0;
	      jQuery(data).find("marker").each(function() {
	      	
	      	var marker = jQuery(this);      	
	      	
	        var latlng = new google.maps.LatLng(parseFloat(marker.attr("lat")),
	        parseFloat(marker.attr("lng")));	        
	        adres = marker.attr("address");
	        desc = marker.attr("desc");
	        link =marker.attr("link"); 
	        prijs=marker.attr("prijs");
	        kamers=marker.attr("kamers");
	        type= marker.attr("type");
	        html=marker.attr("html");
	        
	        
	        if(type=="bog"){
	        	icon="/markerBOG.png";
	        	closeImage="/close_blue.gif";
	        }else{
	        	icon="/markerWonen.png";
	        	closeImage="/close_orange.png";
	        }
	        
	        var marker= new google.maps.Marker({  
		  position: latlng,  
		  map: map,  
		  title: adres,  
		  clickable: true, 
		  nr: html, 
		  icon: icon
		}); 
		
		
		
		
		var boxText = document.createElement("div");
	        //boxText.style.cssText = "border: 1px solid black; margin-top: 8px; background: yellow; padding: 5px;";
	        
	       
	        //boxText.innerHTML = '<font size="2"><a style="color:#000;font-weight:bold" href="'+link+'">'+adres+'</a><br>Aantal kamers: '+kamers+'<br><br><br><br><br>Huurprijs: &euro;'+prijs+'</font>';
	                
	        var myOptions = {
	                 content: boxText
	                ,disableAutoPan: false
	                ,maxWidth: 0
	                ,pixelOffset: new google.maps.Size(-105, -160)
	                ,zIndex: null
	                ,boxStyle: { 
	                 // background: "url('tipbox.gif') no-repeat"               
	                  width: "375px"
	                 }
	                ,closeBoxMargin: "10px 2px 2px 2px"
	                ,closeBoxURL: closeImage
	                ,infoBoxClearance: new google.maps.Size(1, 1)
	                ,isHidden: false
	                ,pane: "floatPane"
	                ,enableEventPropagation: false
	        };	
	             
		infoBoxes[html] = new InfoBox(myOptions);
		
	
		google.maps.event.addListener(marker, 'click', function() {  					

			nr=marker.nr;
			
			$.each(infoBoxes,function(key,value){
				if(value){
					value.close();
				}
			});
						
			$.ajax({
			   type: "GET",
			   async:true,
			   url: "/460?show="+marker.nr,			   
			   success: function(content){
			    	infoBoxes[marker.nr].setContent(content);
			    	infoBoxes[marker.nr].open(map, marker);	
			   }
			 });
			 
	  					
		});
		
		if(i==0){
			//map.setCenter(latlng);
		}				
		i++;    
		if(type=="bog"){
			markersBog.push(marker);
		}else{
			markersWonen.push(marker);
		} 
	        //markers.push(marker);
	     });
		mcOptions = {maxZoom: 17, styles: [{
			height: 53,
			url: "http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m1.png",
			width: 53
			},
			{
			height: 53,
			url: "http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m1.png",
			width: 53
			},
			{
			height: 53,
			url: "http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m1.png",
			width: 53
			},
			{
			height: 53,
			url: "http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m1.png",
			width: 53
			},
			{
			height: 53,
			url: "http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m1.png",
			width: 53
			}]}
	   
	     var markerCluster = new MarkerClusterer(map, markersBog,mcOptions );
	     
	     mcOptions = {maxZoom: 17, styles: [{
			height: 56,
			url: "http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m2.png",
			width: 56
			},
			{
			height: 56,
			url: "http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m2.png",
			width: 56
			},
			{
			height: 56,
			url: "http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m2.png",
			width: 56
			},
			{
			height: 56,
			url: "http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m2.png",
			width: 56
			},
			{
			height: 56,
			url: "http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m2.png",
			width: 56
			}]}
	     var markerCluster = new MarkerClusterer(map, markersWonen,mcOptions );
	     
	  });
	  }
}