var oudeSubActief ='sportaanbod';
function subActief(v){
	ge(v).style.display = 'block';
	if(oudeSubActief && oudeSubActief != v){
		ge(oudeSubActief).style.display = 'none';
	}
	oudeSubActief = v;
}

function ge(v){

	return document.getElementById(v);

}

function getSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  
  return myHeight;
}

///// GOOGLE MAPS
var map = null;
var geocoder = null;
var demarkers = [];
var trigger = [];

function initialize() {
	
  if (GBrowserIsCompatible()) {
    map = new GMap2(document.getElementById("map_canvas"));
		map.addControl(new GLargeMapControl());//GSmallMapControl
		map.addControl(new GMapTypeControl());
		map.addControl(new GOverviewMapControl());
		map.addControl(new GScaleControl());
    map.setCenter(new GLatLng(52.120842, 5.123062), 7);

    //map.setCenter(mapcentre,9);
    
//    directionsPanel = document.getElementById("route");
//    directions = new GDirections(map, directionsPanel);
//		directions.load("maaiersweide 3,nieuwegein, netherlands to noordwijkerschans 104, nieuwegein, netherlands");

    //punten = points.length();
    //alert('punten');
    //alert(punten);

    geocoder = new GClientGeocoder();
    //alert(mapCenterPoint); 
    //map.setCenter(geocoder.getLatLng(mapCenterPoint), 7);
    
    //map.addOverlay(new GMarker(point));
    
  }
  if(planroute == 'ja')
  	planRoute();
}

function planRoute(){

  directionsPanel = document.getElementById("route");
  //directions = new GDirections(map, directionsPanel);
	///directions.load(planVan + " to "+planNaar);
  
  directions = new GDirections(map, directionsPanel);
  directions.load("from: " + planVan + " to: "+planNaar,{locale:"nl"}); 
	
}

function showAddress(address) {
  if (geocoder || false) {
    geocoder.getLatLng(
      address,
      function(point) {
        if (!point) {
          alert(address + " werd niet gevonden op de kaart");
        } else {
          map.setCenter(point, 13);
          var marker = new GMarker(point);
          map.addOverlay(marker);
          //marker.openInfoWindowHtml(address);
        }
      }
    );
  }
}

function showTooltip(marker) {
tooltip.innerHTML = marker.tooltip;
var point=map.getCurrentMapType().getProjection().fromLatLngToPixel(map.fromDivPixelToLatLng(new GPoint(0,0),true),map.getZoom());
var offset=map.getCurrentMapType().getProjection().fromLatLngToPixel(marker.getPoint(),map.getZoom());
var anchor=marker.getIcon().iconAnchor;
var width=marker.getIcon().iconSize.width;
var height=tooltip.clientHeight;
var pos = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(offset.x - point.x - anchor.x + width, offset.y - point.y -anchor.y -height)); 
pos.apply(tooltip);
tooltip.style.visibility="visible";
}

function createMarker(latlng, nummer) {

	//var letteredIcon = new GIcon(baseIcon);
	//theIcon.image = 'http://labs.google.com/ridefinder/images/mm_20_blue.png'; 
  markerOptions = { title:mapnaam[(nummer-1)] };
  var marker = new GMarker(latlng,markerOptions);
  marker.bindInfoWindowHtml("<b>"+mapnaam[(nummer-1)]+"</b><br/>"); 
	//http://www.google.com/intl/en_us/mapfiles/ms/micons/green-dot.png
	//http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png
	//http://www.google.com/intl/en_us/mapfiles/ms/micons/red-dot.png
	//marker.setImage("http://www.google.com/mapfiles/markerS.png");
	GEvent.addListener(marker,"mouseover", function() {
		marker.setImage("http://www.google.com/mapfiles/dd-start.png");
	});
	GEvent.addListener(marker,"mouseout", function() {
		//marker.setImage("http://www.google.com/intl/en_us/mapfiles/ms/micons/red-dot.png");
		marker.setImage("http://www.google.com/mapfiles/markerS.png");
	});

  return marker;
}

function addAddress() {
	
	aantal = addresses.length;
	
	if (geocoder) {
		var counter = 0;

		for(i=0;i<=(aantal-1);i++){

	    geocoder.getLatLng(
	      addresses[i],
	      function(point) {
	        if (!point) {
	          alert(addresses[i] + " werd niet gevonden op de kaart");
	        } else {
						counter = counter + 1;
	          var marker = new GMarker(point);

						demarkers[counter] = createMarker(point, counter);
						map.setCenter(point, mapinzoom);
						map.addOverlay(demarkers[counter]); 
                  
	          //map.addOverlay(createMarker(point, counter));

	        }
	      }
	    );
	  }
    //alert(mapCenterPoint);
    //map.setCenter(geocoder.getLatLng(mapCenterPoint), mapinzoom);
		//alert('length: '+demarkers.length);
	 }
}

function insertAtCursor(myField, myValue) {

	//IE support
	if (document.selection) {
		myField.focus();
		sel = document.selection.createRange();
		sel.text = myValue;
	}
		//MOZILLA/NETSCAPE support
	else if (myField.selectionStart || myField.selectionStart == '0') {
		var startPos = myField.selectionStart;
		var endPos = myField.selectionEnd;
		myField.value = myField.value.substring(0, startPos)
		+ myValue
		+ myField.value.substring(endPos, myField.value.length);
		} else {
		myField.value += myValue;
	}
}

function quote(v){
	document.reageer.reactie.innerHTML = v + "\n\n";
	document.reageer.style.display='block';
	//alert(v);
}

function clearField(veld,iniValue){
	if(veld.value == iniValue){
		veld.className = '';
		veld.value = '';
	}
}
function inivalField(veld,iniValue){
	if(veld.value == ''){
		veld.className = 'voorbeeld';
		veld.value = iniValue;
	}
}

		function sendForm(hetForm,dbType){

			//aler

			/*if(hetForm.plaats.value==iniValStad){ 
				hetForm.plaats.value=''; 
			}*/
			if(hetForm.plaats.value == '' && hetForm.search.value == ''){
				alert('Vul minimaal een plaats of naam in.'); 
			} else {
				
				if(hetForm.search.value != ''){
					
					if(dbType == 'accom'){
						//alert('Selecteer een accommodatie uit de lijst');
						url = '/sportaccomodaties/' +hetForm.search.value+'.html';
					} else {
						//alert('Selecteer een vereniging uit de lijst');
						//url = '/zoeksportvereniging.html?naam=' +hetForm.search.value;
						url = '/sportvereniging/'+hetForm.search.value+'.html';
					}
					//return false;
					
				} else {

					if(hetForm.sport.value != ''){

						url = '/'+hetForm.sport.value+ '/' +hetForm.plaats.value+'.html';
						
					} else {

						if(dbType == 'accom')
							url = '/sportaccommodaties/' +hetForm.plaats.value+'.html';
						else
							url = '/sportverenigingen/' +hetForm.plaats.value+'.html';

					}

				}
				location.href = url;
				
			}
		}
		
		var oudeSubActief ='sportaanbod';
		function subActief(v){
			ge(v).style.display = 'block';
			if(oudeSubActief && oudeSubActief != v){
				ge(oudeSubActief).style.display = 'none';
			}
			oudeSubActief = v;
		}
		
		
var toggleOnbekend = 'none';
function toggleOnbrekend(){
	
	if(toggleOnbekend == "none"){
		ge('onbrekend').style.display = 'block';
	} else {
		ge('onbrekend').style.display = 'none';
	}
	
	toggleOnbekend = ge('onbrekend').style.display;
	
}