$(document).ready(function(){

	// ANTI SP@M functie
	$("#code input").val("9");
	$("#code").css("display","none");
	


	// functions
	
	function isValidEmail(str) {
	   return (str.indexOf(".") > 0) && (str.indexOf("@") > 0);	 
	}

	function reactie(){
		
		$("#reageer form").slideUp("slow", function(){

			$("#reageermessage").hide().html("Een ogenblik geduld").slideDown("slow", function(){

				$.post("ajax_reageer.php", { naam: $("#naam").val(), email: $("#email").val(), bericht: $("#bericht").val(), som: $("#som").val(), tekst: $("#tekst").val(), haven: $("#havenvar").val(), beoordeling: $("#beoordeling").val(), ajax: "1" }, function(data){ 
						
						$("#reageermessage").html("Bedankt voor uw reactie");
						$("#reactieplaceholder").html(data).hide().slideDown("slow");
					
				});

			});
		
		});	
		
	}
	
	// Bij het versturen van een formulier
	$("#submit").click(function(){
	
		if($("#naam").val() != "" && isValidEmail($("#email").val()) && $("#bericht").val() != ""){
	
			reactie();
		
		} else {
			
			$("#reageermessage").hide().html("U moet alle velden invullen").slideDown("slow");
			
		}
			
		return false;
	
	});

});
/*
	LARGE MAP
*/
	function largeMap(url, latitude, longitude, zoom){

		if (GBrowserIsCompatible()) {
			
		  var sidebar_html = "";
		  var gmarkers = [];
		  var htmls = [];
	
		  var i = 0;
	
		  // A function to create the marker and set up the event window
		  function createMarker(point,name,html,iconstr,map) {
				
				var marker = new GMarker(point);
						
				GEvent.addListener(marker, "click", function() {
					marker.openInfoWindowHtml(html);
				});

				gmarkers[i] = marker;
				htmls[i] = html;

				i++;
				return marker;
				
		  }

		  var map = new GMap2(document.getElementById("largemap"));

			map.enableDoubleClickZoom();
			map.enableContinuousZoom();


			//map.enableScrollWheelZoom();
			map.addControl(new GLargeMapControl());
			map.addControl(new GMapTypeControl());
			
			map.setCenter(new GLatLng(latitude, longitude), zoom); 

			//map.setMapType(G_HYBRID_MAP);

		  function readMap(url) {  
			var request = GXmlHttp.create();
			request.open("GET", url, true);
			request.onreadystatechange = function() 
			{
			  if (request.readyState == 4) {
				var xmlDoc = request.responseXML;
				
				var markers = xmlDoc.documentElement.getElementsByTagName("marker");
	
				map.getInfoWindow().hide();
				
				map.clearOverlays();
	
				gmarkers = [];
	
				sidebar_html="";
			  
				for (var i = 0; i < markers.length; i++) {
	
				  var lat = parseFloat(markers[i].getAttribute("lat"));
				  var lng = parseFloat(markers[i].getAttribute("lng"));
				  var point = new GLatLng(lat,lng);
				  var html = markers[i].getAttribute("html");
				  var label = markers[i].getAttribute("label");
				  
				  var marker = createMarker(point,label,html,map);
								
				  map.addOverlay(marker);
								
				}
				
				}
			}
			request.send(null);
		  }
		  readMap(url);
		}
	
		else {
		  alert("Sorry, the Google Maps API is not compatible with this browser");
		}

	}
	
	
	function showCoords(){

		alert(map.getSize() + " : " + map.getZoom());
		
	}
	
	function imagePopup(url){

		var t = window.open('popup.php?image='+url,'popupimage', 'width=640, height=480');
		t.focus();
		
	}