<!-- #########################################--><!-- #########################################--><!-- ###                                   ###--><!-- ###           MAIN INDEX              ###--><!-- ###      (Ctrl+F *x* to reach)        ###--><!-- ###                                   ###--><!-- #########################################--><!-- #########################################--><!-- ###                                   ###--><!-- ###   *0* GLOBAL VARIABLES + SCRIPT   ###--><!-- ###                                   ###--><!-- ###                                   ###--><!-- ###   *sc* SCHOOL PAGE MIXINS         ###--><!-- ###   *r* RIDER PAGE MIXINS           ###--><!-- ###   *sp* SPOT PAGE MIXINS           ###--><!-- ###   *d* DESTINATION PAGE MIXINS     ###--><!-- ###   *a* AREA PAGE MIXINS            ###--><!-- ###   *w* WORLD PAGE MIXINS           ###--><!-- ###   *l* LUXURY PAGE MIXINS          ###--><!-- ###   *b* BRAND PAGE MIXINS           ###--><!-- ###   *e* EQUIPMENT PAGE MIXINS       ###--><!-- ###   *eA* EQUIPMENT AvaIlable        ###--><!-- ###       (Render Mixins)             ###--><!-- ###          Left, Right,             ###--><!-- ###          then Main Column         ###--><!-- ###                                   ###--><!-- ###                                   ###--><!-- ###   *m* MAPS MIXINS                 ###--><!-- ###       (MapBox and GoogleMaps)     ###--><!-- ###                                   ###--><!-- ###                                   ###--><!-- ###   *o* MISC OTHER MIXINS           ###--><!-- ###       (various render mixins)     ###--><!-- ###          price stats, rating      ###--><!-- ###          video, services, logos   ###--><!-- ###          review, photo gallery,   ###--><!-- ###          wind stat chart, etc.    ###--><!-- ###                                   ###--><!-- ###                                   ###--><!-- ###   *i* INSTANTSEARCH MIXINS        ###--><!-- ###       (School Finder)             ###--><!-- ###                                   ###--><!-- #########################################--><!-- #########################################-->
<!-- #########################################--><!-- ###                                   ###--><!-- ###   *0* GLOBAL VARIABLES + SCRIPT   ###--><!-- ###                                   ###--><!-- #########################################--><!--GLOBAL VARIABLES --><!--GLOBAL SCRIPT FOR DYNAMIC EFFECTS--><!--mixin scriptDeclareGlobalFilterFunctions()script.
    
    function FilterOutAllItems(type) {
     var idLabel = type + 'Item'
     switch(type){
        case 'school':
          totalFor = totalSchools
          break
        case 'spot':
          totalFor = totalSpots
          break
      }
      for(var i = 0; i < totalFor; i++){
        FilterOutItem(i, type)
      }
    }

    function FilterOutItem(i, type) {
        var idLabel = type + 'Item'
        $("#"+idLabel+'wide'+i).attr("excluded", "true")
        vanishMapMarker(i, type)
    }

    function FilterInAllItems(type) {
      var idLabel = type + 'Item'
      switch(type){
        case 'school':
          totalFor = totalSchools
          break
        case 'spot':
          totalFor = totalSpots
          break
      }
      for(var i = 0; i < totalFor; i++){
        FilterInItem(i, type)
      }
    }

    function FilterInItem(index, type) {
          indexGlobal = parseFloat(index)
          var idLabel = type + 'Item'
          if(type=='spot')
            indexGlobal = parseFloat(index) + parseFloat(totalSchools)
          $("#"+idLabel+'wide'+index).attr("excluded", "false")
          defaultMapMarker(indexGlobal, type)
          var NorthBound = map.getBounds().getNorthEast().lat()
          var SouthBound = map.getBounds().getSouthWest().lat()
          var EastBound = map.getBounds().getNorthEast().lng()
          var WestBound = map.getBounds().getSouthWest().lng()
          checkAndHideListItem(idLabel,index,type,NorthBound,SouthBound,EastBound,WestBound)
          /*if ($("#"+idLabel+'wide'+index).attr("inmapbound") == "false"){
            $("#"+idLabel+'wide'+index).attr("displayed", "true")
          }*/
    }
--><!-- ##################################--><!-- ###                            ###--><!-- ###   *sp* SPOT PAGE MIXINS    ###--><!-- ###                            ###--><!-- ##################################-->
<!-- ##################################--><!-- ###                            ###--><!-- ###   *sc* SCHOOL PAGE MIXINS  ###--><!-- ###                            ###--><!-- ##################################--><!-- #####################################--><!-- ###                               ###--><!-- ###   *r* KITEBUDDY PAGE MIXINS  ###--><!-- ###                               ###--><!-- #####################################--><!-- #######################################--><!-- ###                                 ###--><!-- ###   *d* DESTINATION PAGE MIXINS   ###--><!-- ###                                 ###--><!-- #######################################--><!-- ################################--><!-- ###                          ###--><!-- ###   *a* AREA PAGE MIXINS   ###--><!-- ###                          ###--><!-- ################################--><!-- ##################################--><!-- ###                            ###--><!-- ###   *w* WORLD PAGE MIXINS    ###--><!-- ###                            ###--><!-- ##################################--><!-- ##################################--><!-- ###                            ###--><!-- ###   *l* LUXURY PAGE MIXINS   ###--><!-- ###                            ###--><!-- ##################################-->
<!-- ##################################--><!-- ###                            ###--><!-- ###   *b* BRAND PAGE MIXINS    ###--><!-- ###                            ###--><!-- ##################################-->
<!-- ######################################--><!-- ###                                ###--><!-- ###   *e* EQUIPMENT PAGE MIXINS    ###--><!-- ###                                ###--><!-- ######################################--><!-- #################################################--><!-- ###                                           ###--><!-- ###   *eA* EQUIPMENT AVAILABLE PAGE MIXINS    ###--><!-- ###                                           ###--><!-- #################################################--><!-- ####################################--><!-- ###                              ###--><!-- ###   *m* MAPS MIXINS (MapBox)   ###--><!-- ###                              ###--><!-- ####################################--><!-- ########################################--><!-- ###                                  ###--><!-- ###    *m* MAPS MIXINS (GoogleMaps)  ###--><!-- ###                                  ###--><!-- ########################################--><!-- ####################################--><!-- ###                              ###--><!-- ###   *o* MISC GENERAL MIXINS    ###--><!-- ###                              ###--><!-- ####################################-->
<!--mixin scriptMarkPageAsCanonical()script.
  var el = ''
  if(document.URL.includes('unplug.style/searchnew'))
    el = '<link rel="canonical" href="https://www.unplug-kitesurf.com/searchnew" />'
  if(el!='')
    document.querySelector('head').appendChild(el)
  --><!-- ####################################--><!-- ###                              ###--><!-- ###   *i* INSTANTSEARCH MIXINS   ###--><!-- ###                              ###--><!-- ####################################-->
<!-- Useless for now but can be useful--><!-- ##### HELPERS #####--><!DOCTYPE html><html lang="en"><head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#"><meta name="google-site-verification" content="PHFxxjsS8lfkTSi-8IPH8Ux3JGw5t65pctHIJAD1A6w"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=Edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="author" content="Unplug"><title>Unplug</title><meta property="og:title" content="Unplug | Your kitesurf escape"><meta name="description" content="Compare all prices and Find the best 900+ kitesurf schools, and discover 6,300+ kitesurf spots in Europe, USA, Caribbean, Latin America, Brazil, Africa, Asia, Australia."><meta property="og:description" content="Compare all prices and Find the best 900+ kitesurf schools, and discover 6,300+ kitesurf spots in Europe, USA, Caribbean, Latin America, Brazil, Africa, Asia, Australia."><meta property="og:type" content="website"><meta property="og:image" content=""><meta property="og:image" content="/img/social_post.png"><meta property="og:image" content="/img/landing-page-unplug-cruising-on-flat-water0.jpg"><meta property="og:image" content="https://www.unplug-kitesurf.com/img/landing-page-unplug-cruising-on-flat-water0.jpg"><meta property="og:image" content="https://www.unplug-kitesurf.com/img/logo-unplug-blue.png"><meta property="og:image" content="https://www.unplug-kitesurf.com/img/social_post.png"><meta property="og:image:type" content="image/png"><link rel="icon" type="image/png" href="/img/favicon-unplug.png"><!-- Bootstrap core CSS--><link href="/stylesheets/bootstrap.css" rel="stylesheet"><!-- Custom styles for this template--><link href="/stylesheets/style.css" rel="stylesheet"><link href="/stylesheets/responsive.css" rel="stylesheet"><!--COOKIES--><!--link(href='/stylesheets/jquery-eu-cookie-law-popup.css', rel='stylesheet', type='text/css')--><!--Specify Canonical Ref for GoogleSearchConsole--><!--+scriptMarkPageAsCanonical()--><!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries--><!--if lt IE 9--><script src="/js/html5shiv.js"></script><script src="/js/respond.min.js"></script><!--Website analytics--><!--+scriptGoogleTagManager()--><!-- Google tag (gtag.js) - Google Analytics 4--><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-4T64E3VGLN"></script><script>window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-4T64E3VGLN');
</script><!-- Global site tag (gtag.js) - Google Analytics (OLD)--><script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-143252605-1"></script><script>window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-143252605-1');
</script><!--+scriptFullStory()--><!-- Mapbox--><!--+scriptDeclareGlobalMapFunctions--><!--script(src='https://api.mapbox.com/mapbox-gl-js/v1.0.0/mapbox-gl.js')--><!--link(href='https://api.mapbox.com/mapbox-gl-js/v1.0.0/mapbox-gl.css', rel='stylesheet')--><meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"><link href="/stylesheets/font-awesome.css" rel="stylesheet" type="text/css"><link href="https://cdn.jsdelivr.net/npm/instantsearch.css@7.3.1/themes/algolia-min.css" rel="stylesheet" type="text/css"><!-- Country Flags Library--><!--link(href='/stylesheets/image_sprite/ip2location-image-sprite.css', rel='stylesheet', type='text/css')--><!-- GoogleMaps--><!--API key 'main'--><!--script(src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkuOUTdhHWX0KVe5ziKm3oiA8e0hxDTE8&callback=myMap")--><!--Windy--><!--script(src='https://unpkg.com/leaflet@1.4.0/dist/leaflet.js')--><!--script(src='https://api4.windy.com/assets/libBoot.js')--><!--script(src='https://embed.typeform.com/embed.js', type='text/javascript')--><!--Google Adsense--><!--script(data-ad-client='ca-pub-5993756500071816', async='', src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js')--><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css"><script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script><script>var loadtypeform = function(){ var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm", b="https://embed.typeform.com/"; if(!gi.call(d,id)) { js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } }()

</script><script>// left: 37, up: 38, right: 39, down: 40,
// spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36
var keys = {37: 1, 38: 1, 39: 1, 40: 1};

function preventDefault(e) {
  e = e || window.event;
  if (e.preventDefault)
      e.preventDefault();
  e.returnValue = false;  
}

function preventDefaultForScrollKeys(e) {
    if (keys[e.keyCode]) {
        preventDefault(e);
        return false;
    }
}

function disableScroll() {
  if (window.addEventListener) // older FF
      window.addEventListener('DOMMouseScroll', preventDefault, false);
  document.addEventListener('wheel', preventDefault, {passive: false}); // Disable scrolling in Chrome
  window.onwheel = preventDefault; // modern standard
  window.onmousewheel = document.onmousewheel = preventDefault; // older browsers, IE
  window.ontouchmove  = preventDefault; // mobile
  document.onkeydown  = preventDefaultForScrollKeys;
}

function enableScroll() {
    if (window.removeEventListener)
        window.removeEventListener('DOMMouseScroll', preventDefault, false);
    document.removeEventListener('wheel', preventDefault, {passive: false}); // Enable scrolling in Chrome
    window.onmousewheel = document.onmousewheel = null; 
    window.onwheel = null; 
    window.ontouchmove = null;  
    document.onkeydown = null;  
}

</script><script>function numberWithCommas(x) {
  return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
function numberWithSpace(x) {
  return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " ");
}

</script><!--+scriptGoogleTranslate--></head><body><script>function adaptGlobalDisplay(){
    
    ////////////////////////////////////////////////////////////
    //   FORMER TITLE RECTANLGES (Top on Mobile, Left on PC)  //
    ////////////////////////////////////////////////////////////
    /*
    //HIDEorSHOW SideColumn element #1 on NARROW
    if (document.getElementById("PartToHideWhenNarrowWindow1"))
      if (window.innerWidth < 992 && document.getElementById("PartToHideWhenNarrowWindow1").getBoundingClientRect().bottom > document.getElementById("MainColumnTop").getBoundingClientRect().top)
          document.getElementById("PartToHideWhenNarrowWindow1").style.visibility = 'hidden'
      else 
          document.getElementById("PartToHideWhenNarrowWindow1").style.visibility = 'visible'
          
    //HIDEorSHOW SideColumn element #2 on NARROW
    if (document.getElementById("PartToHideWhenNarrowWindow2"))
      if (window.innerWidth < 992 && document.getElementById("PartToHideWhenNarrowWindow2").getBoundingClientRect().bottom > document.getElementById("MainColumnTop").getBoundingClientRect().top)
              document.getElementById("PartToHideWhenNarrowWindow2").style.visibility = 'hidden'
      else 
              document.getElementById("PartToHideWhenNarrowWindow2").style.visibility = 'visible'
              
    //HIDEorSHOW SideColumn element #3 on NARROW          
    if (document.getElementById("PartToHideWhenNarrowWindow3"))
      if (window.innerWidth < 992 && document.getElementById("PartToHideWhenNarrowWindow3").getBoundingClientRect().bottom > document.getElementById("MainColumnTop").getBoundingClientRect().top)
              document.getElementById("PartToHideWhenNarrowWindow3").style.visibility = 'hidden'
      else 
              document.getElementById("PartToHideWhenNarrowWindow3").style.visibility = 'visible'
     */

    //  SCRIPT FOR MAPS and MEDIA DISPLAY
    if (window.innerWidth < 768){
      if ($("#navbar-search").attr("href") == "/searchnew") $("#navbar-search").attr("href", "/")
    }
    else{
      if ($("#navbar-search").attr("href") == "/") $("#navbar-search").attr("href", "/searchnew")
    }

    if(document.getElementById("renderSpotMiniGoogleMap")){
      if (window.innerWidth >= 992){
        if($('#renderSpotMiniGoogleMapWide').is(':empty'))
          $("#renderSpotMiniGoogleMap").appendTo($("#renderSpotMiniGoogleMapWide"))
      }
      else{
        if($('#renderSpotMiniGoogleMapNarrow').is(':empty'))
          $("#renderSpotMiniGoogleMap").appendTo($("#renderSpotMiniGoogleMapNarrow"))
      }
    }
    if (window.innerWidth > 768){
      // SCRIPT TO HAVE ALWAYS round map width/height
      //      (algolia geosearch map)
      if(document.getElementById("map-container")){
        mapWidth = $('#map-container').width()
        mapHeight = $('#map-container').height()
        if($('#map-container').height() != Math.round(mapHeight)){
          document.getElementById('map-search').setAttribute('style', 'height:'+Math.round(mapHeight)+'px !important');
        }
        if($('#map-container').width() != Math.round(mapWidth)){
          document.getElementById('map-search').setAttribute('style', 'width:'+Math.round(mapWidth)+'px !important');
        }
      }
    }
    else{                
      // SCRIPT FOR NAVBAR UPDATE BUTTON APPERANCE
      //      (renderSchoolUpdateButton)
      /*
      if (document.getElementById("UpdateFirstAppearance"))
        if (document.getElementById("UpdateShortcut").getBoundingClientRect().bottom > document.getElementById("UpdateFirstAppearance").getBoundingClientRect().top - 60){
          $("#UpdateShortcut").show()
        }
        else{
          $("#UpdateShortcut").hide()
        }
      +/
    }

    if (window.innerWidth >= 992){
      // SCRIPT FOR MULTICONTACT BUTTON CONTROL
      if (document.getElementById("MultipleContactButton1") && selectedItems > 0)
        document.getElementById("MultipleContactButton1").style.visibility = 'hidden'
      if (document.getElementById("SingleContactButton1") && selectedItems > 0)
        document.getElementById("SingleContactButton1").style.visibility = 'hidden'
      /*if (document.getElementById("MultipleContactButton1") && selectedItems > 0)
        if (document.getElementById("MultipleContactButton1").getBoundingClientRect().bottom > document.getElementById("EndOfPage").getBoundingClientRect().top - 20){
          document.getElementById("MultipleContactButton1").style.visibility = 'hidden'
          document.getElementById("MultipleContactButton2").style.visibility = 'visible'
        }
        else{
          document.getElementById("MultipleContactButton1").style.visibility = 'visible'
          document.getElementById("MultipleContactButton2").style.visibility = 'hidden'
        }
      if (document.getElementById("SingleContactButton1") && selectedItems > 0)
        if (document.getElementById("SingleContactButton1").getBoundingClientRect().bottom > document.getElementById("EndOfPage").getBoundingClientRect().top - 20){
          document.getElementById("SingleContactButton1").style.visibility = 'hidden'
          document.getElementById("SingleContactButton2").style.visibility = 'visible'
        }
        else{
          document.getElementById("SingleContactButton1").style.visibility = 'visible'
          document.getElementById("SingleContactButton2").style.visibility = 'hidden'
        }*/

      // SCRIPT FOR LEFTSIDE PRICE THUBMAIL CONTROL
      //      (renderSchoolSideRight_OLD)
      if (document.getElementById("SchoolPriceRight"))
        if (document.getElementById("SchoolPriceMain").getBoundingClientRect().bottom > document.getElementById("BeginningOfPage").getBoundingClientRect().top - 20){
          document.getElementById("SchoolPriceRight").style.visibility = 'hidden'
        }
        else{
          document.getElementById("SchoolPriceRight").style.visibility = 'visible'
        }
    }    

    // SCRIPT FOR SCROLL INDICATOR
    var winScroll = (document.body.scrollTop || document.documentElement.scrollTop);
    var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
    //var height = document.getElementById("content").clientHeight - document.getElementById("footer").clientHeight - document.getElementById("navbar").clientHeight;
    var scrolled = (winScroll / height) * 100;
    document.getElementById("ScrollBar").style.width = scrolled + "%";  
    //  SCRIPT FOR MAPS and MEDIA DISPLAY
    if (window.innerWidth < 768){                      
        //$("#LogoOnTheSide").hide();
        /*if (FirstLoad)
          if(document.getElementById("thumbnail1")){
            $('.ais-GeoSearch-tree').hide()
            document.getElementById('map').style.width = "0%"; 
            document.getElementById('thumbnail1').style.width = "0%"; 
            document.getElementById('thumbnail2').style.width = "0%"; 
          }
        */
        if (document.getElementById("MainPhotoGallery"))
          $("#MainPhotoGallery").hide(); 
        if (document.getElementById("googleMapFullScreen") && false){
          if (document.getElementById("ScrollIndicator").getBoundingClientRect().bottom 
                > document.getElementById("googleMap").getBoundingClientRect().top
              && document.getElementById("footer").getBoundingClientRect().top - 5
                > document.getElementById("googleMapFullScreen").getBoundingClientRect().bottom )
            $("#googleMapFullScreen").fadeIn(); 
          else
            $("#googleMapFullScreen").hide(); 
          }
    }
    else {
        if (document.getElementById("googleMapFullScreen"))
          $("#googleMapFullScreen").hide(); 
        /*if(document.getElementById("thumbnail1")){
          $('.ais-GeoSearch-tree').show()
          document.getElementById('map').style.width = "100%"; 
          document.getElementById('thumbnail1').style.width = "100%"; 
          document.getElementById('thumbnail2').style.width = "100%"; 
        }*/
    }
    if (window.innerWidth <= 320){
      if (window.innerWidth == 320){
        $("#wind-forecast").css('margin-left','-25px')
        $("#wind-map").css('margin-left','-25px')
        $("#wind-stats").css('margin-left','-25px')
      }
      else{
        $("#wind-forecast").css('margin-left','-25px')
        $("#wind-map").css('margin-left','-25px')
        $("#wind-stats").css('margin-left','-25px')
      }
    }
    else{
      $("#wind-forecast").css('margin-left','')
      $("#wind-map").css('margin-left','')
      $("#wind-stats").css('margin-left','')
    }
    /*
    if (is_safari) 
      document.getElementsByClassName("mapboxgl-ctrl-fullscreen").style.display = 'none'; 
    */
    FirstLoad = false
}
window.onload = function(){adaptGlobalDisplay();$('[id^="unselect"]').hide();}
window.onresize = adaptGlobalDisplay
window.onscroll = adaptGlobalDisplay

function activate_button(event){
  element_id = event.target.id
  if(!element_id.includes('_inactive'))
    element_id = event.target.parentNode.id  
  if(!element_id.includes('_inactive'))
    element_id = event.target.parentNode.parentNode.id 
  if(element_id.includes('_inactive')){
    if($('#'+element_id).is(":visible")){
      $("#"+element_id).hide()
      $("#"+element_id.replace("_inactive","_active")).show()
    }
  }
}
function deactivate_button(event){
  element_id = event.target.id
  if(!element_id.includes('_active'))
    element_id = event.target.parentNode.id   
  if(!element_id.includes('_active'))
    element_id = event.target.parentNode.parentNode.id   
  if(element_id.includes('_active')){
    if($('#'+element_id).is(":visible")){
      $("#"+element_id).hide()
      $("#"+element_id.replace("_active","_inactive")).show()
    }
  }
}

function showWaitingBlock(){
  $("#waiting-block").fadeIn()
  window.scrollTo(0, 0); 
}
function hideWaitingBlock(){
  $("#waiting-block").hide()
}

window.onbeforeunload = showWaitingBlock

</script><!--SMOOTH SCROLL--><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script>$(document).ready(function(){
  // Add smooth scrolling to all links
  $("a").on('click', function(event) {
    // Make sure this.hash has a value before overriding default behavior
    if (this.hash !== "") {
      // Prevent default anchor click behavior
      event.preventDefault();
      // Store hash
      var hash = this.hash;
      // Using jQuery's animate() method to add smooth page scroll
      // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
      $('html, body').animate({
      scrollTop: $(hash).offset().top
      }, 800, function(){
        // Add hash (#) to URL when done scrolling (default click behavior)
        window.location.hash = hash;
      });
    }
  });
});
</script><!--REVIEW SHOW MORE/LESS--><script>function showLongReview(index, idLabel) {
    $("#ReviewItemShort-"+idLabel+'-'+index).hide()
    $("#ReviewItemLong-"+idLabel+'-'+index).fadeIn()
}</script><script>function showShortReview(index, idLabel) {
    $("#ReviewItemLong-"+idLabel+'-'+index).hide()
    $("#ReviewItemShort-"+idLabel+'-'+index).fadeIn() 
}
</script><!--DESCRIPTION SHOW MORE/LESS--><script>function showLong(id) {
    $("#"+id+"Short").hide()
    $("#"+id+"Long").fadeIn()
}</script><script>function showShort(id) {
    $("#"+id+"Long").hide()
    $("#"+id+"Short").fadeIn() 
}
</script><!--SHOW/HIDE SECTION with TITLE--><script>function showSectionWithTitle(id){
  $('#'+id+'TitleHidden').hide()
  $('#'+id+'Title').show()
  $('#'+id).slideDown()
}
function hideSectionWithTitle(id){
  $('#'+id+'Title').hide()
  $('#'+id+'TitleHidden').show()
  $('#'+id).slideUp()
}</script><script>function showSectionWithTitleAlternative(id){
  $('#'+id+'TitleHidden').hide()
  $('#'+id).show()
  $('#'+id+'Title').show()
}
function hideSectionWithTitleAlternative(id){
  $('#'+id).fadeOut()
  $('#'+id+'Title').fadeOut()
  $('#'+id+'TitleHidden').fadeIn()
}
</script><script>var FirstLoad = true
var LocationAvailable = true
var GoogleMapsOrMapBox = 'GOOGLEMAPS' //'MAPBOX'
//mapboxgl.accessToken = 'pk.eyJ1IjoidW5wbHVndGVhbSIsImEiOiJjanYyeXpqc24wM3dkNGNuemp6MnRyMjYxIn0.aR19-lrnO9uvCI1LmeY8Qg';
var markers = [];
var markersAirport = [];
var markersSpotOnly = [];
var markersSchoolOnly = [];
var markersWebcam = [];
var infowindows = [];
var indexMarkerStayingVisible = -1;
/**/
var AreasListNAME = [];
var AreasListSLUG = [];
var AreasListLAT = [];
var AreasListLON = [];
var AreasListPHOTO = [];
var MonthsList = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
var AreaMonthsList = []
/*
var DestinationsListNAME = [];
var DestinationsListLAT = [];
var DestinationsListLON = [];
var DestinationsListSLUG = [];
var DestinationsListNBSCHOOLS = [];
var DestinationsListLESSONPRICE = [];
var DestinationsListRENTALPRICE = [];
var DestinationsListFLIGHTDURATION = [];
var DestinationsListBESTMONTHS = [];
var DestinationsListAIRPORT = [];
var DestinationsListJANWIND = [];
var DestinationsListFEBWIND = [];
var DestinationsListMARWIND = [];
var DestinationsListAPRWIND = [];
var DestinationsListMAYWIND = [];
var DestinationsListJUNWIND = [];
var DestinationsListJULWIND = [];
var DestinationsListAUGWIND = [];
var DestinationsListSEPWIND = [];
var DestinationsListOCTWIND = [];
var DestinationsListNOVWIND = [];
var DestinationsListDECWIND = [];
/**/
var SchoolsListNAME = [];
var SchoolsListEMAIL = [];
/*
var SchoolsListLAT = [];
var SchoolsListLON = [];
var SchoolsListSLUG = [];
var SchoolsListPHONE = [];
var SchoolsListADDRESS = [];
var SchoolsListLOGO = [];
var SchoolsListPREMIUMHIERARCHY = [];
var SchoolsListLESSONPRICE = [];
var SchoolsListRENTALPRICE = [];
var SchoolsListDISTANCEAIRPORT = [];
*/
var multipleContactNames = [];
var multipleContactEmails = [];
var multipleContactItems = [];
var selectedItems = 0;
var selectedItem = 0;
var totalItems = 0;
var displayedItems = 0;
var totalSchools = 0;
var displayedSchools = 0;
var displayedRentals = 0;
var totalSpots = 0;
var displayedSpots = 0;
var displayedSpotsBeginner = 0;
var displayedSpotsIntermediate = 0;
var displayedSpotsExpert = 0;
var start = moment();
var end = moment();//.add(7, 'days');
var minDate = moment();
var BookingDates = '';
var BookingWhat = '';
var BookingInfo = '';
var BookingUNPLUGmargin = 0.1; // our % margin
var BookingHowMuch = 0;
var BookingHowMuchVoucher = 0;
var BookingHowMuchOther = 0;
var BookingHowMuchNow = 0;
var BookingHowMuchLater = 0;
var BookingHowMuchSaved = 0;
var BookingHowMuchCCY = 0;
var BookingHowMuchDetail = '';
var BookingPersons = 1;
var BookingAdults = 1;
var BookingChildren = 0;
var BookingLesson = 0;
var BookingRental = 0;
var BookingLessonPrice = 0;
var BookingRentalPrice = 0;
var BookingVoucher = 0;
var BookingPriceEUR = 0;
var BookingPriceCCY = 0;
var BookingCCY = '€';
var BookingFXCCYEUR = 1;
var BookingForWhoAdult = '1 adult';
var BookingForWhoChild = '';
const BookingScreenSize = ['SmallScreen', 'BigScreen'];
var zoomMapListItem=1;
var zoomMapBase=1;
var centerMapBase= {lat: 20, lng: 25} //change renderLuxurySideRight and renderBrandSideRight
//var centerMapBase=[20, 20];
var is_safari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
function getUrlVars() {
    var vars = {};
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
        vars[key] = decodeURI(value);
    });
    return vars;
};
var urlParams = getUrlVars();
//Marker Icons (for GoogleMaps only)
var icons = {
    inactive: {
      icon: '/img/map-icon-blue.png'
    },
    inactive_satellite: {
      icon: '/img/map-icon-yellow-pale.png'
    },
    active: {
      icon: '/img/map-icon-yellow.png'
    },
    school_active: {
      icon: '/img/map-icon-school-yellow.png'
    },
    school_inactive: {
      icon: '/img/map-icon-school-blue.png'
    },
    spot_active: {
      icon: '/img/map-icon-ride-yellow.png'
    },
    spot_inactive: {
      icon: '/img/map-icon-ride-blue.png'
    },
    airport_inactive: {
      icon: '/img/map-icon-airport.png'
    },
    airport_active: {
      icon: '/img/map-icon-airport-yellow.png'
    },
    webcam_inactive: {
      icon: '/img/map-icon-camera.png'
    },
    webcam_active: {
      icon: '/img/map-icon-camera-yellow.png'
    },
    hidden: {
      icon: '/img/map-icon-hidden.png'
    },
    destination: {
      icon: '/img/map-icon-destination.png'
    }
};
$(document).ready(function(){
  $('#google_translate_element').bind('DOMNodeInserted', function(event) {
    $('.goog-te-menu-value span:first').html('Change Language');
    $('.goog-te-menu-frame.skiptranslate').load(function(){
      setTimeout(function(){
        $('.goog-te-menu-frame.skiptranslate').contents().find('.goog-te-menu2-item-selected .text').html('Change Language');    
      }, 100);
    });
  });
});

</script><div id="navbar" class="unselectable notranslate"><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="navbar-container"><!-- Brand and toggle get grouped for better mobile display--><!--a.navbar-brand(href='/').no-displayimg.unplug-logo(id='navbar-logo', src='/img/landing-page-unplug-cruising-on-flat-water0.jpg')--><a href="/" class="navbar-brand force-no-padding-right"><img id="navbar-logo" src="/img/logo-unplug-top.png" class="unplug-logo"></a><!--a.navbar-brand(href='#').force-no-padding-left#translate-container.btn.btn-unplug-blue-auto-width
  #google_translate_element--><!--#SocialMediaShareContainer.no-display+rendrerShareSocialMediaActionButton()          --><div id="UpdateShortcutContainer" class="hide-on-wide-screen"></div><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" class="navbar-toggle"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button></div><!-- Collect the nav links, forms, and other content for toggling--><div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse"><ul class="nav navbar-nav nav-right"> <li><a id="navbar-search" href="/searchnew"> <i class="fa fa-search availability reactiveX2"></i>Find School & Spot </a></li><li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle"><i class="fa fa-globe-americas availability reactiveX2"></i>Explore the World    <b class="caret"></b>                  <ul class="dropdown-menu"> <li><a href="/areas/france">  France</a></li><li><a href="/areas/spain-portugal">  Spain-Portugal</a></li><li><a href="/areas/italy">Italy</a></li><li><a href="/areas/greece">Greece</a></li><li><a href="/areas/north-europe">Northern Europe</a></li><li><a href="/areas/eastern-europe">Eastern Europe</a></li><li class="divider">      </li><li><a href="/areas/west-north-africa-canarias">West North Africa-Canarias</a></li><li><a href="/areas/east-south-africa">East South Africa</a></li><li class="divider">      </li><li><a href="/areas/brazil">Brazil</a></li><li><a href="/areas/latin-america">Latin America</a></li><li><a href="/areas/caribbean">Caribbean</a></li><li><a href="/areas/north-america">North America</a></li><li class="divider"></li><li><a href="/areas/middle-east">Middle East</a></li><li><a href="/areas/asia">Asia</a></li><li><a href="/areas/oceania">Oceania</a></li></ul></a></li><!--lia(id='navbar-kitetrips', href='/kitetrips') 
  i.fas.fa-handshake.availability.reactiveX2
  | Cashback Trips--><li><a id="navbar-kitetrips" href="/pricing"> <i class="fas fa-handshake availability reactiveX2"></i>Pricing Plans</a></li><li><a href="https://unplug673641.typeform.com/to/aTvCi6" data-mode="drawer_right" target="_blank" class="typeform-share"> <i class="fa fa-user-plus availability reactiveX2"></i>Add your Kitesurf School or Spot    </a></li><!--li.dropdowna.dropdown-toggle(href='#', data-toggle='dropdown')
  i.fa.fa-info.availability.reactiveX2 
  | About
  b.caret
  |                   
  ul.dropdown-menu 
    li
      a(href='/about')   About Us
    li
      a(href='/cashback')   Cashback Program
    li
      a(href='/pricing') Pricing
    li
      a.typeform-share(id='contact_typeform_3' , href='https://unplug673641.typeform.com/to/jA1qp4?Page=', data-mode='drawer_right', target='_blank') Help
      script.
        $(window).on('load', function() {
          document.getElementById("contact_typeform_3").href = document.getElementById("contact_typeform_3").href.replace('jA1qp4?Page=', 'jA1qp4?Page='+window.location.href);
        })--><!--lia.typeform-share(href='https://unplug673641.typeform.com/to/aTvCi6', data-mode='drawer_right', target='_blank') 
  i.far.fa-handshake.availability.reactiveX2
  | Share/rent your equipment
//+scriptTypeform()--><!--lia.typeform-share(id='contact_typeform_1', href='https://unplug673641.typeform.com/to/jA1qp4?Page=', data-mode='drawer_right', target='_blank')
    i.fa.fa-comments.availability.reactiveX2                
    | Contact us    
script.
  $(window).on('load', function() {
    document.getElementById("contact_typeform_1").href = document.getElementById("contact_typeform_1").href.replace('jA1qp4?Page=', 'jA1qp4?Page='+window.location.href);
  })
--></ul></div><!-- /.navbar-collapse--><!-- /.container-fluid--><div id="ScrollIndicator"><div class="header"><div class="progress-container"><div id="ScrollBar" class="progress-bar"></div></div></div></div></div></nav></div><div id="content" class="content-container"><div id="waiting-block" onclick="hideWaitingBlock()"><div class="content"><div class="text-center"><i class="fa fa-spinner fa-pulse fa-5x fa-fw"></i></div></div></div><script>document.getElementById('navbar-logo').addEventListener('mouseenter', function (event){
    document.getElementById('navbar-logo').src='/img/logo-unplug-yellow.png';
})
document.getElementById('navbar-logo').addEventListener('mouseleave', function (event){
    document.getElementById('navbar-logo').src='/img/logo-unplug.png';
})
$("#waiting-block").hide()</script><!--+rendrerShareSocialMedia('LinkToBeShared')--><script>document.title = 'Unplug | Finder'
//$('#navbar-search').css('color', '#e6a514');
</script><script>var el = document.createElement('script');
el.type = 'application/ld+json';

// LOCALBUSINESS STRUCTURED DATA
el.text = JSON.stringify(
            {
              "@context": "http://schema.org",
              "@type": "LocalBusiness",
              "image": ["https://www.unplug-kitesurf.com/img/social_post.png",
                        "https://www.unplug-kitesurf.com/img/logo-unplug-blue.png",
                        "https://www.unplug-kitesurf.com/img/landing-page-unplug-diy0.jpg",
                        "https://www.unplug-kitesurf.com/img/landing-page-unplug-facing-the-beach0.jpg",
                        "https://www.unplug-kitesurf.com/img/landing-page-unplug-back.JPG",
                        "https://www.unplug-kitesurf.com/img/landing-page-unplug-cruising-on-flat-water0.jpg",
                        "https://www.unplug-kitesurf.com/img/landing-page-unplug-sunset0.jpg",
                        "https://www.unplug-kitesurf.com/img/error-page-dura.jpg"
              ],
              "logo": "https://www.unplug-kitesurf.com/img/logo-unplug-blue.png",
              "@id": "https://www.unplug-kitesurf.com/",
              "name": "Unplug | Kitesurf",
              "address": {
                "@type": "PostalAddress",
                "streetAddress": "25 rue de Ponthieu",
                "addressLocality": "Paris",
                "addressRegion": "FR",
                "postalCode": "75008",
                "addressCountry": "FR"
              },
              "geo": {
                "@type": "GeoCoordinates",
                "latitude": 48.8707684,
                "longitude": 2.3090453
              },
              "url": "https://www.unplug-kitesurf.com/",
              "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": "5",
                "ratingCount": "930"
              },
              "openingHoursSpecification": [
                {
                  "@type": "OpeningHoursSpecification",
                  "dayOfWeek": "Saturday",
                  "opens": "00:00",
                  "closes": "23:59"
                },
                {
                  "@type": "OpeningHoursSpecification",
                  "dayOfWeek": "Sunday",
                  "opens": "00:00",
                  "closes": "00:00"
                }
              ],
              "acceptsReservations": "True",
              "potentialAction": {
                "@type": "ReserveAction",
                "target": {
                  "@type": "EntryPoint",
                  "urlTemplate": "https://www.unplug-kitesurf.com/",
                  "inLanguage": "fr-FR",
                  "actionPlatform": [
                    "http://schema.org/DesktopWebPlatform",
                    "http://schema.org/IOSPlatform",
                    "http://schema.org/AndroidPlatform"
                  ]
                },
                "result": {
                  "@type": "Reservation",
                  "name": "Find the best kitesurf school"
                }
              }
            });
document.querySelector('head').appendChild(el);

// PRODUCT STRUCTURED DATA
el.text = JSON.stringify(
            {
              "@context": "https://schema.org/",
              "@type": "Product",
              "name": "Unplug",
              "image": "https://www.unplug-kitesurf.com/img/social_post.png",
              "logo": "https://www.unplug-kitesurf.com/img/logo-unplug-blue.png",
              "description": "Discover 930 kitesurf schools and 6,300 spots. Reviews and Comments, photos, videos. When to kite. Prices and easy booking.",
              "sku": "unplug",
              "mpn": "925872",
              "brand": {
                "@type": "Organization",
                "name": "Unplug",
                "url": "https://www.unplug-kitesurf.com/",
                "logo": "https://www.unplug-kitesurf.com/img/logo-unplug-blue.png"
              },
              "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": "5",
                "worstRating": "0",
                "bestRating": "5",
                "reviewCount": "930"
              },
              "review": {
                "@type": "Review",
                "reviewRating": {
                    "@type": "Rating",
                    "ratingValue": "5",
                    "worstRating": "0",
                    "bestRating": "5"
                },
                "author": {
                  "@type": "Person",
                  "name": "School Customers"
                }
              },
              "offers": {
                "@type": "Offer",
                "url": "https://www.unplug-kitesurf.com",
                "priceCurrency": "EUR",
                "price": "0",
                "priceValidUntil": "2022-01-01",
                "availability": "https://schema.org/InStock",
                "seller": {
                  "@type": "Organization",
                  "name": "Unplug",
                  "url": "https://www.unplug-kitesurf.com/",
                  "logo": "https://www.unplug-kitesurf.com/img/logo-unplug-blue.png"
                }
              }
            }
          );

document.querySelector('head').appendChild(el);

</script><!--+enableShareSocialMediaButton()--><div id="SearchMenuBottomBackground" class="hide-on-wide-screen"><div id="SearchMenuBottomContainer"><!--.col-sm-12.color-inactive.force-padding-top-20px         --><div id="numberOfHitsNarrowFilter"></div></div><div id="SearchMenuBottomFilterButtonMini" onclick="openFilter()"><div class="btn btn-unplug-blue-button-icon-phone force-no-padding-bottom force-padding-left-10px force-padding-right-6px force-padding-top-8px reactive"><i class="fas fa-filter availability force-font-size-20px"></i><span class="unselectable force-font-size-20px"></span></div></div><div id="mapopen" class="hand-when-hover no-display"><div id="SearchMenuBottomMapButtonMini" onclick="openMapAndWindButton()"><div class="btn btn-unplug-blue-button-map-or-list reactive"><i class="fas fa-map-marked-alt availability force-font-size-20px"></i><span class="unselectable force-font-size-20px">Map</span></div></div></div><div id="mapclose" class="hand-when-hover"><div id="SearchMenuBottomListButtonMini" onclick="closeMapAndWindButton()"><div class="btn btn-unplug-blue-button-map-or-list reactive"><i class="fa fa-list availability force-font-size-20px"></i><span class="unselectable force-font-size-20px">  List  </span></div></div></div><div id="windmapopen" class="position-relative hand-when-hover"><div id="SearchMenuBottomWindMapButtonMini"><div onclick="openWindMap()" class="btn btn-unplug-blue-button-map-or-list reactive"><i class="fa fa-wind availability force-font-size-20px"></i><span class="unselectable force-font-size-20px">  Wind  </span></div></div></div><div id="windmapclose" class="hand-when-hover no-display"><div id="SearchMenuBottomSearchMapButtonMini"><div onclick="closeWindMap()" class="btn btn-unplug-yellow-button-icon-contact reactive"><i class="fas fa-map-marked-alt availability force-font-size-20px"></i><span class="unselectable force-font-size-20px">Map</span></div></div></div></div><!--+scriptDeclareGlobalMapFunctions--><div class="page-content"><div id="container-search" class="container"><div class="row"></div><!--h6--><!--.row.fa-lg.col-md-1
.col-md-10
    //ol.breadcrumb.force-no-margin-bottom-on-small-screen
      li    
        //a(href='#') 
          i.fa.fa-globe-americas.availability 
          | World
--><!--.hide-on-narrow-screenh6--><div class="row"><div id="SideColumnLeft" class="col-md-2 col-sm-1 single-item force-no-padding-bottom force-no-padding-right"><!--.thumbnail.force-margin-left-5px.force-margin-right-5px.thumbnail-header-title--><!--.row.col-sm-12      
        #sort-by
--><!--h4.force-no-margin-top.force-margin-bottom-18px.force-font-18px.hide-on-narrow-screenbr--><div id="FilterMenu" class="hide-on-narrow-screen"><h4 class="text-center force-no-margin-top force-margin-bottom-10px force-font-18px hide-on-narrow-screen"><div id="numberOfHitsWide"></div></h4><div class="thumbnail force-margin-left-5px force-margin-right-5px"><div class="thumbnail-header-title"><div class="row"><div class="col-sm-12"><div class="row notranslate"><div class="col-sm-12 text-left"><h5><i class="fas fa-filter availability"></i>Results Filter</h5></div></div><div class="row"><div class="col-sm-12 text-left"><h6></h6><div id="item_types" class="notranslate"></div><!--#hierarchical-menu--><!--#toggle_school--><!--#item_services.force-padding-left-20px--><!--#toggle_spot--><!--#item_level.force-padding-left-20px--><h5></h5><h5> <i class="fas fa-user-graduate availability"></i>Lesson price per hour</h5><div id="lesson_price" class="force-margin-left-10px force-margin-right-10px force-margin-bottom-minus-10px"></div><h5 class="force-no-padding"></h5><h5> <i class="far fa-handshake availability"></i>Rental price per day</h5><div id="rental_price" class="force-margin-left-10px force-margin-right-10px force-margin-bottom-minus-10px"></div><h5 class="force-no-padding"></h5><div id="item_features" class="notranslate"></div><h5> </h5><!--h5.force-no-padding
#item_features.notranslate
h5 
h5 
  i.fas.fa-align-right
  i.fas.fa-snowboarding.availability
  | I want to ride with...
#item_brands.notranslate
h5.force-no-padding.force-no-margin--></div></div><div class="text-center"><h6></h6><div id="clear-refinements"></div></div></div></div></div></div></div></div><!--#MainColumnTop.col-md-5.col-sm-6.single-item--><div id="MainColumnTop" class="search-page-format col-md-5 col-sm-6 single-item force-no-padding-right-on-wide-screen"><div class="row col-sm-12"><div id="container-search" class="force-no-padding"><form novalidate="novalidate" onsubmit="return false;" class="searchbox"><div role="search" class="searchbox__wrapper"><input id="user-search-input" type="search" name="search" placeholder="Try &quot;Tarifa&quot; or &quot;Dakhla&quot;" autocomplete="off" required="required" class="searchbox__input square-on-wide-screen"/><button type="submit" title="Submit your search query." class="searchbox__submit"><svg role="img" aria-label="Search"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#sbx-icon-search-13"></use></svg></button><button type="reset" title="Clear the search query." class="searchbox__reset hide"><svg role="img" aria-label="Reset"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#sbx-icon-clear-3"></use></svg></button></div></form><div style="height: 0; width: 0; position: absolute; visibility: hidden" class="svg-icons"><svg xmlns="http://www.w3.org/2000/svg"><symbol id="sbx-icon-clear-3" viewBox="0 0 40 40"><path d="M16.228 20L1.886 5.657 0 3.772 3.772 0l1.885 1.886L20 16.228 34.343 1.886 36.228 0 40 3.772l-1.886 1.885L23.772 20l14.342 14.343L40 36.228 36.228 40l-1.885-1.886L20 23.772 5.657 38.114 3.772 40 0 36.228l1.886-1.885L16.228 20z" fill-rule="evenodd"></path></symbol><symbol id="sbx-icon-search-13" viewBox="0 0 40 40"><path d="M26.806 29.012a16.312 16.312 0 0 1-10.427 3.746C7.332 32.758 0 25.425 0 16.378 0 7.334 7.333 0 16.38 0c9.045 0 16.378 7.333 16.378 16.38 0 3.96-1.406 7.593-3.746 10.426L39.547 37.34c.607.608.61 1.59-.004 2.203a1.56 1.56 0 0 1-2.202.004L26.807 29.012zm-10.427.627c7.322 0 13.26-5.938 13.26-13.26 0-7.324-5.938-13.26-13.26-13.26-7.324 0-13.26 5.936-13.26 13.26 0 7.322 5.936 13.26 13.26 13.26z" fill-rule="evenodd"></path></symbol></svg></div><!--.hide-on-narrow-screen#search-box.force-padding-bottom-15px--><h4 class="text-center force-no-margin-top force-margin-bottom-18px force-font-18px hide-on-narrow-screen"></h4><h4 class="text-center force-no-margin-top force-margin-bottom-18px force-margin-top-4px force-font-18px hide-on-wide-screen"><div id="numberOfHitsNarrow"></div><!--.row//.col-sm-2.col-main-search
.col-sm-12.col-main-search
  .row.search-bar.force-no-padding
    .col-sm-12.search-bar-element
      #user-search-input-new
      //if place
        input#user-search-input-new.form-control(type='search', placeholder=place)
      //else
        input#user-search-input-new.form-control(type='search', placeholder='Try "Tarifa" or "France"')
--></h4></div><a id="search-button" href="/searchnew" class="btn btn-unplug-logo reactive-shadow"> <!--.hide-on-narrow-screen.hide-on-wide-screen--><img src="/img/logo-unplug.png" class="btn-unplug-logo"/></a><h6 class="hide-on-narrow-screen"></h6><div id="hitresults" class="format-hitresults-search"></div><div id="pagination" class="format-pagination-search"></div><h1 class="force-margin-top-80px hide-on-wide-screen"></h1></div></div><div id="SideColumnRight" class="search-page-format"><div class="col-md-5 col-sm-5"><!--.single-item--><div id="thumbnail1"><div id="thumbnail2"><div id="map-container"><div id="map-search"></div><div id="windmapopen-widescreen" class="position-relative hide-on-narrow-screen hand-when-hover"><div id="SearchMenuBottomWindMapButtonMini"><div onclick="openWindMap()" class="btn btn-unplug-blue-button-map-or-list reactive"><i class="fa fa-wind availability force-font-size-20px"></i><span class="unselectable force-font-size-20px">  Wind  </span></div></div></div><div id="map-search-windy" class="position-relative no-display"><iframe id="wind-map" src="https://embed.windy.com/embed2.html?lat=49&amp;lon=2&amp;zoom=1&amp;level=surface&amp;overlay=wind&amp;menu=&amp;message=true&amp;marker=true&amp;calendar=&amp;pressure=&amp;type=map&amp;location=coordinates&amp;detail=&amp;detailLat=10&amp;detailLon=10&amp;metricWind=kt&amp;metricTemp=%C2%B0C&amp;radarRange=-1" width="100%" height="100%" frameborder="0"></iframe><!--#wind-map#windy
--><!--script(src="https://unpkg.com/leaflet@1.4.0/dist/leaflet.js")--><!--script(src="https://api.windy.com/assets/map-forecast/libBoot.js")--><!--script.// Replace 'YOUR_WINDY_API_KEY' and 'wind-map' with your actual Windy API key and map ID
windyInit({
    key: 'CK7wa8dT4WktB8k2LkeW56gmWRPEnB0b',
    lat: 37,
    lon: -122,
    zoom: 5,
    // Use the map ID you provided
    map: 'wind-map'
});

var map = L.map('map', {
    center: [37, -122],
    zoom: 5,
    layers: windyLayers
});

L.control.layers(null, { windy: windyLayers }).addTo(map);

map.on('moveend', function () {
    var center = map.getCenter();
    var lat = center.lat.toFixed(4);
    var lon = center.lng.toFixed(4);
    console.log('Latitude:', lat, 'Longitude:', lon);

    // You can trigger any function or API call with the updated latitude and longitude
    // For example, you can call a function like updateData(lat, lon);
});
--><!--script.// Function to update the Windy map coordinates and zoom
function updateWindyMap(lat, lon, zoom) {
    var iframe = document.getElementById('wind-map');
    iframe.src = 'https://embed.windy.com/embed2.html?lat=' + lat + '&lon=' + lon + '&zoom=' + zoom + '&level=surface&overlay=wind&menu=&message=true&marker=true&calendar=&pressure=&type=map&location=coordinates&detail=&detailLat=' + lat + '&detailLon=' + lon + '&metricWind=kt&metricTemp=%C2%B0C&radarRange=-1';
}
// Function to extract parameters from URL
function getParamsFromUrl(url) {
    var params = new URLSearchParams(url);
    var lat = parseFloat(params.get('my_kitesurf_escape[geoSearch][boundingBox][0]'));
    var lon = parseFloat(params.get('my_kitesurf_escape[geoSearch][boundingBox][1]'));
    var lat2 = parseFloat(params.get('my_kitesurf_escape[geoSearch][boundingBox][2]'));
    var lon2 = parseFloat(params.get('my_kitesurf_escape[geoSearch][boundingBox][3]'));

    // Calculate the average coordinates for simplicity
    var avgLat = (lat + lat2) / 2;
    var avgLon = (lon + lon2) / 2;

    // Calculate zoom level based on bounding box
    var zoom = calculateZoom(lat, lon, lat2, lon2);

    return { lat: avgLat, lon: avgLon, zoom: zoom };
}
// Function to calculate zoom level based on bounding box
function calculateZoom(lat1, lon1, lat2, lon2) {
    // You can use any formula to calculate the zoom level based on bounding box
    // Here's a simple example using the difference in latitudes or longitudes
    var latDiff = Math.abs(lat1 - lat2);
    var lonDiff = Math.abs(lon1 - lon2);

    // Adjust the zoom level based on your specific requirements
    var zoom = Math.max(1, Math.round(10 / Math.max(latDiff, lonDiff)));
    zoom = 11;
    return zoom;
}
// Function to update the map when the URL changes
function updateMapOnUrlChange() {
    var params = getParamsFromUrl(window.location.search);
    updateWindyMap(params.lat, params.lon, params.zoom);
}
// Initial update when the page loads
updateMapOnUrlChange();
// Listen for changes in the URL
window.addEventListener('popstate', updateMapOnUrlChange);
--></div><div id="windmapclose-widescreen" class="hand-when-hover hide-on-narrow-screen no-display"><div id="SearchMenuBottomSearchMapButtonMini"><div onclick="closeWindMap()" class="btn btn-unplug-yellow-button-icon-contact reactive"><i class="fas fa-map-marked-alt availability force-font-size-20px"></i><span class="unselectable force-font-size-20px">Map</span></div></div></div></div></div></div><!--**********************/--><!--* OLD SEARCH BUTTONS */--><!--**********************#mapopen(onclick="openMap()").hand-when-hover
  i.fas.fa-map-marked-alt.thumbnail-header-icons-dark(aria-hidden='true').reactiveX2
#mapclose(onclick="closeMap()").hand-when-hover
  i.fas.fa-list.thumbnail-header-icons-dark(aria-hidden='true').reactiveX2
#filterclose(onclick="closeFilter()").hand-when-hover
  i.fas.fa-filter.thumbnail-header-icons-dark(aria-hidden='true').reactiveX2
#filteropen(onclick="openFilter()").hand-when-hover
  i.fas.fa-filter.thumbnail-header-icons-dark(aria-hidden='true').reactiveX2
--><div id="FilterMenuNarrow" class="no-display"><div class="single-item hide-on-wide-screen"><div class="layered-filter-menu"><div class="thumbnail-header-title force-margin-left-15px"><div class="row"><div class="col-sm-12 text-center"><h3>Filters</h3><div class="row"><div class="col-sm-12 force-padding-left-20px force-padding-right-20px"><div class="text-left"><h6></h6><div id="hierarchical-menu"></div><!--#item_types_narrow--><!--#toggle_school--><!--#toggle_spot--><!--#item_level.force-padding-left-20px--><!--h5 
  i.fas.fa-align-right
  i.fas.fa-snowboarding.availability
  | I want to ride with...
#item_brands_mobile.notranslate
h5.force-no-padding.force-no-margin
--></div></div></div><h5></h5><div id="clear-refinements-narrow"></div></div></div></div></div></div><div id="FilterMenuBottomBackground"></div><div id="filterclose" onclick="closeFilter()" class="hand-when-hover unselectable"><div class="text-center"><div class="btn btn-unplug-yellow-auto-width reactive force-font-size-20px"><i class="fas fa-filter availabilityX2"> </i>Show results</div></div></div></div></div></div></div><!--.row.col-md-2.col-sm-2
.col-md-6.col-sm-6.single-item
  

//.row.more-results
  .col-sm-12
    a(href='#') More results
--><!--useful to calculate searchbox boundaries--><div class="row"><div id="left" class="col-md-2 col-sm-1"></div><div id="middle" class="col-md-5 col-sm-6"></div><div id="right" class="col-md-5 col-sm-5"></div></div><!--useful to enable search when cick on suggestion--><div id="allow-click-and-go"></div></div></div><script src="https://cdn.jsdelivr.net/npm/scriptjs@2.5.9/dist/script.min.js"></script><script src="https://cdn.jsdelivr.net/npm/algoliasearch@4.0.0/dist/algoliasearch-lite.umd.js" integrity="sha256-MfeKq2Aw9VAkaE9Caes2NOxQf6vUa8Av0JqcUXUGkd0=" crossorigin="anonymous"></script><script src="https://cdn.jsdelivr.net/npm/instantsearch.js@4.0.0/dist/instantsearch.production.min.js" integrity="sha256-6S7q0JJs/Kx4kb/fv0oMjS855QTz5Rc2hh9AkIUjUsk=" crossorigin="anonymous"></script><!--script(src='/js/algoliasearch.min.js')--><!--script(src='/js/instantsearch.production.min.js')--><!--API key 'main'--><script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkuOUTdhHWX0KVe5ziKm3oiA8e0hxDTE8"></script><script src="/js/instantsearchnew.js"></script><script>if (window.innerWidth < 768){
  //OPTION A : show list on load
  //document.getElementById('thumbnail1').style.visibility = 'hidden';
  //OPTION A : show map on load
  $('#ScrollIndicator').hide()
}</script><!--$('.ais-GeoSearch-tree').hide();--><script>function closeMap() {
  document.getElementById('thumbnail1').style.visibility = 'hidden';
  $('#ScrollIndicator').show()
  $('#mapclose').hide()
  $('#mapopen').show()
  $('.ais-GeoSearch-tree').hide()
}</script><script>function closeMapAndWindButton() {
  document.getElementById('thumbnail1').style.visibility = 'hidden';
  $('#ScrollIndicator').show()
  $('#mapclose').hide()
  $('#mapopen').show()
  $('.ais-GeoSearch-tree').hide()
  $('#windmapopen').hide()
  $('#windmapclose').hide()
}</script><script>function openMap() {
  document.getElementById('thumbnail1').style.visibility = 'visible';
  $('#ScrollIndicator').hide()        
  $('#mapopen').hide()
  $('#mapclose').show()
  $('.ais-GeoSearch-tree').show()
}</script><script>function openMapAndWindButton() {
  document.getElementById('thumbnail1').style.visibility = 'visible';
  $('#ScrollIndicator').hide()        
  $('#mapopen').hide()
  $('#mapclose').show()
  $('.ais-GeoSearch-tree').show()
  $('#windmapopen').show() 
  $('#map-search').show()
  $('#map-search-windy').hide()  
}</script><script>function openFilter() {
   document.getElementById("FilterMenuNarrow").style.display = "block"
   $("#SearchMenuBottomBackground").hide()
}</script><script>function closeFilter() {
   document.getElementById("FilterMenuNarrow").style.display = "none"
   $("#SearchMenuBottomBackground").show()
}
</script><script>function closeWindMap() {
  //document.getElementById('thumbnail1').style.visibility = 'visible';
  //$('#ScrollIndicator').hide()    
  $('#map-search').show()
  $('#map-search-windy').hide()    
  $('#windmapopen').show()
  $('#windmapclose').hide()
  $('#windmapopen-widescreen').show()
  $('#windmapclose-widescreen').hide()
  //$('.ais-GeoSearch-tree').show()
}</script><script>function openWindMap() {
  //document.getElementById('thumbnail1').style.visibility = 'hidden';
  //$('#ScrollIndicator').show()    
  $('#map-search').hide()
  $('#map-search-windy').show()    
  $('#windmapopen').hide()
  $('#windmapclose').show()  
  $('#windmapopen-widescreen').hide()
  $('#windmapclose-widescreen').show()
  //$('.ais-GeoSearch-tree').hide()
}</script><script src="https://cdn.jsdelivr.net/npm/places.js@1.18.1"></script><script src="https://cdn.jsdelivr.net/npm/places.js@1.18.1/dist/cdn/placesAutocompleteDataset.min.js"></script><script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearchLite.min.js"></script><script src="https://cdn.jsdelivr.net/autocomplete.js/0/autocomplete.js"></script><script>function geolocateUser(){
  $('#geolocate').hide()
  $('#geolocate_fail').hide()
  $('#geolocate_loading').show()
  if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(processPosition, showError);
  }                         
  else {
    LocationAvailable = false
    alert("Geolocation is not supported.");
    $('#geolocate_loading').hide()
    $('#geolocate').hide()
    $('#geolocate_fail').show()
    document.querySelector('#search-button').setAttribute("href", 
            '/searchnew');                                
  }

  function processPosition(position) {
    LocationAvailable = true
    var latOnChange = parseFloat(position.coords.latitude);
    var lngOnChange = parseFloat(position.coords.longitude);
    if (typeof latOnChange == 'undefined' || typeof lngOnChange == 'undefined') {
      LocationAvailable = false
      alert("Oops! We did not find your Geolocation. Please try again!");
      $('#geolocate_loading').hide()  
      $('#geolocate').hide()
      $('#geolocate_fail').show()
      document.querySelector('#search-button').setAttribute("href", 
        '/searchnew');      
    }
    else{
      var ratio_w_h = 1
      var box_radius = 100
      if (document.documentElement.clientWidth > 768){
        ratio_w_h = ( document.getElementById('middle').offsetWidth - 70 )/ ( document.documentElement.clientHeight - 270 )
      }
      else{
        ratio_w_h = document.documentElement.clientWidth / document.documentElement.clientHeight
        box_radius = box_radius * 1.5 //twice the search box size for mobile screen
      }
      //1km in degree approx = 0.0089
      //100km in degree approx = 0.89
      var earth = 6378.137,  //radius of the earth in kilometer
          pi = Math.PI,
          cos = Math.cos,
          km = (1 / ((2 * pi / 360) * earth))  //1 km in degree
      var additional_height_margin = box_radius * ( 1 / ratio_w_h - 1 )
      var latBoxDown = latOnChange - ( box_radius + additional_height_margin ) * km
      var latBoxUp = latOnChange + ( box_radius + additional_height_margin ) * km;
      var lngBoxDown = lngOnChange - box_radius * km / cos(latOnChange * (pi / 180))
      var lngBoxUp = lngOnChange + box_radius * km / cos(latOnChange * (pi / 180))
      
      document.querySelector(".searchbox [type='reset']").click()
      document.querySelector('#search-button').setAttribute("href", 
        '/searchnew'+
        '?my_kitesurf_escape[geoSearch][boundingBox]='+latBoxUp+'%2C'+lngBoxUp+'%2C'+latBoxDown+'%2C'+lngBoxDown);
      $('#geolocate_loading').hide()  
      $('#geolocate_fail').hide()
      $('#geolocate').show()                          
      
      // Reverse geolocating
      var places = algoliasearch.initPlaces('pl539OGWNVSI', '0ddb4defc71e71a0e54dbb4b961ea808');
      function updateForm(response) {
        var hits = response.hits;
        var suggestion = hits[0];
        if (suggestion && suggestion.locale_names && suggestion.city) {
          var tempText = ''
          tempText = suggestion.city.default[0] || ''
          if (tempText != ''){ tempText = tempText + ', '}
          tempText = tempText + suggestion.administrative[0] || ''
          if (tempText != ''){ tempText = tempText + ', '}
          tempText = tempText + suggestion.country.default || ''
          document.getElementById('user-search-input').value = tempText;
        }
      }
      if (typeof latOnChange !== 'undefined' && typeof lngOnChange !== 'undefined') {
        places.reverse({
        aroundLatLng: latOnChange + ',' + lngOnChange,
        hitsPerPage: 1,
        }).then(updateForm);
      }
      if(window.innerWidth <= 768){
        document.querySelector('#search-button').click()
      }
    }                            
  }
  function showError(error) {
    document.querySelector('#search-button').setAttribute("href", 
              '/searchnew');  
    switch(error.code) {
      case error.PERMISSION_DENIED:
        errorTextAlert = "User denied the request for Geolocation."
        LocationAvailable = false
        break;
      case error.POSITION_UNAVAILABLE:
        errorTextAlert = "Location information is unavailable."
        LocationAvailable = false
        break;
      case error.TIMEOUT:
        errorTextAlert = "The request to get user location timed out."
        LocationAvailable = true
        break;
      case error.UNKNOWN_ERROR:
        errorTextAlert = "An unknown error occurred."
        LocationAvailable = true
        break;
    }
    alert(errorTextAlert);  
    if (LocationAvailable){
      $('#geolocate_loading').hide()
      $('#geolocate').hide()
      $('#geolocate_fail').show()     
    }
    else{
      $('#geolocate_loading').hide()
      $('#geolocate_fail').hide()  
      $('#geolocate').show()  
    }                
  }
}</script><script>(function() {
  var place = ""
  var lat = 0
  var lng = 0
  /*
  document.querySelector('#user-search-input').setAttribute("searchByGeoLoc", false);
  if(urlParams.hasOwnProperty('place')) {
    place = urlParams["place"]
    lat = urlParams["lat"]
    lng = urlParams["lng"]
    document.querySelector('#user-search-input').setAttribute("searchByGeoLoc", true);
  }
  */
  //document.querySelector('#user-search-input').setAttribute("lat", lat);
  //document.querySelector('#user-search-input').setAttribute("lng", lng);
  //document.querySelector('#user-search-input').setAttribute("place", place);

  var client = algoliasearch('67VAE31TI2', '7eb509e03bccf62434cc8ff69d8943ec');
  var index = client.initIndex('my_kitesurf_escape');

  // create the first autocomplete.js dataset: vacation rentals
  var unplugDataset = {
    source: autocomplete.sources.hits(index, {hitsPerPage: 3}),
    displayKey: 'name',
    name: 'algolia-unplug',                          
    templates: {                            
      //header: '<div class="ad-example-header"><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i>Top suggestions for you</div>',
      footer: '<div id="geolocate" class="ap-suggestion color-active no-display" onclick="geolocateUser()"><i class="force-font-size-18px fas fa-crosshairs"></i><span class="availability-left color-dark-blue force-font-size-13px force-padding-left-6px"> Use current location</span></div>' +
            '<div id="geolocate_fail" class="ap-suggestion no-hand-when-hover color-active  no-display"><i class="force-font-size-18px fas fa-exclamation-circle"></i><span class="availability-left color-dark-blue force-font-size-13px force-padding-left-6px"> Current location unavailable</span></div>' +
            '<div id="geolocate_loading" class="ap-suggestion color-active no-display"><i class="force-font-size-18px fa fa-spinner fa-pulse fa-5x fa-fw"></i><span class="availability-left color-dark-blue force-font-size-13px force-padding-left-5px"> Use current location</span></div>' ,                           
      header: '<div class="ad-example-header">Top suggestions for you</div>',
      suggestion: function(suggestion) {
          //console.log(suggestion)
          hitName = suggestion._highlightResult.name.value
          hitSlug = suggestion.slug
          switch(suggestion.type){
              case 'School':
                  hitSlug = '/schools/' + suggestion.slug
                  hitName = '<span class="ap-name" style="white-space: normal;">' + suggestion._highlightResult.name.value + '</span>' +
                            '<span class="ap-address" style="white-space: normal;">' + 'School in ' + suggestion.destination_name + '</span>'
                  break
              case 'Spot':
                  hitSlug = '/spots/' + suggestion.slug
                  hitName = '<span class="ap-name" style="white-space: normal;">Spot of ' + suggestion._highlightResult.name.value + '</span>' +
                            '<span class="ap-address" style="white-space: normal;">' + 'Spot in ' + suggestion.destination_name + '</span>'
                  break
              case 'Destination':
                  hitSlug = '/destinations/' + suggestion.slug
                  hitName = '<span class="ap-name" style="white-space: normal;">Schools and Spots in ' + suggestion._highlightResult.name.value + '</span>' +
                            '<span class="ap-address" style="white-space: normal;">' + 'Destination in ' + suggestion.nearest_countries[0] + '</span>'
                  break
          }

          return '<a href='+hitSlug+' class="force-no-underline">' +
                    '<div>' +
                      '<img class="force-no-margin-top caption-suggestion" alt=Unplug "'+suggestion.type.toUpperCase()+'" src="' + suggestion.logo + '" />' +
                      hitName +
                      //'<small>' + suggestion._highlightResult.city.value + '</small>' +
                      '<br />' +
                    '</div>' +
                  '</a>';

      }
    }
  };


  var countryDataset = placesAutocompleteDataset({
    appId: 'pl539OGWNVSI',
    apiKey: '0ddb4defc71e71a0e54dbb4b961ea808',
    algoliasearch: algoliasearch,
    aroundLatLngViaIP: true,
    type: ['country'],                          
    templates: {
      /*
      header: '<div class="ad-example-header">Search next to...</div>'
      /*
      suggestion: function(suggestion) {
        return '<span class="ip2location-flag-16 flag-' + suggestion.countryCode + ' force-margin-flag"></span> ' +
          suggestion.highlight.name;
      }
      */
    },
    hitsPerPage: 1
  });

  var cityDataset = placesAutocompleteDataset({
    appId: 'pl539OGWNVSI',
    apiKey: '0ddb4defc71e71a0e54dbb4b961ea808',
    algoliasearch: algoliasearch,
    aroundLatLngViaIP: true,
    type: ['city'],
    templates: {
      //header: '<div class="ad-example-header"><i class="fas fa-search availability"></i>Search around...</div>'
      //header: '<div class="ad-example-header">Search next to...</div>'
    },
    hitsPerPage: 3
  });

  // init
  var autocompleteInstance = autocomplete(
    document.querySelector('#user-search-input'), 
    {
    hint: false,
    debug: false,
    openOnFocus: true,
    tabAutocomplete: false,
    //autoselect: true,
    minLength: 0,
    cssClasses: {prefix: 'ad-example'}
    }, 
    [
      cityDataset,
      countryDataset,
      unplugDataset
    ]
  );


  /*var placesAutocomplete = places({
    appId: 'pl539OGWNVSI',
    apiKey: '0ddb4defc71e71a0e54dbb4b961ea808',
    container: document.querySelector('#user-search-input'),
    aroundLatLngViaIP: false,
    type: ['city', 'country'],
    templates: {
      value: function(suggestion) {
        //document.querySelector('#user-search-input').setAttribute("lat", suggestion.latlng.lat);
        //document.querySelector('#user-search-input').setAttribute("lng", suggestion.latlng.lng);
        //document.querySelector('#user-search-input').setAttribute("place", suggestion.name);
        if(suggestion.type=='city')
          return suggestion.name + ', ' + suggestion.country
        else
          return suggestion.name 
      }
    }
  });  
  */
  
  document.getElementById('user-search-input').addEventListener('keyup', function(e){
    //typedText = document.getElementById('user-search-input').value
    if (document.getElementById('dunnow-button')){
      if(document.getElementById('user-search-input').value!=''){
        document.getElementById('search-button').style.display = "inline-block"
        document.getElementById('dunnow-button').style.display = "none"
      }
      else{
        document.getElementById('search-button').style.display = "none"
        document.getElementById('dunnow-button').style.display = "inline-block"
      }
    }
    if (e.keyCode === 13) {
        //adaptSearchButtonLink(e, 'updated', suggestion, 'places')
        if (window.innerWidth > 768){
          undoFullscreenMobile()
          document.querySelector('#search-button').click()
        }
    }
  })
  

  /*
  document.getElementsByClassName('ap-input-icon ap-icon-clear')[0].addEventListener('click', function(){
    document.querySelector('#search-button').setAttribute("href", 
      '/searchnew');
    document.getElementById('search-button').style.display = "none"
    document.getElementById('dunnow-button').style.display = "inline-block"
  })
  document.getElementsByClassName('ap-input-icon ap-icon-pin')[0].addEventListener('click', function(){
    document.querySelector('#search-button').setAttribute("href", '/searchnew');
    //document.getElementById('user-search-input').value = 'Around me...'
    document.getElementById('search-button').style.display = "inline-block"
    document.getElementById('dunnow-button').style.display = "none"
    window.open('/searchnew' ,'_self') 
  })
  */

  autocompleteInstance.on('autocomplete:updated', function(e, suggestion, datasetName) {
      if (document.querySelector(".searchbox__input").value.length == 0){
        $(".ad-example-dataset-places").hide()
        $(".ad-example-header").hide()
        $(".ad-example-suggestions").hide()
        $("#geolocate_loading").hide()
        if(LocationAvailable){
          $("#geolocate_fail").hide()
          $("#geolocate").show()
        }
        else{
          $("#geolocate").hide()
          $("#geolocate_fail").show()
        }
      }
      else{
        $(".ad-example-dataset-places").show()
        $(".ad-example-header").show()
        $(".ad-example-suggestions").show()
        $("#geolocate_loading").hide()
        $("#geolocate").hide()
      }
      //console.log('updated')
      //adaptSearchButtonLink(e, "updated", suggestion, datasetName)
      suggestionItems = document.getElementsByClassName("ad-example-suggestion")
      for (var i = 0; i < suggestionItems.length; i++) {
        suggestionItems.item(i).addEventListener('click', function (event){
          if(window.innerWidth > 768){
            undoFullscreenMobile();
          }
          if(window.innerWidth <= 768 || document.querySelector('#allow-click-and-go')){
            $.when(adaptSearchButtonLink(e, 'selected', suggestion, datasetName)).then(function(status) {
              document.querySelector('#search-button').click()
            })                        
          }
        })
      }
  })

  var autocompleteChangeEvents = ['cursorchanged', 'selected', 'autocompleted'];
  autocompleteChangeEvents.forEach(function(eventName) {
    autocompleteInstance.on('autocomplete:'+ eventName, function(e, suggestion, datasetName) {
      adaptSearchButtonLink(e, eventName, suggestion, datasetName)
    })
  });

  var adaptSearchButtonLink = function(e, eventName, suggestion, datasetName){
      //console.log(eventName)
      //console.log(datasetName)
      //console.log(suggestion)                            
      switch(datasetName){
        case 'algolia-unplug':
          var latOnChange = parseFloat(suggestion._geoloc.lat);
          var lngOnChange = parseFloat(suggestion._geoloc.lng);
          var country = suggestion.nearest_countries[0];                  
          document.querySelector('#search-button').setAttribute("href", '/'+suggestion.type.toLowerCase()+'s/'+suggestion.slug);
          break
        case 'places':                                
          var latOnChange = parseFloat(suggestion.latlng.lat);
          var lngOnChange = parseFloat(suggestion.latlng.lng);                                
          var country = suggestion.country
          var ratio_w_h = 1
          var box_radius = 30
          //console.log(suggestion)
          if (suggestion.type=="country"){box_radius = 250}
          if (document.documentElement.clientWidth > 768){
            ratio_w_h = ( document.getElementById('middle').offsetWidth - 70 )/ ( document.documentElement.clientHeight - 270 )
            //console.log(document.getElementById('middle').offsetWidth - 70)
            //console.log(document.documentElement.clientHeight - 270)
          }
          else{
            ratio_w_h = document.documentElement.clientWidth / document.documentElement.clientHeight
            box_radius = box_radius * 1.5 //twice the search box size for mobile screen
            //console.log(document.documentElement.clientWidth)
            //console.log(document.documentElement.clientHeight)
          }
          //1km in degree approx = 0.0089
          //100km in degree approx = 0.89
          var earth = 6378.137,  //radius of the earth in kilometer
              pi = Math.PI,
              cos = Math.cos,
              km = (1 / ((2 * pi / 360) * earth))  //1 km in degree
          var additional_height_margin = box_radius * ( 1 / ratio_w_h - 1 )
          var latBoxDown = latOnChange - ( box_radius + additional_height_margin ) * km
          var latBoxUp = latOnChange + ( box_radius + additional_height_margin ) * km;
          var lngBoxDown = lngOnChange - box_radius * km / cos(latOnChange * (pi / 180))
          var lngBoxUp = lngOnChange + box_radius * km / cos(latOnChange * (pi / 180))
          //console.log(additional_height_margin)
          document.querySelector('#search-button').setAttribute("href", 
            '/searchnew'+
            '?my_kitesurf_escape[geoSearch][boundingBox]='+latBoxUp+'%2C'+lngBoxUp+'%2C'+latBoxDown+'%2C'+lngBoxDown);
          break
          return true
      }
  };
  
  var undoFullscreenMobile  = function(){
      /*
      document.querySelector(".searchbox").classList.remove("fullscreen-mobile")
      document.querySelector(".ad-example-input").classList.remove("fullscreen-mobile-ad")
      document.querySelector(".ad-example-dropdown-menu").classList.remove("fullscreen-mobile-ad")
      */
      if (document.getElementById('dunnow-button')){
        /* dunnow button only available on home page */
        document.getElementById("search-button").classList.remove("fullscreen-mobile-hide")
        document.getElementById("dunnow-button").classList.remove("fullscreen-mobile-hide")
        document.querySelector(".welcome-message").classList.remove("fullscreen-mobile-hide") 
        document.getElementById('section1').classList.remove("fullscreen-mobile-extend") 
        document.querySelector(".section-content").classList.remove("fullscreen-mobile-no-margin") 
      }
      document.querySelector('footer').classList.remove("fullscreen-mobile-hide")     
      window.scrollTo(0, 0); 
  }
  var doFullscreenMobile  = function(){
      /*
      document.querySelector(".searchbox").classList.add("fullscreen-mobile")
      document.querySelector(".ad-example-input").classList.add("fullscreen-mobile-ad")
      document.querySelector(".ad-example-dropdown-menu").classList.add("fullscreen-mobile-ad")
      */
      if (document.getElementById('dunnow-button')){
        /* dunnow button only available on home page */
        document.getElementById("search-button").classList.add("fullscreen-mobile-hide")
        document.getElementById("dunnow-button").classList.add("fullscreen-mobile-hide")
        document.querySelector(".welcome-message").classList.add("fullscreen-mobile-hide") 
        document.getElementById('section1').classList.add("fullscreen-mobile-extend")  
        document.querySelector(".section-content").classList.add("fullscreen-mobile-no-margin")
      } 
      if (document.querySelector('footer')){document.querySelector('footer').classList.add("fullscreen-mobile-hide")}  
      window.scrollTo(0, 0);  
                                     
  }

  /*
  document.querySelector("#user-search-input").addEventListener("click", function() {
    doFullscreenMobile();
  })
  */

  document.querySelector(".searchbox [type='reset']").addEventListener("click", function() {
    document.querySelector(".searchbox__input").focus();
    document.querySelector('#search-button').setAttribute("href", '/searchnew');
    this.classList.add("hide");
    autocompleteInstance.autocomplete.setVal("");
    document.querySelector('#user-search-input').blur()
    undoFullscreenMobile();    
  });
  autocompleteChangeEvents = ['closed'];
  autocompleteChangeEvents.forEach(function(eventName) {
    autocompleteInstance.on('autocomplete:'+ eventName, function(e, suggestion, datasetName) {
      undoFullscreenMobile();
    })
  })
  /*
  autocompleteChangeEvents = ['empty'];
  autocompleteChangeEvents.forEach(function(eventName) {
    autocompleteInstance.on('autocomplete:'+ eventName, function(e, suggestion, datasetName) {
    })
  })
  */
  autocompleteChangeEvents = ['opened', 'shown'];
  autocompleteChangeEvents.forEach(function(eventName) {
    autocompleteInstance.on('autocomplete:'+ eventName, function(e, suggestion, datasetName) {
      doFullscreenMobile();
    })
  })

  document.querySelector("#user-search-input").addEventListener("keyup", function() {
    var searchbox = document.querySelector(".searchbox__input");
    var reset = document.querySelector(".searchbox [type='reset']");
    if (searchbox.value.length === 0){
      reset.classList.add("hide");
      /*undoFullscreenMobile();*/
    } 
    else {
      reset.classList.remove('hide');
    }
  });
  
  //$("#user-search-input").focus();
})();</script></div><div class="eupopup eupopup-bottom"></div></body><!-- begin:footer--><footer class="hide-on-narrow-screen"><div id="footer" class="unselectable"><div class="container"><div class="row sitemap"><div class="col-md-12"><div class="col-md-3"><h5 class="notranslate">About</h5><ul class="list-unstyled"><li><a href="/about">About us</a></li><li><a href="/cashback">Cashback Program</a></li><li><a href="/pricing">Pricing</a></li><li><a id="contact_typeform_2" href="https://unplug673641.typeform.com/to/jA1qp4?Page=" data-mode="drawer_right" target="_blank" class="typeform-share">Help</a><script>$(window).on('load', function() {
  document.getElementById("contact_typeform_2").href = document.getElementById("contact_typeform_2").href.replace('jA1qp4?Page=', 'jA1qp4?Page='+window.location.href);
})</script></li><!--lia(href='/') Legal Terms--></ul></div><div class="col-md-3"><h5>Discover your Kitesurf escape</h5><ul class="list-unstyled notranslate"><li><a href="/areas/world">Explore World Map</a></li><li class="hide-on-narrow-ipadscreen"><a href="/">School Finder</a></li><li class="hide-on-wide-ipadscreen"><a href="/searchnew">School Finder</a></li><li><a href="/brands/all">Kitesurf Shops</a></li></ul></div><div class="col-md-3 notranslate"><h5>Best Kitesurfing areas</h5><ul class="list-unstyled"><li><a href="/areas/world">All Areas</a></li><li><a href="/areas/france">France</a></li><li><a href="/areas/spain-portugal">Spain & Portugal</a></li><li><a href="/areas/west-north-africa-canarias">West North Africa - Canarias</a></li><li><a href="/areas/east-south-africa">East South Africa</a></li><li><a href="/areas/caribbean">Caribbean</a></li><li><a href="/areas/brazil">Brazil</a></li></ul></div><div class="col-md-3 notranslate"><h5>Best Kitesurfing destinations</h5><ul class="list-unstyled"><li><a href="/destinations/dakhla">Dakhla</a></li><li><a href="/destinations/tarifa">Tarifa</a></li><li><a href="/destinations/bretagne">Bretagne</a></li><li><a href="/destinations/jericoacoara">Jericoacoara</a></li><li><a href="/destinations/fortaleza">Fortaleza</a></li><li><a href="/destinations/cape-town">Cape Town</a></li><li><a href="/destinations/san-francisco">San Francisco</a></li></ul></div><!--.col-md-3ul.list-unstyled
  li
      a(href='/destinations/antigua') Antigua
  li
      a(href='/destinations/cartagena') Cartagena
  li
      a(href='/destinations/jericoacoara') Jericoacoara
  li
      a(href='/destinations/squamish') Squamish
  li
      a(href='/destinations/fuerteventura') Fuerteventura
  li
      a(href='/destinations/rodrigues') Rodrigues
  li
      a(href='/destinations/israel') Israel
  li
      a(href='/destinations/bali') Bali
  li
      a(href='/destinations/new-zealand') New Zealand--><!--.col-md-3ul.list-unstyled
  li
      a(href='/destinations/bretagne') Bretagne
  li
      a(href='/destinations/marsala') Marsala
  li
      a(href='/destinations/athens') Athens
  li
      a(href='/destinations/netherlands') Netherlands
  li
      a(href='/destinations/croatia') Croatia
  li
      a(href='/destinations/cabarete') Cabarete
  li
      a(href='/destinations/buenos-aires') Buenos Aires
  li
      a(href='/destinations/hurghada') Hurghada
  li
      a(href='/destinations/mui-ne') Mui Ne
  li
      a(href='/destinations/queensland') Queensland
  li
      a(href='/destinations/essaouira') Essaouira
  li
      a(href='/destinations/alicante') Alicante
  li
      a(href='/destinations/olbia') Olbia
  li
      a(href='/destinations/sri-lanka') Sri Lanka
  li
      a(href='/destinations/toronto') Toronto
  li
      a(href='/destinations/porto-alegre') Porto Alegre
  li
      a(href='/destinations/martinique') Martinique
  li
      a(href='/destinations/jericoacoara') Jericoacoara
  li
      a(href='/destinations/bali') Bali
  li
      a(href='/destinations/san-francisco') San Francisco
  li
      a(href='/destinations/antigua') Antigua
  li
      a(href='/destinations/cabarete') Cabarete
  li
      a(href='/destinations/fortaleza') Fortaleza
  li
      a(href='/destinations/hurghada') Hurghada
  li
      a(href='/destinations/mui-ne') Mui Ne--></div></div></div><div class="row"><div class="col-md-12"> <ul class="list-unstyled social-icon"><li><a href="https://www.facebook.com/TeamUnplug/" rel="tooltip" title="Facebook" target="_blank" class="icon-facebook"><span><i class="fab fa-facebook-square force-font-size-30px"></i></span></a></li><li><a href="https://twitter.com/unplug_team/" rel="tooltip" title="Twitter" target="_blank" class="icon-twitter"><span><i class="fab fa-twitter force-font-size-30px"></i></span></a></li><li><a href="https://www.tumblr.com/unplug-team/" rel="tooltip" title="Tumblr" target="_blank" class="icon-tumblr"><span><i class="fab fa-tumblr force-font-size-30px"></i></span></a></li><li><a href="https://www.instagram.com/unplug_team/" rel="tooltip" title="Instagram" target="_blank" class="icon-instagram"><span><i class="fab fa-instagram force-font-size-30px"></i></span></a></li></ul></div></div><div class="row"><div class="col-md-12"><img src="/img/logo-unplug.png" class="unplug-logo"></div></div></div><!-- end:footer--><!-- begin:copyright--><!--COOKIE--><!--script(src='/js/jquery-eu-cookie-law-popup.js')--><div id="copyright" class="unselectable"><div class="container"><div class="row"><div class="col-md-12"><small>Copyright © 2019 unplug |  <a href="/privacy" class="color-always-white">Privacy Policy </a>| <a href="/terms-and-conditions" class="color-always-white">Terms and Conditions</a></small></div></div></div></div><!-- end:copyright--><script>/*document.querySelector('playpause').addEventListener('load', function(){
  document.getElementById("playpause").click()
  // The image is ready!
});*/

if(document.getElementById("playpause"))
  document.getElementById("playpause").click()
</script><!--Bootstrap core JavaScript
==================================================--><!-- Placed at the end of the document so the pages load faster--><script src="/js/jquery.js"></script><script src="/js/bootstrap.js"></script><!--script(src='/js/script.js')--><!--script(src="../js/instantsearch.js")--><script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script><!--script(src='https://cdn.jsdelivr.net/momentjs/latest/moment.min.js')--><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script><!--+noscriptGoogleTagManager()--></footer></html>