/************************************

AJAXFUNCTIES

**************************************/

//-------------------------------------
// MIJN PROFIEL
function showTabProfileTips(contactId){
	$('tips').className='active';
	$('profiel').className='none';
	var Xdata = new Array();
	var selbox = $('categorylist');
    Xdata[0] = contactId; 
	Xdata = Xdata.join("|");
	new Ajax('api/api-tips.php', {method: 'post', postBody: 'action=showtabprofiletips&data=' + Xdata, update: $('contentTab')}).request();
}
function showTabProfileSummary(contactId){
	$('profiel').className='active';
	$('tips').className='none';
	var Xdata = new Array();
	var selbox = $('categorylist');
    Xdata[0] = contactId; 
	Xdata = Xdata.join("|");
	new Ajax('api/api-tips.php', {method: 'post', postBody: 'action=showtabprofilesummary&data=' + Xdata, update: $('contentTab')}).request();
}

//-------------------------------------
// PUBLIEK PROFIEL
function showTabPublicProfileTips(contactId){
	$('tips').className='active';
	$('profiel').className='none';
	var Xdata = new Array();
	var selbox = $('categorylist');
    Xdata[0] = contactId; 
	Xdata = Xdata.join("|");
	new Ajax('api/api-tips.php', {method: 'post', postBody: 'action=showtabpublicprofiletips&data=' + Xdata, update: $('contentTab')}).request();
}
function showTabPublicProfileSummary(contactId){
	$('profiel').className='active';
	$('tips').className='none';
	var Xdata = new Array();
	var selbox = $('categorylist');
    Xdata[0] = contactId; 
	Xdata = Xdata.join("|");
	new Ajax('api/api-tips.php', {method: 'post', postBody: 'action=showtabpublicprofilesummary&data=' + Xdata, update: $('contentTab')}).request();
}

//-------------------------------------
// TIP
function showTabTipSummary(){
	$('tip').className='active';
	$('kaart').className='none';
	$('reacties').className='none';
	var Xdata = new Array();
	Xdata[0] = escape($('tipid').value);
	Xdata = Xdata.join("|");
	new Ajax('api/api-tips.php', {method: 'post', postBody: 'action=showtabtipssummary&data=' + Xdata, update: $('contentTab')}).request();
}
function showTabTipMap(){
	$('tip').className='none';
	$('kaart').className='active';
	$('reacties').className='none';
	var Xdata = new Array();
	Xdata[0] = escape($('tipid').value);
	Xdata = Xdata.join("|");
	new Ajax('api/api-tips.php', {method: 'post', postBody: 'action=showtabtipmap&data=' + Xdata, update: $('contentTab'), onComplete:initiate_map_tips}).request();
}
function showTabTipReacties(){
	$('tip').className='none';
	$('kaart').className='none';
	$('reacties').className='active';
	var Xdata = new Array();
	Xdata[0] = escape($('tipid').value);
	Xdata = Xdata.join("|");
	new Ajax('api/api-tips.php', {method: 'post', postBody: 'action=showtabtipreacties&data=' + Xdata, update: $('contentTab')}).request();
}
function initiate_map_tips(){
      if (GBrowserIsCompatible()) {
		var lat = escape($('lat').value);
		var lon = escape($('lon').value);
        var map = new GMap2(document.getElementById("mapsmall"));
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(lat, lon), 6);
		var marker = new GMarker(new GLatLng(lat, lon));
        map.addOverlay(marker);
      }
}

//-------------------------------------
// TIPLIJST
function showTabTiplijstSummary(){
	$('lijst').className='active';
	$('kaart').className='none';
	new Ajax('api/api-tips.php', {method: 'post', postBody: 'action=showtabtiplijstsummary', update: $('contentTab')}).request();
}
function showTabTiplijstMap(){
	$('lijst').className='none';
	$('kaart').className='active';
	new Ajax('api/api-tips.php', {method: 'post', postBody: 'action=showtabtiplijstmap', update: $('contentTab'), onComplete:initiate_map_catch}).request();
}
function initiate_map_catch(){
	new Ajax('api/api-tips.php', {method: 'post', postBody: 'action=getcoordinatesmap', onComplete:initiate_map_list}).request();	
}


function initiate_map_list(response) {	
	var file = 'xml_parser.php?show=all';
	var lng = 2.41;
	var lat = 47;
	var zoomlevel = 5;
    
	if (response == 'big'){
	} else if (response == 'home'){
		var file = 'xml_parser.php?show=all';
	} else {
		var coordinates = new Array();
		coordinates = response.split(",");
		var lng = coordinates[0];
		var lat = coordinates[1];
		var zoomlevel = 7;
	}
	
	if (GBrowserIsCompatible()){
		
		// functie om marker te tonen
		function createMarker(point,name,html,icon,shadow) {
			// custom icon aanmaken
			var customIcon = new GIcon(G_DEFAULT_ICON);
			customIcon.image = icon;
			customIcon.shadow = shadow;
			customIcon.iconSize = new GSize(20,20);
			customIcon.shadowSize = new GSize(35,20);
			// marker plaatsen
			var marker = new GMarker(point, {icon:customIcon});
			GEvent.addListener(marker, "click", function() {
			  marker.openInfoWindowHtml(html);
			});
			return marker;
		}
		
		// map aanmaken
		var map = new GMap2(document.getElementById('map'));
		var centerpoint = new GLatLng(lat, lng);
		map.setCenter(centerpoint, zoomlevel);
		
		// controls
		map.addControl(new GSmallMapControl());
		map.setMapType(G_SATELLITE_MAP); 
		var mm = new GMarkerManager(map, {borderPadding:1});
		
		// download en parse de xml
		GDownloadUrl('xml_parser.php', function(data, responseCode){
			var xml = GXml.parse(data);
			var markers = xml.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 lng = parseFloat(markers[i].getAttribute("lng"));
				var zoom = parseFloat(markers[i].getAttribute("zoom"));
				var point = new GLatLng(lat,lng);
				var html = GXml.value(markers[i].getElementsByTagName("infowindow")[0]);
				var icon = GXml.value(markers[i].getElementsByTagName("icon")[0]);
				var shadow = GXml.value(markers[i].getElementsByTagName("shadow")[0]);
				//var html = markers[i].getAttribute("html");
				var label = markers[i].getAttribute("label");
				// create the marker
				var marker = createMarker(point,label,html,icon,shadow);
				//map.addOverlay(marker);
				mm.addMarker(marker, zoom);
			}
		});
		mm.refresh;
	}
}

/*/*

function initiate_map_list(response){
	if (response == 'big'){
		var lon = 2.41;
		var lat = 47;
		var zoomlevel = 6;
	} else {
		var coordinates = new Array();
		coordinates = response.split(",");
			var lon = coordinates[0];
			var lat = coordinates[1];
			var zoomlevel = 7;
	}
    if (GBrowserIsCompatible()) {
      // A function to create the marker and set up the event window
      function createMarker(point,name,html) {
        var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        return marker;
      }
	  // This function picks up the click and opens the corresponding info window
      function myclick(i) {
        GEvent.trigger(gmarkers[i], "click");
      }
	  // create the map
      var map = new GMap2($("map"));
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
      map.setCenter(new GLatLng(lat, lon), zoomlevel);
	  // Read the data 
      var request = GXmlHttp.create();
      request.open("GET", "xml_parser.php", true);
      request.onreadystatechange = function() {
        if (request.readyState == 4) {
          var xmlDoc = GXml.parse(request.responseText);
          // obtain the array of markers and loop through it
          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 lng = parseFloat(markers[i].getAttribute("lng"));
            var point = new GLatLng(lat,lng);
			var html = GXml.value(markers[i].getElementsByTagName("infowindow")[0]);
            //var html = markers[i].getAttribute("html");
            var label = markers[i].getAttribute("label");
            // create the marker
            var marker = createMarker(point,label,html);
            map.addOverlay(marker);
          }
        }
      }
      request.send(null);
    }

    else {
      alert("Sorry, the Google Maps API is not compatible with this browser");
    }
}

function initiate_map_home(){
	var lon = 2.41;
	var lat = 47;
	var zoomlevel = 6;
	
    if (GBrowserIsCompatible()) {
      // A function to create the marker and set up the event window
      function createMarker(point,name,html) {
        var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        return marker;
      }
	  // This function picks up the click and opens the corresponding info window
      function myclick(i) {
        GEvent.trigger(gmarkers[i], "click");
      }
	  // create the map
      var map = new GMap2($("map"));
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
      map.setCenter(new GLatLng(lat, lon), zoomlevel);
	  // Read the data 
      var request = GXmlHttp.create();
      request.open("GET", "xml_parser.php", true);
      request.onreadystatechange = function() {
        if (request.readyState == 4) {
          var xmlDoc = GXml.parse(request.responseText);
          // obtain the array of markers and loop through it
          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 lng = parseFloat(markers[i].getAttribute("lng"));
            var point = new GLatLng(lat,lng);
			var html = GXml.value(markers[i].getElementsByTagName("infowindow")[0]);
            //var html = markers[i].getAttribute("html");
            var label = markers[i].getAttribute("label");
            // create the marker
            var marker = createMarker(point,label,html);
            map.addOverlay(marker);
          }
        }
      }
      request.send(null);
    }

    else {
      alert("Sorry, the Google Maps API is not compatible with this browser");
    }
}
	*/