function doNotPropagate( e ){
                // alert( event );
                if ( !e ){
                        e = window.event ;
                }
                e.returnValue = false;
                e.cancelBubble = true;
                if ( e.preventDefault && e.stopPropagation ){
                        // W3C (Firefox, Safari, etc)
                        e.preventDefault() ;
                        e.stopPropagation() ;
                }
        }



	
	
function wijzigTekst(inhoud) {
	document.getElementById('info').innerHTML = inhoud; 
	
	//document.getElementById('info').style.display=""
	
	} 
function wijzigTekstRemove(inhoud) {
	document.getElementById('info').innerHTML = "Meetpunten in een straal van 50km:"; 
	//document.getElementById('info').style.display="none"
	
	} 

function changecolor(nama) {
nama.style.backgroundColor = '#CAE2FB'
return true;
}

function returncolor(nama) {
nama.style.backgroundColor = 'white';
return true;
} 
  
	      var map;
   // var geocoder;
			var baseIcon = new GIcon();
			baseIcon.iconAnchor = new GPoint(15, 15);
			baseIcon.iconSize = new GSize(25, 25);
			baseIcon.infoWindowAnchor = new GPoint(15, 15);
									  var side_bar_html_dev = "<table width='98%' align='center'><tr><td><strong>Meetpunt</strong></td><td><strong>Wind</strong></td><td><strong>Stoten</strong></td><td><strong>Richting</strong></td><td align='right'><strong>Afstand</strong></td></tr>";    

				  var side_bar_html = side_bar_html_dev;    
				  var gmarkers = [];
				  var i = 0;
				  
			
    						
	  function google_load(){
				var baseIcon = new GIcon();
				baseIcon.iconAnchor = new GPoint(5, 42);
				baseIcon.iconSize = new GSize(27, 52);
				baseIcon.infoWindowAnchor = new GPoint(5, 42);
			
			    mapDiv = document.getElementById("map");
				  map = new GMap2(mapDiv);
						 map.addControl(new GSmallMapControl());
						 map.addControl(new GMapTypeControl());
						 map.addControl(new GScaleControl());
						 plek = new GLatLng(52.45591786,4.55726623);
						 map.setCenter(plek,9); 
						 var marker = new GMarker(plek);
						 map.addOverlay(marker);
							map.setMapType(G_SATELLITE_MAP);
						map.enableScrollWheelZoom();
						
						if ( mapDiv.addEventListener ){
                                // W3C
                                mapDiv.addEventListener( 'DOMMouseScroll', doNotPropagate,false );
                                disabledDefSWZoom = true ;
                        } else {
                                // IE
                                mapDiv.onmousewheel = doNotPropagate ;
                                disabledDefSWZoom = true ;
                        } 

				  }
				 
					function	verander_kaart(kitespot,km,metar,water,amateur){
					 var gmarkers = [];
					 map.clearOverlays();
					 side_bar_html = side_bar_html_dev;
											var request = GXmlHttp.create();
								  request.open("GET", "/includes/xml/meetpunt_data.php/"+kitespot+"/"+km+"/"+metar+"/"+water+"/"+amateur, true);
								  request.onreadystatechange = function() {
											if (request.readyState == 4) {
												  var xmlDoc = GXml.parse(request.responseText);
												  var markers = xmlDoc.documentElement.getElementsByTagName("marker");
												  
												  for (var i = 0; i < markers.length; i++) {
															// obtain the attribues of each marker
															var lat = parseFloat(markers[i].getAttribute("lat"));
															var lon = parseFloat(markers[i].getAttribute("lon"));
															var point = new GLatLng(lat,lon);
															var div_id = markers[i].getAttribute("div_id");
															var naam_meetpunt = markers[i].getAttribute("naam_meetpunt");
														    var html = "<div style='width:300px; height:250px; font-size:12px; overflow:auto' id='"+div_id+"'>Bezig met laden ...</div>";
															var wind = markers[i].getAttribute("wind");
															var winds = markers[i].getAttribute("winds");
															var richting = markers[i].getAttribute("richting");
															var richting_deg = markers[i].getAttribute("richting_deg");
															var afstand_km = markers[i].getAttribute("afstand_km");
															var icon = "http://www.vliegerweer.nl/images/google/meetpunt.php/"+wind+"/"+winds+"/"+richting_deg+"/1";
															//alert(icon);
															// create the marker				    
															gi = i + 1;
															side_bar_html += '<tr id="v' + i +'"  style="cursor:pointer;" onmouseover="changecolor(this);" onmouseout="returncolor(this)" onclick="javascript:myclick(' + gi + ');">';
															side_bar_html += '<td>' + naam_meetpunt + '</td><td align="right">' + wind + '&nbsp;kn</td><td align="right">' + winds + '&nbsp;kn</td><td align="center">' + richting + '</td><td align="right">' + afstand_km + ' km</td></tr>';
															
															var marker = createMarker(point,naam_meetpunt,html,icon,gi);
															map.addOverlay(marker);
															
															
												  }
												  if (amateur == 1){
												  	side_bar_html = side_bar_html + "<tr><td colspan='5' align='center'><a href=\"javascript:verander_kaart('" + kitespot+"','"+km+"','"+metar+"','"+water+"',0)\">Amateurmetingen verbergen</a></td></tr></table>";
												  }else{
												  	side_bar_html = side_bar_html + "<tr><td colspan='5' align='center'><a href=\"javascript:verander_kaart('" + kitespot+"','"+km+"','"+metar+"','"+water+"',1)\">Amateurmetingen weergeven</a></td></tr></table>";
												  }
												  
												  document.getElementById("meetpunten").innerHTML = side_bar_html;
												  
												     map.setCenter(plek,9); 
													 var marker = new GMarker(plek);
													 map.addOverlay(marker);
											}
								  }
								    
								  request.send(null);
				  }

    
	
	        function createMarker(point,name,html,icon,i) {
			
					var spotIcon = new GIcon(baseIcon);
					spotIcon.image = icon;
					spotIcon.iconSize = new GSize(25, 25);
					
					var marker = new GMarker(point,spotIcon);
					//var marker = new GMarker(point);
					marker.tooltip = '<div class="tooltip">'+name+'</div>';
					
					GEvent.addListener(marker, "click", function() {
							 map.setCenter(point,9); 
					});
					 GEvent.addListener(marker,"mouseover", function() {
					  wijzigTekst(name);
					});  
					 GEvent.addListener(marker,"mouseout", function() {
					  wijzigTekstRemove(" ");
					}); 
    					 

					gmarkers[i] = marker;
					
					
					return marker;
					
      }

function myclick(i) {
        GEvent.trigger(gmarkers[i],"click");
		
		document.getElementById('google').focus()
      }