var gmarkers=[];
var ckmap;
var geocoder;
var infowindow;
var baseadress				=	'http://www.cultuurpark.eu';
var jsoninfo;
var	num;


function ck_setup(){
	if($("app_map_canvas")){
		ck_setupMap();
		ck_mapsearch('');
	}
}


function Markers(cat){
// ckmap.closeInfoWindow();
// ckmap.getInfoWindow().hide() 
  
	if (document.getElementById(cat).checked==false) { // hide the marker
      for (var i=0;i<gmarkers.length;i++) {
         if (gmarkers[i].type==cat)  {
            gmarkers[i].setVisible(false);
            $('ckresultli'+i).style.display	=	'none';
            num--;
         }
      }
	} else { // show the marker again
      for (var i=0;i<gmarkers.length;i++) {
         if (gmarkers[i].type==cat)  {
            gmarkers[i].setVisible(true);
            $('ckresultli'+i).style.display	=	'block';
            num++
         }
      }
	}
   	
	$('resultnum').update(num+' Organisatie(s)');
}

function resetmrkcheckbox(){
	$('beeldend').checked	=	true;
	$('media').checked		=	true;
	$('erfgoed').checked	=	true;
	$('podium').checked		=	true;
	$('onderwijs').checked	=	true;
	$('welzijn').checked	=	true;
	$('overig').checked		=	true;
}

function ck_mapsearch(searchstr){
	resetmrkcheckbox();

	var url = apppath+'/cultkaart/cultkaart_orgloc.php';
	new Ajax.Request(url, {
  		method: 'post',
  		parameters: { search: searchstr },
  		onSuccess: function(transport) {
				clearMarkers();
			 	jsoninfo	=	transport.responseText.evalJSON();
//				alert(jsoninfo);
				if (jsoninfo.success==true)	{
					
					var reslist		=	'';
					num	=	jsoninfo.data.length;
					$('resultnum').update(num+' Organisatie(s)');
					reslist	+=	'<ul id="ckprod_list" class="ckprod_list">';
					for (var i = 0;i<jsoninfo.data.length;i++){				
						var info	=	'<div id="content"><div id="siteNotice"></div><h1 id="firstHeading" class="firstHeading">'+jsoninfo.data[i].name+'</h1>';
						info		+=	'<div id="bodyContent">';
						if (jsoninfo.data[i].showcase=='1')	info		+=	'Showcase project <br/>';
						info		+=	'<a href="'+baseadress+'/activity/'+jsoninfo.data[i].orgid+'/'+jsoninfo.data[i].prodid+'">Activiteiten</a><p>'+jsoninfo.data[i].info+'</p><p>Adres:<br/>'+jsoninfo.data[i].adres+'</p><p><a href="mailto:'+jsoninfo.data[i].email+'">'+jsoninfo.data[i].email+'</a><br/><a href="'+jsoninfo.data[i].web+'" target="_blank">'+jsoninfo.data[i].web+'</a></p>';
						info		+=	'</div></div>';
										
						if ((i % 2)==0)	liclass		=	'listeven';
						else			liclass		=	'listodd';
						reslist	+=	'<li id="ckresultli'+i+'" style="display:block;" class="'+liclass+'" onClick="gotolocation(gmarkers['+i+']);">'+jsoninfo.data[i].name+'</li>';
						if (jsoninfo.data[i].lat!=0)		placemarker(new google.maps.LatLng(jsoninfo.data[i].lat,jsoninfo.data[i].lng,false), ckmap, info, jsoninfo.data[i].name,jsoninfo.data[i].cat);
					}
					reslist	+=	'</ul>';
					$('resultlijst').update(reslist);

				}
				else	{
				}
  			}
  			
		});
}

function gotolocation(mrk){
	ckmap.setCenter(mrk.position);
	mrk.win.open(ckmap,mrk);
}


function placemarker(pos,gmap,contentString,mtitle,cat){
	var mimg;
	switch (cat){
		case 'beeldend':	mimg	=	'/img/mm_20_green.png';
							break;
		case 'media':		mimg	=	'/img/mm_20_blue.png';
							break;
		case 'erfgoed':		mimg	=	'/img/mm_20_red.png';
							break;
		case 'podium':		mimg	=	'/img/mm_20_orange.png';
							break;
		case 'onderwijs':	mimg	=	'/img/mm_20_white.png';
							break;
		case 'welzijn':		mimg	=	'/img/mm_20_purple.png';
							break;
		case 'overig':		mimg	=	'/img/mm_20_yellow.png';
							break;
	}

	var image = new google.maps.MarkerImage(apppath+'/cultkaart'+mimg,
      new google.maps.Size(12, 20),
      new google.maps.Point(0,0),
      new google.maps.Point(6,20));
  	var shadow = new google.maps.MarkerImage(apppath+'/cultkaart/img/mm_20_shadow.png',
      new google.maps.Size(22, 20),
      new google.maps.Point(0,0),
      new google.maps.Point(6,20));
  	/*var shape = {
      coord: [1, 1, 1, 20, 18, 20, 18 , 1],
      type: 'poly'
  	};*/
    var infowindow = new google.maps.InfoWindow({
        content: contentString,
        maxWidth: 200
    });	
	var marker = new google.maps.Marker({
        position: pos,
        map: gmap,
        shadow: shadow,
        icon: image,
//        shape: shape,
        title: mtitle,
        zIndex: 10
    });
    marker.type	=	cat;
	marker.win	=	infowindow;
    gmarkers.push(marker);
    
    google.maps.event.addListener(marker, 'click', function() {
      infowindow.open(ckmap,marker);
    });
}


function ck_showAddress(addr, iconStr, info, mtitle, mcat) {
	geocoder.geocode({'address':addr}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
//        	ckmap.setCenter(results[0].geometry.location);
			alert(results[0].geometry.location);
        	placemarker(results[0].geometry.location, ckmap, info, mtitle, mcat);
      } else {
//        	alert("Geocode was not successful for the following reason: " + status+' : '+addr);
      }
    });	
}


function clearMarkers(){
//	infoWindow.close();
	for (var i = 0; i < gmarkers.length; i++) {
		gmarkers[i].setMap(null);
	}
	gmarkers.length = 0;
}



function ck_setupMap(){
	var myLatlng = new google.maps.LatLng(50.89541835013071, 5.850835188671897);
    var myOptions = {
      zoom: 10,
      center: myLatlng,
      panControl:false,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    ckmap = new google.maps.Map($("app_map_canvas"), myOptions);
	geocoder = new google.maps.Geocoder();
}

function siteUnload(){
	GUnload();
}