var toolbox_gmap		= '';
var main_gmap 			= '';
var geocoder 			= '';
var all_gmaps_points	= new Array();
var gmaps_search 		= null;

var all_markers			= new Array();

var gmaps_zoom_level	= 14;
var gmaps_last_point	= null; // new GLatLng(51.8767, 4.39700);
var gmaps_center_point	= new GLatLng(51.930,4.415);

function gmaps_toolbox_init() {
	  if (GBrowserIsCompatible()) {
		toolbox_gmap	= new GMap2(document.getElementById("googlemaps_toolbox"));
		geocoder		= new GClientGeocoder();
		
		toolbox_gmap.disableGoogleBar();
		toolbox_gmap.setMapType(G_SATELLITE_MAP);
		
		for (var i=0;i<=all_gmaps_points.length-1;i++)
			add_point_to_toobox_gmap(all_gmaps_points[i]['lng'], all_gmaps_points[i]['lat'], all_gmaps_points[i]['html'], all_gmaps_points[i]['marker']);

		toolbox_gmap.setCenter(gmaps_last_point, gmaps_zoom_level);
	}
}

function gmaps_main_init() {
	  if (GBrowserIsCompatible()) {
		main_gmap		= new GMap2(document.getElementById("googlemaps_main"));
		geocoder		= new GClientGeocoder();
		
		main_gmap.disableGoogleBar();
		main_gmap.setUIToDefault();
		main_gmap.setMapType(G_HYBRID_MAP);
	
		for (var i = 0; i <= all_gmaps_points.length - 1; i++) {
			add_point_to_main_gmap(all_gmaps_points[i]['lng'], all_gmaps_points[i]['lat'], all_gmaps_points[i]['html'], all_gmaps_points[i]['marker']);
		}

		gmaps_last_point = (gmaps_center_point != null)? gmaps_center_point : gmaps_last_point;
		main_gmap.setCenter(gmaps_last_point, gmaps_zoom_level);
	}
}


function make_gmaps_marker(markerType){
	var squareIcon				= new GIcon();
	squareIcon.iconSize 		= new GSize(12, 12);
	squareIcon.iconAnchor 		= new GPoint(0, 12);
	squareIcon.infoWindowAnchor = new GPoint(5, 1);
	
	switch(markerType){
		case '0':
			squareIcon.image	= BaseURL+"/img/gmaps_icons/blue_square.png";
		break;
		
		case '1':
			squareIcon.image	= BaseURL+"/img/gmaps_icons/red_square.png";
		break;
		
		case '2':
			squareIcon.image	= BaseURL+"/img/gmaps_icons/green_square.png";
		break;
		
		case '3':
			squareIcon.image	= BaseURL+"/img/gmaps_icons/orange_square.png";
		break;
		
	}
	
	return { icon:squareIcon };
	
}

function add_point_to_toobox_gmap(lng, lat, html, marker){
	var point = new GLatLng(lat, lng);
	var marker = new GMarker(point, make_gmaps_marker(marker));
	
	GEvent.addListener(marker, 'click', function() {
        window.location = BaseURL+'/kaart';
    });

	toolbox_gmap.addOverlay(marker);
	gmaps_last_point = point;
}

function add_point_to_main_gmap(lng, lat, html, markerID){
	var point = new GLatLng(lat, lng);
	var marker = new GMarker(point, make_gmaps_marker(markerID));
	
	GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
		main_gmap.setCenter(point);
    });
	
	main_gmap.addOverlay(marker);

	var i = 0;
	if(all_markers[markerID] != undefined)	i = all_markers[markerID].length;
	else									all_markers[markerID] = new Array();
		
	all_markers[markerID][i] = marker;
	gmaps_last_point = point;
}


$(function(){
	$('#kaart').click(function(){
		window.location = BaseURL+'/kaart';
	});
	
	$('.filterBtn').click(function(){
		var markerID	= $(this).attr('rel');
		if(all_markers[markerID] != undefined){
			for(i=0;all_markers[markerID].length>i;i++){
				var marker = all_markers[markerID][i];
				if(marker.isHidden())	marker.show();
				else					marker.hide();
			}			
		}

		$('.markercontent.marker'+markerID).toggle(1000);
		if($(this).attr('src') != BaseURL+'/img/filter_deactive.jpg')	$(this).attr('src', BaseURL+'/img/filter_deactive.jpg');
		else															$(this).attr('src', BaseURL+'/img/filter_active.jpg');

	});

});