$(document).ready(function(){var docHeight=$(window).height();var mapWrapper=$('#map-wrapper');var mapMinHeight=mapWrapper.height();var werkingLijst=$('#content-left ul');var werkingContent=$('#werking-content');var contentWrapper=$('#werking-contentwrapper');var zoekInput=$('#zoek-input');var mapWrapperHeight=mapMinHeight;$(window).bind('load resize',function(){docHeight=$(this).height();if(docHeight-mapMinHeight>500){mapWrapperHeight=docHeight-werkingContent.height()-123;mapWrapper.height(mapWrapperHeight);}});var myLatlng=new google.maps.LatLng(51.0306773,5.2707812);var myOptions={zoom:9,center:myLatlng,mapTypeId:google.maps.MapTypeId.ROADMAP,navigationControlOptions:{style:google.maps.NavigationControlStyle.ZOOM_PAN,position:google.maps.ControlPosition.LEFT}}
var map=new google.maps.Map(document.getElementById("map-wrapper"),myOptions);$.ajax({url:'php/ajax.php',dataType:'json',success:function(data){fillList(data);setMarkers(map,data);if(window.location.hash!=''){var resolveUrl=window.location.hash.split('/');getWerking(map,resolveUrl[1]);}
zoekInput.keyup(function(){if($(this).val()!=''){$(this).prev('label').hide();werkingLijst.scrollTop(0);}else{$(this).prev('label').show().css('color','#DDD');}
fillList(data,$(this).val().toLowerCase());}).click(function(){$(this).prev('label').css('color','#DDD');}).blur(function(){if($(this).val()==''){$(this).prev('label').show().css('color','#555');}});}});function fillList(data,query){werkingLijst.html('');for(i=0;i<data.length;i++){if(data[i].naam!=''&&data[i].adres!=null){if(PHP_Unserialize_GetLength(data[i].adres)==0){var locatieAdres=data[i].adres.split(',');labelAdres=locatieAdres[3];locatieAdres=locatieAdres[2]+' '+locatieAdres[3];}else{var locatieAdres=PHP_Unserialize(data[i].adres);var labelAdres=locatieAdres['gemeente'];locatieAdres=locatieAdres['gemeente']+' '+locatieAdres['postcode'];}
if(PHP_Unserialize_GetLength(data[i].type)==0){var locatieType=data[i].type.replace(',','');}else{var locatieType=PHP_Unserialize(data[i].type);locatieType=locatieType[0];}
if(locatieType){var setLocatieType=locatieType.substr(0,7);}
if(data[i].naam!=''&&data[i].naam!=null&&data[i].naam!=undefined){if(query!=''&&query!=undefined){if(locatieAdres.toLowerCase().search(query)>-1){werkingLijst.append('<li><a href="#'+escape(data[i].naam)+'/'+data[i].id+'"><div class="label-'+setLocatieType+'">'+setLocatieType+'</div><span><strong>'+stripslashes(data[i].naam)+'</strong>'+labelAdres+'</span></a></li>');}}else if(locatieAdres!=undefined){werkingLijst.append('<li><a href="#'+escape(data[i].naam)+'/'+data[i].id+'"><div class="label-'+setLocatieType+'">'+setLocatieType+'</div><span><strong>'+stripslashes(data[i].naam)+'</strong>'+labelAdres+'</span></a></li>');}}}}
werkingLijst.find('a:odd').addClass('odd');clickWerking();}
activeWerkingLink=null;function clickWerking(){werkingLijst.find('a').click(function(){var resolveUrl=$(this).attr('href').split('#');resolvedUrl=resolveUrl[1].split('/');getWerking(map,resolvedUrl[1],$(this));if(activeWerkingLink)activeWerkingLink.removeClass('werking-active');$(this).addClass('werking-active loading');activeWerkingLink=$(this);});}
$('#scroll-down').click(function(){var currentScrollTop=werkingLijst.scrollTop();werkingLijst.animate({scrollTop:currentScrollTop+werkingLijst.height()-100},500,'easeInOutQuart');});$('#scroll-up').click(function(){var currentScrollTop=werkingLijst.scrollTop();werkingLijst.animate({scrollTop:currentScrollTop-werkingLijst.height()-100},500,'easeInOutQuart');});var leftBarState='normaal';var leftBarMargin=-290;var leftBarPadding=0;$('#hide-left').click(function(){if(leftBarState=='normaal'||!leftBarState){$(this).addClass('active');leftBarState='ingeklapt';leftBarMargin=-290;leftBarPadding=0;}else if(leftBarState=='ingeklapt'){$(this).removeClass('active');leftBarState='normaal';leftBarMargin=0;leftBarPadding=320;}
$('#content-left').animate({marginLeft:leftBarMargin},200);});if(zoekInput.val()!=''){zoekInput.prev('label').hide();}
$('#hidemap').click(function(){hideMap($(this));});});var mapPosition='down';function hideMap(knop,actUl,contentHoogte){var mapWrapper=$('#map-wrapper');if(mapPosition=='down'){mapWrapper.slideUp();knop.addClass('mapup').html('Toon kaart');mapPosition='up';return false;}else if(mapPosition=='up'){mapWrapper.slideDown();knop.removeClass('mapup').html('Verberg kaart');mapPosition='down';return false;}
return false;}
function setMarkers(map,locations){var spwMarker=new google.maps.MarkerImage('images/marker-spw.png',new google.maps.Size(15,25),new google.maps.Point(0,0),new google.maps.Point(0,25));var swapMarker=new google.maps.MarkerImage('images/marker-swap.png',new google.maps.Size(15,25),new google.maps.Point(0,0),new google.maps.Point(0,25));var grabbelMarker=new google.maps.MarkerImage('images/marker-grabbel.png',new google.maps.Size(15,25),new google.maps.Point(0,0),new google.maps.Point(0,25));var andereMarker=new google.maps.MarkerImage('images/marker-andere.png',new google.maps.Size(15,25),new google.maps.Point(0,0),new google.maps.Point(0,25));var shadow=new google.maps.MarkerImage('images/marker-shadow.png',new google.maps.Size(27,16),new google.maps.Point(0,0),new google.maps.Point(-4,14));var shape={coord:[1,1,1,20,18,20,18,1],type:'poly'};for(var i=0;i<locations.length;i++){var location=locations[i];var imageType=null;if(PHP_Unserialize_GetLength(location.type)==0){var extrType=location.type.replace(',','');}else{var extrType=PHP_Unserialize(location.type);extrType=extrType[0];}
switch(extrType){case'swap':imageType=swapMarker;break;case'grabbelpas':imageType=grabbelMarker;break;case'spw ':case'spw':imageType=spwMarker;break;default:imageType=andereMarker;break;}
var extrGeocode=location.geocode.split(',');var myLatLng=new google.maps.LatLng(extrGeocode[2],extrGeocode[3]);var marker=new google.maps.Marker({position:myLatLng,map:map,shadow:shadow,icon:imageType,shape:shape,title:location.naam,zIndex:500*i});attachAjax(marker,location.id,map,location.naam);}}
var werkingContent=$('#werking-content');var contentWrapper=$('#werking-contentwrapper');var activiteitenWrapper=$('#activiteiten-wrapper');function attachAjax(marker,id,map,naam){google.maps.event.addListener(marker,'click',function(){getWerking(map,id);window.location.hash='#'+naam+'/'+id;});}
function getWerking(map,id,clickedLink){$.ajax({url:'php/ajax.php',data:{id:id},dataType:'json',success:function(data){var storeWerkingData=data.html;contentWrapper.html(stripslashes(data.html)).removeAttr('style');slideToLocation(data.geocode,map);var contentHoogte=contentWrapper.height();var mapHoogte=$('#map-wrapper').height();if(clickedLink!=undefined)clickedLink.removeClass('loading');activiteitenWrapper.show();activiteitenWrapper.html('');var activiteiten=$.parseJSON(data.activiteiten);var activiteitenLijst='';for(key in activiteiten){var activiteit=activiteiten[key];var datum=activiteit.StartDateTime.split('-');if(datum[1]=='07'){var maand='juli';}else if(datum[1]=='08'){var maand='aug';}
if(activiteit.Title==''||activiteit.Title==null){activiteit.Title='Activiteit';}
activiteitenLijst=activiteitenLijst+'<li id="activiteit-'+activiteit.id+'"><div class="datum '+maand+'"><span>'+datum[2]+'</span><span class="maand">'+maand+'</span></div><div class="titel"><h2>'+activiteit.Title+'</h2><a>meer info</a></div></li>';}
if(activiteitenLijst==''){activiteitenLijst='<p id="geen-act">Voor informatie over de activiteiten van deze zomerwerking kan je mailen naar <a href="mailto:'+$('#contact-mail').html()+'">'+$('#contact-mail').html()+'</a></p>';activiteitenWrapper.append('<h1 id="act-scroll-up" style="background-image:none;">Activiteiten</h1>'+activiteitenLijst);}else{activiteitenWrapper.append('<h1 id="act-scroll-up">Activiteiten</h1><ul>'+activiteitenLijst+'</ul><div id="act-scroll-down"><span>Meer activiteiten</span></div>').find('li:odd').addClass('odd');}
var actUl=activiteitenWrapper.find('ul');actUl.height(contentHoogte);$('#act-scroll-down').click(function(){var actcurrentScrollTop=actUl.scrollTop();actUl.animate({scrollTop:actcurrentScrollTop+300},200,'easeInOutQuart');});$('#act-scroll-up').click(function(){var actcurrentScrollTop=actUl.scrollTop();actUl.animate({scrollTop:actcurrentScrollTop-300},200,'easeInOutQuart');});$('#activiteiten-wrapper li').hover(function(){$(this).addClass('hover');},function(){$(this).removeClass('hover');}).click(function(){var getID=$(this).attr('id').split('-');$.ajax({url:'php/ajax.php',data:{id:getID[1],type:'act'},dataType:'html',contentType:"application/x-www-form-urlencoded;charset=ISO-8859-15",success:function(data){contentWrapper.fadeOut('fast',function(){werkingContent.addClass('actcontent');contentWrapper.html(data).fadeIn('fast').find('a.act-back').click(function(){contentWrapper.fadeOut('fast',function(){werkingContent.removeClass('actcontent');contentWrapper.html(storeWerkingData).fadeIn('fast');});});;});}});});}});}
function slideToLocation(geocode,map){var extrGeocode=geocode.split(',');var clickedPos=new google.maps.LatLng(extrGeocode[2],extrGeocode[3]);var currentZoom=map.getZoom();if(currentZoom<14){map.setZoom(14);}
map.panTo(clickedPos);}
function stripslashes(str){str=str.replace(/\\'/g,'\'');str=str.replace(/\\"/g,'"');str=str.replace(/\\0/g,'\0');str=str.replace(/\\\\/g,'\\');return str;}