{if $_vars.acces !="detail" &&  $_vars.acces !=""  }
    {literal}
    <script>
        jQuery(document).ready(function () {

            $elem_de_recherche=$("#rerche").val();
            if($elem_de_recherche !=""){
                afficheRech($elem_de_recherche);
                $("#ldrech").val($elem_de_recherche);
            }

             $('#ldrech').on('click', function () {
                 tophaute=jQuery(".block-recherche").position().top + jQuery(".block-recherche").height()+17;
                 jQuery("#idrech").css("top", tophaute);
                 $("#idrech").css("display","block");
             });
             
             $('.btn-close').on('click', function () {
                 $("#idrech").css("display","none");
                 $(".intef-rech").html("");
             });

            $('.rchercherbtn').on('click', function () {  
                
                 $(".intef-rech row").html("");
                // do something
                x = $('#ldrech').val();
                y = x.length;
                cats=$("#cats").val();
                rech1=$("#rerchalcats").val();
                console.log(rech1);
                $("#idrech").slideDown("slow");
                
                
                $(".btn-rech-load").css("display","block");
                if( y > 2 ){

                    jQuery.ajax({
                        type: "POST",
                        url: '/modules/catalogue_etendu_17/views/navigate/ajax/selectitem.php',
                        data: {"objsherch":x,"cats":cats ,"allcats":rech1},
                        success: function (data) {
                            console.log(data);
                            var json = JSON.parse(data);
                            var arr=[];
                            for(var x in json){
                                arr.push(json[x]);

                            }
                            //console.log("res: "+arr);
                           // console.log(arr);
                            nblivre=arr.length;
                            var lignes_SousolHTML = '';
                            lignes_SousolHTML +='<div  class="form-group" >';
                            lignes_SousolHTML +='<div  class="col-md-12" >';

                            for(i in arr){

                                lignes_SousolHTML +='<div id="item'+i+'" class="col-md-3 col-sm-6 block-item-rech" >';
                                lignes_SousolHTML +='<a class="col-sm-12" href="catalogue-3-53_'+arr[i]["id_cat"]+'-detail-'+arr[i]["id"]+'-'+arr[i]["url"]+'.html#contenu122" >';
                                lignes_SousolHTML +='<div class="img-principal-resh"><img src="ressources/catalogue_etendu_17/items/'+arr[i]["img"]+'" class="img-responsive" alt="" /></div>';
                                lignes_SousolHTML +='<div class="titre-rech">'+arr[i]["title"]+'</div>';
                                lignes_SousolHTML +='</a>';
                                lignes_SousolHTML +='</div>';
                            }
                            lignes_SousolHTML +='</div>';

                            lignes_SousolHTML +='</div>';
                          //  $(".intef-rech").html(lignes_SousolHTML);

                            if(nblivre==0){
                                $(".intef-rech").html(" <div class=\"intef-rech row\">\n" +"<i class=\"fa fa-spinner fa-spin\" style=\"font-size:10px\"></i>\n" +
                                    "</div><h3 style='text-align: center;color: red;'>Aucun résultat </h3>");
                                $("#idrech").css("min-height","80px");
                            }else {
                                 $(".intef-rech").html(lignes_SousolHTML);
                                $("#idrech").css("min-height","353px");
                            }

                            $(".selectitem").click(function () {
                                id=$(this).data("id");
                                updateselect(id);

                            });
                          $(".btn-rech-load").css("display","none");

                        }

                    });


                   // $("#idrech").slideDown("slow");





                }
                else{


                   // $("#idrech").slideUp("slow");
                   delsetesession();
                }



          

            });

        });

        function afficheRech(elem) {

            cats=$("#cats").val();
            console.log("test"+cats);
            jQuery.ajax({
                type: "POST",
                url: '/modules/catalogue_etendu_17/views/navigate/ajax/selectitem.php',
                data: {"objsherch":elem,"cats":cats},
                success: function (data) {
                    //console.log(data);
                    var json = JSON.parse(data);
                    var arr=[];
                    for(var x in json){
                        arr.push(json[x]);

                    }
                    //console.log("res: "+arr);
                    // console.log(arr);
                    nblivre=arr.length;
                    //console.log(nblivre);
                    var lignes_SousolHTML = '';
                    lignes_SousolHTML +='<div  class="form-group" >';
                    lignes_SousolHTML +='<div  class="col-md-12" >';

                    for(i in arr){

                        lignes_SousolHTML +='<div id="item'+i+'" class="col-md-3 block-item-rech" >';
                        lignes_SousolHTML +='<a class="col-sm-12" href="catalogue-3-53_'+arr[i]["id_cat"]+'-detail-'+arr[i]["id"]+'-'+arr[i]["url"]+'.html#contenu122" >';
                        lignes_SousolHTML +='<div class="img-principal-resh"><img src="ressources/catalogue_etendu_17/items/'+arr[i]["img"]+'" class="img-responsive" alt="" /></div>';
                        lignes_SousolHTML +='<div class="titre-rech">'+arr[i]["title"]+'</div>';
                        lignes_SousolHTML +='</a>';
                        lignes_SousolHTML +='</div>';
                    }


                    lignes_SousolHTML +='</div>';
                    lignes_SousolHTML +='</div>';
                    //  $(".intef-rech").html(lignes_SousolHTML);

                    if(nblivre==0){
                        $(".intef-rech").html(" <div class=\"intef-rech row\">\n" +"<i class=\"fa fa-spinner fa-spin\" style=\"font-size:10px\"></i>\n" +
                            "</div><h3 style='text-align: center;color: red;'>Aucun résultat </h3>");
                        $("#idrech").css("min-height","80px");
                    }else {
                        $(".intef-rech").html(lignes_SousolHTML);
                        $("#idrech").css("min-height","353px");
                    }

                    $(".selectitem").click(function () {
                        id=$(this).data("id");
                        updateselect(id);

                    });

                    urlff=[];
                    nbitem=$(".block-item-rech").length;
                    nb=window.location.pathname.split('/')[1].length;
                    if(nb==16){
                        urlff= window.location.pathname.split('/')[1];
                    }else{
                        urlff= window.location.pathname.split('/')[1].split('_')[1].split('-')[1];
                    }
                    // console.log(nblivre);
                    // urlff=urlff[1];
                    //urlff =urlff.split('_');
                    // urlff=urlff[1];
                    //urlff =urlff.split('-');
                   // console.log(urlff);
                    if( (urlff !='detail') && (nblivre > 0) ){

                      //  $("#idrech").slideDown("slow");

                    }


                }

            });

            //console.log("url : "+urlff);
           // $("#idrech").slideDown("slow");
        }
        function updateselect(elem) {
    //alert(elem);
            jQuery.ajax({
                type: "POST",
                url: '/modules/catalogue_etendu_17/views/navigate/ajax/selectonitem.php',
                data: {"objsherch":elem},
                success: function (data) {
                   // console.log(data);
                    var json = JSON.parse(data);
                    var arr=[];
                    for(var x in json){
                        arr.push(json[x]);

                    }
                    //console.log("res: "+arr);
                   // console.log(arr);
                    nblivre=arr.length;
                    var lignes_SousolHTML = '';
                    lignes_SousolHTML +='<div  class="form-group" >';
                    lignes_SousolHTML +='<div  class="col-md-12" >';

                    for(i in arr){

                        lignes_SousolHTML +='<div id="item'+i+'" class="col-md-3 block-item-rech" >';
                        lignes_SousolHTML +='<a href="catalogue-3-53_'+arr[i]["id_cat"]+'-detail-'+arr[i]["id"]+'-'+arr[i]["url"]+'.html#contenu122" >';
                        lignes_SousolHTML +='<div class="img-principal-resh"><img src="ressources/catalogue_etendu_17/items/'+arr[i]["imageprincipal"]+'" class="img-responsive" alt="" /></div>';
                        lignes_SousolHTML +='<div class="titre-rech">'+arr[i]["title"]+'</div>';
                        lignes_SousolHTML +='</a>';
                        lignes_SousolHTML +='</div>';
                    }
                    lignes_SousolHTML +='</div>';

                    $(".intef-rech").html(lignes_SousolHTML);


                }

            });
        }
        function delsetesession() {

            jQuery.ajax({
                type: "POST",
                url: '/modules/catalogue_etendu_17/views/navigate/ajax/forgeted.php',
                data: {},
                success: function (data) {
                    // console.log(data);



                }

            });

        }
    </script>
    {/literal}
    <input type="text" id="rerchalcats" value="{$_vars.allcatscond}" style="visibility: hidden;" />
    <input type="text" id="rerche" value="{$_vars.itemrech}" style="visibility: hidden;"/>
    <input type="text" id="cats" value="{$_vars.getcats}" style="visibility: hidden;" />
    <div class="form-group block-recherche">
       
        <div class="interne-recherche col-md-12 col-sm-12 col-xs-12">
             <div class="btn-rech">
                    <input type="text" id="ldrech" class="lient-recherche" placeholder="RECHERCHEZ : ENTREZ JUSTE UN OU PLUSIEURS MOTS CLEF ET VALIDEZ ..." />
             </div>
            
             <div class="rchercherbtn btn-rech"> Valider</div>
            
        </div>
       
    </div>
    <div id="idrech" class="form-group" style="display: none">
        <div class=" block-header col-md-12 col-sm-12 col-xs-12">
            <div class="btn-rech-load" style="display:none;">
               <i class="fa fa-spinner fa-spin" style="font-size:10px"></i>
            </div>
           <div class="btn-close">
               <i class="fa fa-times" aria-hidden="true"></i>
            </div>
        </div>
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="intef-rech row">
                <i class="fa fa-spinner fa-spin" style="font-size:10px"></i>
            </div>
            <div class="view-result-shearch">

            </div>
        </div>

    </div>

{/if}