<html>
<head>
  <link rel="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v2/themes/css/cartodb.css" />
   <!--[if lte IE 8]>
        <link rel="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v2/themes/css/cartodb.ie.css" />
    <![endif]-->  
  <script src="http://libs.cartocdn.com/cartodb.js/v2/cartodb.js"></script>
  <style>
    html, body {width:100%; height:100%; padding: 0; margin: 0;}
    #map {width: 100%; height:100%; background: black; z-index:1;}
    #menu { position: absolute; top: 5px; right: 10px; width: 400px; height:60px; background: transparent; z-index:10;}
    #menu a { 
              margin: 15px 10px 0 0;
              float: right;
              vertical-align: baseline;
              width: 70px;
              padding: 10px;
              text-align: center;
              font: bold 11px "Helvetica",Arial;
              line-height: normal;
              color: #555;
              border-radius: 4px;
              border: 1px solid #777777;
              background: #ffffff;
              text-decoration: none;
              cursor: pointer;
            }
    #menu a.selected,
    #menu a:hover { 
              color: #F84F40;
            }
  </style>
	<script>
  var map;
  function init(){
    // initiate leaflet map
    map = new L.Map('map', { 
      center: [34.161818161230386, -5.0537109375],
      zoom: 7
    })

    L.tileLayer('http://d.tiles.mapbox.com/v3/landplanner.map-f3ddon0s/{z}/{x}/{y}.png', {
      attribution: 'MapBox'
    }).addTo(map);
    
    var layerUrl = 'http://dai.cartodb.com/api/v1/viz/11371/viz.json';
    var layerOptions = {
      query: "SELECT * FROM {{table_name}}",
      tile_style: "#{{table_name}}{line-color:#222;line-width:1.2;polygon-fill:white;polygon-opacity:0.7;} "
    }

    var layers = [];
    var LayerActions = {
      autre: function(){
        var crop = "mean_autre"; 
        layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}");
        return true;
      },
      bett: function(){
        var crop = "mean_bett"; 
        layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}");
        return true;
      },
      ble: function(){
        var crop = "mean_ble"; 
        layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}");
        return true;
      },
      canal: function(){
        var crop = "mean_canal"; 
        layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}");
        return true;
      },
      clem: function(){
        var crop = "mean_clem"; 
        layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}");
        return true;
      },
      eau: function(){
        var crop = "mean_eau"; 
        layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}");
        return true;
      },
      foret: function(){
        var crop = "mean_foret"; 
        layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}");
        return true;
      },
      fourr: function(){
        var crop = "mean_fourr"; 
        layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}");
        return true;
      },
      fru_1: function(){
        var crop = "mean_fru_1"; 
        layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}");
        return true;
      },
      fruit: function(){
        var crop = "mean_fruit"; 
        layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}");
        return true;
      },
      habi: function(){
        var crop = "mean_habi"; 
        layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}");
        return true;
      },
      incul: function(){
        var crop = "mean_incul"; 
        layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}");
        return true;
      },
      jache: function(){
        var crop = "mean_jache"; 
        layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}");
        return true;
      },
      legum: function(){
        var crop = "mean_legum"; 
        layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}");
        return true;
      },
      luze: function(){
        var crop = "mean_luze"; 
        layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}");
        return true;
      },
      mais: function(){
        var crop = "mean_mais"; 
        layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}");
        return true;
      },
      marai: function(){
        var crop = "mean_marai"; 
        layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}");
        return true;
      },
      navel: function(){
        var crop = "mean_navel"; 
        layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}");
        return true;
      },
      oliv: function(){
        var crop = "mean_oliv"; 
        layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}");
        return true;
      },
      orge: function(){
        var crop = "mean_orge"; 
        layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}");
        return true;
      },
      oued: function(){
        var crop = "mean_oued"; 
        layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}");
        return true;
      },
      parc: function(){
        var crop = "mean_parc"; 
        layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}");
        return true;
      },
      pdt: function(){
        var crop = "mean_pdt"; 
        layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}");
        return true;
      },
      route: function(){
        var crop = "mean_route"; 
        layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}");
        return true;
      }
    }    
    
    //This is the crop type layer
    cartodb.createLayer(map, layerUrl, layerOptions)
      .on('done', function(layer) {
        map.addLayer(layer);
layer.infowindow.set('template', $('#infowindow_template_crop').html());
        layers.push(layer);
      }).on('error', function() {
        //log the error
      });

	//Irrigation data table
      //Note: doesn't need "tile_style" since it's only covering one style
      cartodb.createLayer(map, 'http://dai.cartodb.com/api/v1/viz/11478/viz.json')
        .done(function(layer){
          //createSelector(layer);
          layer.infowindow.set('template', $('#infowindow_template_irrigation').html());
          map.addLayer(layer);
          layers.push(layer);
       });

	//Business climate table data: "Affaires" 
      //Note: doesn't need "tile_style" since it's only covering one style
      cartodb.createLayer(map, 'http://dai.cartodb.com/api/v1/viz/11479/viz.json')
        .done(function(layer){
          //createSelector(layer);
          layer.infowindow.set('template', $('#infowindow_template').html());
          map.addLayer(layer);
          layers.push(layer);
        });  
      
      //Grants and trainings table data: "Autres Activites -> Bourses & Formations" 
      //Note: doesn't need "tile_style" since it's only covering one style
      cartodb.createLayer(map, 'http://dai.cartodb.com/api/v1/viz/11538/viz.json')
        .done(function(layer){
          //createSelector(layer);
          layer.infowindow.set('template', $('#infowindow_template').html());
          map.addLayer(layer);
          layers.push(layer);
        });
          
      // add a reference overlay from mapbox      
      //L.tileLayer('http://a.tiles.mapbox.com/v3/landplanner.map-dbrgj328/{z}/{x}/{y}.png', {
      //  attribution: 'OpenStreetmap'
      //}).addTo(map);

    $('.button').click(function(){
    $('.button').removeClass('selected');
    $(this).addClass('selected');
    LayerActions[$(this).attr('id')]();



})

  }
	</script>
</head>
<body onload="init()">

<style>
  div.cartodb-popup {
    width:300px;
  }
  div.cartodb-popup div.cartodb-popup-content-wrapper {
    width:280px;
    max-width:280px;
  }
  div.cartodb-popup div.cartodb-popup-content {
    width:270px;
    max-width:270px;
  }
  div.cartodb-popup div.cartodb-popup-content {max-height:none | inherit}
</style>
  
  <div id='map'></div>
  <div id='menu'>

      <!--These buttons redraw the Crop Type "Agriculture" Layer -->

      <a href="#autre" id="autre" class="button autre">Autres</a> 
      <a href="#bett" id="bett" class="button bett">Betterave</a>
      <a href="#ble" id="ble" class="button ble">Ble</a> 
      <a href="#canal" id="canal" class="button canal">Canal</a>
      <a href="#clem" id="clem" class="button clem">Clementier</a>      
      <a href="#eau" id="eau" class="button eau">Eau</a> 
      <a href="#foret" id="foret" class="button foret">Foret</a> 
      <a href="#fourr" id="fourr" class="button fourr">Fourrage</a>
      <a href="#fru_1" id="fru_1" class="button fru_1">Fruit Dive</a>
      <a href="#fruit" id="fruit" class="button fruit">Fruits</a> 
      <a href="#habi" id="habi" class="button habi">Habitat</a> 
      <a href="#incul" id="incul" class="button incul">Inculte</a>
      <a href="#jache" id="jache" class="button jache">Jachere</a>
      <a href="#legum" id="legum" class="button legum">Legumineuse</a> 
      <a href="#luze" id="luze" class="button luze">Luzerne</a>
      <a href="#mais" id="mais" class="button mais">Mais</a>
      <a href="#marai" id="marai" class="button marai">Maraichage</a>      
      <a href="#navel" id="navel" class="button navel">Navel</a> 
      <a href="#oliv" id="oliv" class="button oliv">Olivier</a>
      <a href="#orge" id="orge" class="button orge">Orge</a> 
      <a href="#oued" id="oued" class="button oued">Oued</a>
      <a href="#parc" id="parc" class="button parc">Parcours</a> 
      <a href="#pdt" id="pdt" class="button pdt">Pomme de Terre</a> 
      <a href="#route" id="route" class="button route">Route</a>

      <!--The next buttons will draw different layers-->

      <a href="#irrig" id="irrig" class="button irrig">Irrigation - unwired</a> 
      <a href="#affaires" id="affaires" class="button affaires">Affaires - unwired</a>
      <a href="#bourses" id="bourses" class="button bourses">Bourses - unwired</a> 
      
  </div>
</body>

 <script type="infowindow/html" id="infowindow_template_crop">
    <div class="cartodb-popup">
 
      <a href="#close" class="cartodb-popup-close-button close">x</a>
 
       <div class="cartodb-popup-content-wrapper">
         <div class="cartodb-popup-content">
     
           <hr>
           <h4>{{content.data.libelle}}</h4>
           <h4>Nombre moyen de hectares cultives avec:</h4><hr>
           <img style="width:nning of the last recession and 42 months 100%" src="http://chart.apis.google.com/chart?chs=270x200&amp;cht=p&amp;chco=0033CC|3300CC|9900CC|CC0099|0099CC|0A47FF|4775FF|CC0033|00CC99|FFD147|FFC20A|CC3300|00CC33|33CC00|99CC00|CC9900|004D66|0029A3|0038E0|66001A|00664D|E0A800|A37A00|661A00&amp;chd=t:{{content.data.mean_autre}},{{content.data.mean_bett}},{{content.data.mean_ble}},{{content.data.mean_canal}},{{content.data.mean_clem}},{{content.data.mean_eau}},{{content.data.mean_foret}},{{content.data.mean_fourr}},{{content.data.mean_fru_1}},{{content.data.mean_fruit}},{{content.data.mean_habi}},{{content.data.mean_incul}},{{content.data.mean_jache}},{{content.data.mean_legum}},{{content.data.mean_luze}},{{content.data.mean_mais}},{{content.data.mean_marai}},{{content.data.mean_navel}},{{content.data.mean_oliv}},{{content.data.mean_orge}},{{content.data.mean_oued}},{{content.data.mean_parc}},{{content.data.mean_pdt}},{{content.data.mean_route}}&amp;chdlp=b&amp;chp=2&amp;chl=Autres|Betterave|Ble|Canal|Clementier|Eau|Foret|Fourrage|Fruit+Dive|Fruits|Habitat|Inculte|Jachere|Legumineuse|Luzerne|Mais|Maraichage|Navel|Olivier|Orge|Oued|Parcours|Pomme+de+Terre|Route&amp;chds=a&amp;chma=5,5,10,5|5"><hr><h4><em>Les donnees recueillies en 2011</ em></h4>
           
         </div>
       </div>
       <div class="cartodb-popup-tip-container"></div>
    </div>
  </script>


 <!--BUSINESS CLIMATE POPUPS-->
  <!--
-<script type="infowindow/html" id="infowindow_template_business">
    <div class="cartodb-popup">
 
      <a href="#close" class="cartodb-popup-close-button close">x</a>
 
       <div class="cartodb-popup-content-wrapper">
         <div class="cartodb-popup-content">
           <h4><strong>{{content.data.name}},{{content.data.descriptio}}</strong><hr>Nombre moyen de jours necessaires pour: <br/>* Creation de entreprise: {{content.data.days2ent}}<br/>*Demarrer une cooperative: {{content.data.days2coop}}<br/>* Obtenir un permis de construire: {{content.data.days2perm}}</h4><img src="http://chart.googleapis.com/chart?chf=bg,s,00000000&chxl=0:|Obtenir+un+permis+de+construire|Demarrer+une+cooperative|Creation+de+entreprise&chxt=y&chbh=20,30&chs=260x150&cht=bhs&chco=4D89F9&chds=0,260&chd=t:{{content.data.days2ent}},{{content.data.days2coop}},{{content.data.days2perm}}&chma=|5" width="260" height="150" alt=""/><hr><h4><em>Les données recueillies en 2010</ em></h4>           
         </div>
       </div>
       <div class="cartodb-popup-tip-container"></div>
    </div>
  </script>
-->

  <!--IRRIGATION POPUPS-->
  <!--
<script type="infowindow/html" id="infowindow_template_irrigation">
    <div class="cartodb-popup">
 
      <a href="#close" class="cartodb-popup-close-button close">x</a>
 
       <div class="cartodb-popup-content-wrapper">
         <div class="cartodb-popup-content">
           <h4>Ce bassin irrigue {{content.data.has_irrig}}hectares</h4>
           <h4>Cultures irriguees: <br>
           <em>{{content.data.cult_a}}<br>
           {{content.data.cult_b}}<br>
           {{content.data.cult_c}}<br>
           </em></h4>
           
         </div>
       </div>
       <div class="cartodb-popup-tip-container"></div>
    </div>
  </script>-->
  -->

  <!--GRANTS POPUPS-->
  <!--
<script type="infowindow/html" id="infowindow_template_grants">
    <div class="cartodb-popup">
 
      <a href="#close" class="cartodb-popup-close-button close">x</a>
 
       <div class="cartodb-popup-content-wrapper">
         <div class="cartodb-popup-content">
           <h4>{{content.data.organization_name}}</h4><hr>
           <h4>{{content.data.grant_title}}<br>
           <em>{{content.data.grant_summary}</em></h4>
           
         </div>
       </div>
       <div class="cartodb-popup-tip-container"></div>
    </div>
  </script>
 -->
</html>