console.log('lc=');
//$('#fbr_widget_recherche').html('');
var modetest='';
var appdev='';
if(modetest=="oui") appdev='app_dev.php/'; else appdev='';

var urlwidgetbase=fbr_url_widget+"/"+appdev;
var urlwidget=urlwidgetbase+'apiuser/';
$(document).ready(function () {
    entite_fbr_retournerecherche();
    
});

function entite_fbr_mettrephoto(id){
            lien=$('#fbr_photo'+id).attr("src");
        $('.fbr-img-top-fiche').attr("src", lien);
        $('.fbr-img-copyright-fiche').html($('#fbr_photocr'+id).html())
}
function entite_fbr_ouvrir(k){
    $('.fbr_visible'+k).show()
    $('html,body').animate({scrollTop: $("#ancre"+k).offset().top}, 'slow');
    $("#ancre"+k).hide();
}


function loadResourceFile(filename, filetype){
    if (filetype=="js" ){ //if filename is a external JavaScript file
        var fileref=document.createElement('script');
        fileref.type = "text/javascript";
        fileref.src = filename;
    }
    else if (filetype=="css" ){ //if filename is an external CSS file
        var fileref=document.createElement("link" );
        fileref.rel = "stylesheet";
        fileref.type = "text/css";
        fileref.href = filename;
    }
    if (typeof fileref!="undefined" )
        document.getElementsByTagName("head" )[0].appendChild(fileref);
}

if(widget_options.url_css_bootstrap !='' )loadResourceFile(widget_options.url_css_bootstrap, 'css');
if(widget_options.url_css_widget !='' )loadResourceFile(widget_options.url_css_widget, 'css');
if(widget_options.url_js_bootstrap !='' )loadResourceFile(widget_options.url_js_bootstrap, 'js');
if(widget_options.texte_afficher_plus !='' ) {
    var texte_afficher_plus=widget_options.texte_afficher_plus;
} else texte_afficher_plus="Afficher plus.";

var fileref;
function loadResourceFile2(filename,filetype,integrity,cross){
    if (filetype=="js" ){ //if filename is a external JavaScript file
        fileref=document.createElement('script');
        fileref.type = "text/javascript";
        fileref.src = filename;
        fileref.crossOrigin = cross;
        fileref.integrity = integrity;
    }
    else if (filetype=="css" ){ //if filename is an external CSS file
        fileref=document.createElement("link" );
        fileref.rel = "stylesheet";
        fileref.type = "text/css";
        fileref.href = filename;
        fileref.crossOrigin = cross;
        fileref.integrity = integrity;


    }

    if (typeof fileref!="undefined" )
        document.getElementsByTagName("head" )[0].appendChild(fileref);
}


/*
    affichage du bloc recherche
 */
function entite_fbr_retournerecherche() {
    var ladate=new Date();

    $.ajax({
        url: urlwidget+'widgetentitejs?apiid=RCXKj6uhS&s=entete&lc=&d='+ladate,
        dataType: 'html',
        type: 'GET',
        success: function (data, textStatus, XMLHttpRequest) {
            $('#fbr_widget_entite_recherche').html(data);
            entite_chargefiltreoptions();
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            $('#fbr_widget_entite_recherche').html('erreur chargement recherche widget');
            console.log('erreur chargement recherche widget \n'+urlwidget+'widgetentitejs?apiid=RCXKj6uhS&s=entete&lc=&d='+ladate);
        }
    });
}
function entite_fbr_modifier(){
    $('#fbr_modif_fiche').fadeIn();
    $('#fbr_modif_fiche_info').fadeOut();
    $( "html, body" ).animate({
        "scrollTop": $('#fbr_modif_fiche').offset().top
    }, 1000 );
}
function entite_fbr_modifier_annuler(){
    $('#fbr_modif_fiche').fadeOut();
    $('#fbr_modif_fiche_info').fadeOut();

}
var taillecarto=$('#fbr_widget_map').height();

$('#fbr_widget_entite_carto' ).show();

function entite_fbr_retourneresultat() {
    ladate=new Date();
    console.log(urlwidget+'listeentite?apiid=RCXKj6uhS&lc=&m=html&pagi='+widget_options.rep_par_page+'&d='+ladate);
    $('#fbr_widget_map').css('height',taillecarto);
    $.ajax({
        url: urlwidget+'listeentite?apiid=RCXKj6uhS&lc=&m=html&pagi='+widget_options.rep_par_page+'&d='+ladate,
        dataType: 'html',
        type: 'GET',
        data:$('#fbr_widget_entite_form').serialize(),
        success: function (data, textStatus, XMLHttpRequest) {

            $('#fbr_widget_entite_resultat' ).html(data);
            console.log(' 1');
            
            entite_charge_carto();

                    },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            $('#fbr_widget_entite_resultat').html('erreur chargement resultat widget');
            console.log('erreur chargement resultat widget\n '+urlwidget+'liste?apiid=RCXKj6uhS&lc=&m=html&pagi='+widget_options.rep_par_page+'');
        }
    });
}
var lat = 48.852969;
var lon = 2.349903;
var macarte = null;
var markerClusters;

var villes = {};
function entite_charge_carto(){


    if(this.macarte) {
       macarte.remove();
    }
  ;
    console.log(villes.length);
    initMap();

}
var positiontop=0;
function entite_fbr_fiche(ide){
    $('.fbr_fiche'+ide).show();
    $('.fbr_fiche'+ide).addClass("fbr-select");

    $('#fbr_widget_entite_resultat').animate({'opacity':'0'},500).hide();
    $('#fbr_widget_map').animate({'height':'100px'},1000);
    $('#fbr_widget_entite_fiche').show().animate({'opacity':'1'},1000);

    $('#fbr_widget_entite_fiche').html('<img src="http\u003A\/\/bddbois.fibois\u002Dfrance.fr\/images\/loader.gif">  Chargement de la fiche en cours...');
    $.ajax({
        url: urlwidget+'ficheentitewidget/'+ide+'/fiche?apiid=RCXKj6uhS&m=html',
        dataType: 'html',
        type: 'GET',
        success: function (data, textStatus, XMLHttpRequest) {

            $('#fbr_widget_entite_fiche' ).html(data);

        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            $('#fbr_widget_entite_fiche').html('erreur chargement fiche widget');
            console.log('erreur chargement fiche widget');
        }
    });
}
function entite_fbr_recherche_lance(){
    $('#fbr_widget_entite_fiche').animate({'opacity':'0'},1500).hide();
    $('#fbr_widget_entite_resultat').show().animate({'opacity':'1'},1500);
    $('.fbr_fiche').removeClass("fbr-select");

    $('#fbr_widget_entite_resultat').html('<img src="http\u003A\/\/bddbois.fibois\u002Dfrance.fr\/images\/loader.gif"> Recherche en cours...');
    entite_fbr_retourneresultat();
}
function entite_fbr_retourliste(ide){
    console.log(ide);

    $('#fbr_widget_map').animate({'height':taillecarto+'px'},1500);
    //$('.fbr_fiche'+ide).show();
    $('#fbr_widget_entite_fiche').animate({'opacity':'0'},1500).hide();
    $('#fbr_widget_entite_resultat').show().animate({'opacity':'1'},1500);

    $('.fbr_fiche'+ide).addClass("fbr-select");
    $( "html, body" ).animate({
        "scrollTop": $('.fbr_fiche'+ide).offset().top
    }, 1000 );




}
function entite_chargefiltreoptions(){
        
    //fbr_recherche_lance();
}

// Fonction d'initialisation de la carte

function initMap() {
    var markers = [];
    // Créer l'objet "macarte" et l'insèrer dans l'élément HTML qui a l'ID "map"
    macarte = L.map('fbr_widget_map').setView([lat, lon], 11);

    markerClusters = L.markerClusterGroup();
    // Leaflet ne récupère pas les cartes (tiles) sur un serveur par défaut. Nous devons lui préciser où nous souhaitons les récupérer. Ici, openstreetmap.fr
    L.tileLayer('https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png', {
        // Il est toujours bien de laisser le lien vers la source des données
        attribution: 'données © OpenStreetMap/ODbL - rendu OSM France',
        minZoom: 1,
        maxZoom: 20
    }).addTo(macarte);
    for (ville in villes) {
        var myIcon = L.icon({
            iconUrl: "http\u003A\/\/bddbois.fibois\u002Dfrance.fr\/images\/pictobleublanc.png",
            iconSize: [56, 56],
            iconAnchor: [25, 50],
            popupAnchor: [-3, -76],
        });
        var marker = L.marker([villes[ville].lat, villes[ville].lon], { icon: myIcon });
        marker.bindPopup(ville+'<br><div class="text-center"> <button type="button" class="btn btn-xs btn-success fbr_btn_fiche" onclick="entite_fbr_fiche(\''+villes[ville].id+'\')"><i class="fa fa-eye"></i> voir</button></div>');
        markerClusters.addLayer(marker);
        markers.push(marker);
    }
    var group = new L.featureGroup(markers); // Nous créons le groupe des marqueurs pour adapter le zoom
    macarte.fitBounds(group.getBounds().pad(0.5)); // Nous demandons à ce que tous les marqueurs soient visibles, et ajoutons un padding (pad(0.5)) pour que les marqueurs ne soient pas coupés
    macarte.addLayer(markerClusters);
}
window.onload = function(){
    // Fonction d'initialisation qui s'exécute lorsque le DOM est chargé
    initMap();
};