var _LB_Map_ObjInfo_1 = {mataCatergory:[]};
var DomObj;
//_LB_Map_ObjInfo_1.mataCatergory
(function () {
    var ID = '4f2594b2-8adf-4a90-b679-d4fff997fbe0';
    var LocationID = '4f2594b2-8adf-4a90-b679-d4fff997fbe0';
    var TestClientId = '';
    var loadFile = "https://api.locationbank.net/storelocator/";  
    var Debug = 'False';
    var Layout = 'template2';
    var Platform = 'web';
    var bOverrideDetailURL = false;
    var strDetailURL = "";
    var SLMPage = '';
    var Unit = 'metric'; // metric impearl
    var AddressLayout = ''; // usa , sa ,
    var TimeFormat = '24'; // 24 or 12 
    var km2mil = 1.609344
    var localizeText = {"usa":{"Country":"Country","Province":"State/Region","City":"City","Area":"Area","AddressLineLocality":"Locality,AdministrativeArea"},
                        "default":{"Country":"Country","Province":"Province","City":"City","Area":"Area","AddressLineLocality":"Locality"}} 
    const sliderResponsiveSettings = [
        {
            breakpoint: 1024,
            settings: {
                slidesToShow: 3,
                slidesToScroll: 3,
                infinite: true,
                dots: true
            }
        },
        {
            breakpoint: 600,
            settings: {
                slidesToShow: 2,
                slidesToScroll: 1
            }
        },
        {
            breakpoint: 480,
            settings: {
                slidesToShow: 1,
                slidesToScroll: 1
            }
        }
    ];

    _LB_Map_ObjInfo_1.Layout = Layout;
    let lodIDtmp = new URLSearchParams(window.location.search).get("locationid");
    if(lodIDtmp!=null){
        LocationID = lodIDtmp;
    }else{
        let lodIDtmp = new URLSearchParams(window.location.search).get("id");
        if(lodIDtmp!=null){
            LocationID = lodIDtmp;
        }else{
            let path = window.location.pathname;
            if(!path.endsWith("/")){
                path=path+"/";
            }
            path = window.location.origin + path;
            if(window.location.href.indexOf("#")!=-1){
                LocationID = encodeURI( path+window.location.hash.replace("#","")).toLowerCase();                
            }else if(window.location.href.indexOf("?")!=-1){
                LocationID = encodeURI( path+window.location.search.replace("?","")).toLowerCase();                
            }
            

        }
    }
    if(SLMPage===''){
        let SLMPagetmp = new URLSearchParams(window.location.search).get("SLMPage");
        if(SLMPagetmp!=null){
            SLMPage = SLMPagetmp;
        }
    }
    
     
    var mapDiv;
    
    if (window.jQuery === undefined || window.jQuery.fn.jquery !== "1.9.1") {
        var d = document.createElement("script");
        d.setAttribute("type", "text/javascript");
        d.setAttribute("src", "https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js");
        if (d.readyState) {
            d.onreadystatechange = function() {
                if (this.readyState == "complete" || this.readyState == "loaded") {
                    StoreLocationLoad()
                }
            }
        } else {
            d.onload = StoreLocationLoad
        }
        (document.getElementsByTagName("head")[0] || document.documentElement).appendChild(d)
    } else {
        DomObj = window.jQuery;
        StoreLocationLoadDone()
    }
    function StoreLocationLoad() {
        //check that viewport is set 
        var x = document.getElementsByTagName("meta");
        let bfound = false; 
        for(let i=0;i<x.length;i++){
            if(x[i].getAttribute("name")!==null){
                if(x[i].getAttribute("name").toLowerCase()==="viewport"){
                    x[i].setAttribute("content","width=device-width, initial-scale=1");                    
                    bfound= true;
                }
            }
            
        }
        if(bfound===false){
            var node = document.createElement("meta");
            node.setAttribute("content","width=device-width, initial-scale=1");
            node.setAttribute("name","viewport");
            let header = document.head || document.getElementsByTagName("head")[0];
            header.appendChild(node);
        } 
        DomObj = window.jQuery.noConflict(true);
        
        StoreLocationLoadDone()
    }
    function StoreLocationLoadDone() {
        DomObj.expr[':'].Contains = function(a,i,m){
            return (a.textContent || a.innerText || "").toUpperCase().indexOf(m[3].toUpperCase())>=0;
        };
        var ID = '4f2594b2-8adf-4a90-b679-d4fff997fbe0'; 
        var MainDiv = document.getElementById(ID);
        MainDiv.appendChild(CreateScript("https://locationbank.net/" + "lib/slick/slick.js"));
        MainDiv.appendChild(CreateCSS("https://locationbank.net/" + "css/publicLocationDetails.css"));
        MainDiv.appendChild(CreateCSS("https://locationbank.net/" + "css/bootstrap-iso.min.css"));
        MainDiv.appendChild(CreateScript("https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/markerclusterer.js"));
        MainDiv.appendChild(CreateScript("https://maps.googleapis.com/maps/api/js?key=AIzaSyBhXCfT3P95gZVzbNofMgsvy9vVhmRXcfE&callback=_LB_Map_ObjInfo_1.initMap&libraries=geometry"));
        MainDiv.appendChild(CreateCSS("https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css"));
        MainDiv.appendChild(CreateCSS("https://locationbank.net/" + "lib/slick/slick-theme.min.css"));
        MainDiv.appendChild(CreateCSS("https://locationbank.net/" + "lib/slick/slick.min.css"));
        //load css 
        createBody();
        if(MainDiv.attributes.getNamedItem("data-detail-url")!=null){
            bOverrideDetailURL = true;
            strDetailURL = MainDiv.attributes.getNamedItem("data-detail-url").value;
        }

        var node = document.createElement("div");
        node.className="LB_Loading"
        node.innerHTML = "Loading";
        MainDiv.appendChild(node);
       
    }
    function createBody(){
        let mainWindow = `    <!-- template2 -->
    <div id='LB_BODY' class='bootstrap-iso LB_BODY-iso' itemscope itemtype="https://schema.org/Place">
        <div class='container-fluid template_background' id='LB_Details' itemprop="mainContentOfPage">
            <div class="row template_row row-eq-height">
                <div class="col-12 col-lg-7 col-md-8 col-sm-8 col-xs-12 template_block">
                    <div class="col-md-12">
                        <div class="smallPhone" id="LB_Details_Name">
                            <!--Location Name-->
                    </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 col-no-right-Pad" id="LB_Details_Address">
                            <!--Address-->
                    </div>
                        <div class="col-md-6" id="LB_Details_map">
                            <div id='LB_MAPBOX' class='p0 MapTemplate2'>
                                <!--Map-->
                            <div id='LB_MAP_4f2594b2-8adf-4a90-b679-d4fff997fbe0' class='LB_MAP p0'></div>
                            </div>
                            <div class="template_buttons btn-group" id="PhoneDirectionButtons">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-lg-5 col-md-4 col-sm-4 col-xs-12 template_block" id="Media_Column">
                    <div class="template_media" id="LB_Details_media"></div>
                    <div class="LB_Details_Social_bottom">
                        <div id="LB_Details_Social"></div>
                    </div>
                </div>
            </div>
            <div class="row template_row row-eq-height">
                <div class="col-12 col-lg-7 col-md-6 col-sm-12 col-xs-12 template_block" id="About_Column">
                    <div id="LB_Details_description" itemprop="description"></div>
                </div>
                <div class="col-12 col-lg-5 col-md-6 col-sm-12 col-xs-12 template_block" id="Reviews_Column">
                    <div id="LB_Details_review"></div>
                </div>
            </div>
            <div class="row template_row row-eq-height" id="LB_Nearby_hr">
                <div class="col-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 template_block" id="Nearby_Column">
                    <div class="AddressPadding3" id="LB_Nearby_locations"></div>
                </div>
            </div>
        </div>
    </div>
`;
        DomObj( "#"+ID ).append( mainWindow );
        
         
    }
    let layoutCSS = "";
    if(_LB_Map_ObjInfo_1.Layout=="template1"){
        layoutCSS = `/*template 0*/
                .LB_BODY-iso .template_news {margin-left: 0px !important;}
                .LB_BODY-iso .template_news h4 {margin-left: 20px !important;}
                #LB_Details_Social {margin-left: 20px !important;}
                .bootstrap-iso #LB_News .slider {margin-left: 20px !important;}
                .bootstrap-iso #LB_News .slick-prev {left: -25px;}
                @media screen and (min-width: 800px) {
                    .bootstrap-iso #LB_News .interlock .card IMG {height: 180px !important; width: auto !important;}
                    .bootstrap-iso #LB_News .interlock {height: 260px !important;  width: auto !important;}
                    .bootstrap-iso #LB_Details_media .interlock {height: 280px !important;  width: auto !important;}
                    .bootstrap-iso #LB_Details_media .interlock IMG {height: 270px !important;  width: auto !important;}
                }`;
    }
    if(_LB_Map_ObjInfo_1.Layout=="template2"){
        layoutCSS = `/*template 1*/
                .LB_BODY-iso .template_media {margin-left: 0px !important;}
                .LB_BODY-iso .template_media h4 {margin-left: 20px !important;}
                #LB_Details_media {margin-left: 20px !important;}
                .bootstrap-iso #LB_Details_media .slider {margin-left: 20px !important;}
                .bootstrap-iso #LB_Details_media .slick-prev {left: -25px;}
                @media screen and (min-width: 800px) {
                    .bootstrap-iso #LB_Details_media .interlock .card IMG {height: 280px !important; width: auto !important;}
                    .bootstrap-iso #LB_Details_media .interlock {height: 280px !important;  width: auto !important;}
                    .bootstrap-iso #LB_News .interlock {height: 280px !important;  width: auto !important;}
                    .bootstrap-iso #LB_News .interlock IMG {height: 270px !important;  width: auto !important;}
                }@media screen and (min-width: 1024px) and (max-width: 1400px) {
                    .bootstrap-iso #LB_Details_media .interlock .card IMG {height: 420px !important; width: auto !important;}
                    .bootstrap-iso #LB_Details_media .interlock {height: 420px !important;  width: auto !important;}
                    .bootstrap-iso #LB_News .interlock {height: 280px !important;  width: auto !important;}
                    .bootstrap-iso #LB_News .interlock IMG {height: 270px !important;  width: auto !important;}
                }@media screen and (min-width: 1400px) and (max-width: 1800px) {
                    .bootstrap-iso #LB_Details_media .interlock .card IMG {height: 350px !important; width: auto !important;}
                    .bootstrap-iso #LB_Details_media .interlock {height: 350px !important;  width: auto !important;}
                    .bootstrap-iso #LB_News .interlock {height: 280px !important;  width: auto !important;}
                    .bootstrap-iso #LB_News .interlock IMG {height: 270px !important;  width: auto !important;}
                }
                 `;
    }
    if(_LB_Map_ObjInfo_1.Layout=="template3"){
        layoutCSS = `/*template 3*/
                .LB_BODY-iso .template_news {margin-left: 0px !important;}
                .LB_BODY-iso .template_news h4 {margin-left: 20px !important;}
                #LB_Details_Social {margin-left: 20px !important;}
                .bootstrap-iso #LB_News .slider {margin-left: 20px !important;}
                .bootstrap-iso #LB_News .slick-prev {left: -25px;}
                @media screen and (min-width: 800px) {
                    .bootstrap-iso #LB_News .interlock .card IMG {height: 180px !important; width: auto !important;}
                    .bootstrap-iso #LB_News .interlock {height: 260px !important;  width: auto !important;}
                    .bootstrap-iso #LB_Details_media .interlock {height: 280px !important;  width: auto !important;}
                    .bootstrap-iso #LB_Details_media .interlock IMG {height: 270px !important;  width: auto !important;}
                }`;
    }
    _LB_Map_ObjInfo_1.CreateCSSRules = function(){
        let strStyle = `<style type='text/css'> 
                .bootstrap-iso #LB_News .glyphicon-one-fine-full-dot:before{ color:${_LB_Map_ObjInfo_1.StoreLocationInfo.detailsPostNavigationColor};} 
                .bootstrap-iso #LB_News .slick-dots li button:before {color:${_LB_Map_ObjInfo_1.StoreLocationInfo.detailsPostNavigationColor}}
                .bootstrap-iso #LB_News .slick-dots li.slick-active button:before {color:${_LB_Map_ObjInfo_1.StoreLocationInfo.detailsPostNavigationColor}} 
                .bootstrap-iso #LB_News .slick-prev:before,
                .bootstrap-iso #LB_News .slick-next:before {color: ${_LB_Map_ObjInfo_1.StoreLocationInfo.detailsPostNavigationColor};}
                .bootstrap-iso #LB_Details_media .glyphicon-one-fine-full-dot:before{ color:${_LB_Map_ObjInfo_1.StoreLocationInfo.detailsMediaNavigationColor};} 
                .bootstrap-iso #LB_Details_media .slick-dots li button:before {color:${_LB_Map_ObjInfo_1.StoreLocationInfo.detailsMediaNavigationColor}}
                .bootstrap-iso #LB_Details_media .slick-dots li.slick-active button:before {color:${_LB_Map_ObjInfo_1.StoreLocationInfo.detailsMediaNavigationColor}} 
                .bootstrap-iso #LB_Details_media .slick-prev:before,
                .bootstrap-iso #LB_Details_media .slick-next:before {color: ${_LB_Map_ObjInfo_1.StoreLocationInfo.detailsMediaNavigationColor};}
                .bootstrap-iso #LB_Details_media .slick-prev {left: -25px;}
                .bootstrap-iso #LB_News .slick-prev {left: -25px;}  
                ${layoutCSS}

                </style>`;
        DomObj(strStyle).appendTo("#"+ID);
        _LB_Map_ObjInfo_1.slick_nextArrow=`<button class="slick-next" aria-label="Next" type="button"><svg height="28" id="Layer_1" version="1.1" viewBox="0 0 16 28" width="16" ><defs id="defs7" /><path d="M 2.05941,0.901293 2.2345,1.051371 15.28296,12.39061 C 15.72486,12.77414 16,13.34944 16,13.99144 c 0,0.642 -0.28348,1.2173 -0.71704,1.60084 L 2.25951,26.92318 2.04273,27.11495 C 1.83429,27.25669 1.58416,27.34006 1.31735,27.34006 0.59197,27.34006 0,26.72307 0,25.95601 v 0 -23.912456 0 C 0,1.276488 0.59197,0.6595 1.31735,0.6595 c 0.27515,0 0.53361,0.09171 0.74206,0.241793 z" id="path2" style="stroke-width:0.0833768;fill:${_LB_Map_ObjInfo_1.StoreLocationInfo.detailsMediaNavigationColor}" /></svg></button>`;
        _LB_Map_ObjInfo_1.slick_prevArrow=`<button class="slick-prev" aria-label="Previous" type="button"><svg height="28" id="Layer_1" version="1.1" viewBox="0 0 16 28" width="16" ><defs id="defs7" /><path d="M 13.94059,0.901293 13.7655,1.051371 0.71704,12.39061 C 0.27514,12.77414 0,13.34944 0,13.99144 c 0,0.642 0.28348,1.2173 0.71704,1.60084 l 13.02345,11.3309 0.21678,0.19177 c 0.20844,0.14174 0.45857,0.22511 0.72538,0.22511 0.72538,0 1.31735,-0.61699 1.31735,-1.38405 v 0 -23.912456 0 C 16,1.276488 15.40803,0.6595 14.68265,0.6595 c -0.27515,0 -0.53361,0.09171 -0.74206,0.241793 z" id="path2" style="stroke-width:0.0833768;fill:${_LB_Map_ObjInfo_1.StoreLocationInfo.detailsMediaNavigationColor}" /></svg></button>`;
    }
    _LB_Map_ObjInfo_1.ShowAddressInfo = function(loc){
        let address = "";
            if(loc.addressLine1!==""){
                address+=loc.addressLine1 + "<br>";
            }
            if(loc.addressLine2!==""){
                address+=loc.addressLine2 + "<br>";
            }
            if(loc.subLocality!==""){
                address+=loc.subLocality + "<br>";
            }
            if(loc.locality!==""){
                if(_LB_Map_ObjInfo_1.AddressLineLocality=="Locality,AdministrativeArea"){
                    if(loc.administrativeArea!=""){
                        address+=loc.locality + ", " +loc.administrativeArea + " " + loc.postalCode + "<br>"
                    }else{
                        address+=loc.locality + "<br>";
                    }
                }else{
                    address+=loc.locality + "<br>";
                } 
            }
            if(loc.postalCode!=="" && _LB_Map_ObjInfo_1.AddressLineLocality!=="Locality,AdministrativeArea"){
                address+=loc.postalCode + "<br>";
            }
        let addressHtml="";
        if(_LB_Map_ObjInfo_1.StoreLocationInfo.showDetailsAddress){
            addressHtml = `<div class="row pb-sm">
                    <div class="col-lg-1 col-md-2 col-sm-1 col-xs-1">
                        <span class="glyphicon glyphicon-map-marker"></span>
                    </div>
                    <div class="col-lg-11 col-md-10 col-sm-10 col-xs-10" itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
                         ${address}   
                    </div>
                </div>`
        }
        let serviceAreasHtml="";
        if(_LB_Map_ObjInfo_1.StoreLocationInfo.showDetailsAddress){
            serviceAreasHtml = `<div class="row pb-sm">
                    <div class="col-lg-1 col-md-2 col-sm-1 col-xs-1">
                        <span class="glyphicon glyphicon-map-marker"></span>
                    </div>
                    <div class="col-lg-11 col-md-10 col-sm-10 col-xs-10" itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
                         ${_LB_Map_ObjInfo_1.StoreLocationInfo.locations[0].serviceAreaPlaces}   
                    </div>
                </div>`
        }
        let email="";
        if((loc.email!=="" && loc.email!==null) && _LB_Map_ObjInfo_1.StoreLocationInfo.showDetailsEmailAddresses){
            let aemail = loc.email.split(";");
            let emailList = aemail.map(x=>{return `<a href="mailto:${x}" target="_blank">${x}</a>`}).join(" ");

            email = `<div class="row pb-sm  ">
                    <div class="col-lg-1 col-md-2 col-sm-1 col-xs-1">
                        <span class="glyphicon glyphicon-envelope"></span>
                    </div>
                    <div class="col-lg-11 col-md-10 col-sm-10 col-xs-10">
                        ${emailList}
                    </div>
                </div> `;
        }
        let phone = "";
        let phone1 = "";
        if(_LB_Map_ObjInfo_1.StoreLocationInfo.showDetailsPhoneNumber && loc.primaryPhone!=""){
            phone=`<div class="row pb-sm">
                    <div class="col-lg-1 col-md-2 col-sm-1 col-xs-1">
                        <span class="glyphicon glyphicon-earphone "></span>
                    </div>
                    <div class="col-lg-11 col-md-10 col-sm-10 col-xs-10">
                        <a href="tel:${loc.primaryPhone}" itemprop="telephone">${loc.primaryPhone}</a>

                    </div>
                </div>`;
        }
        if(_LB_Map_ObjInfo_1.StoreLocationInfo.showDetailsAdditionalPhone && loc.additionalPhone1!=""){
            phone1=`<div class="row pb-sm">
                    <div class="col-lg-1 col-md-2 col-sm-1 col-xs-1">
                        <span class="glyphicon glyphicon-phone "></span>
                    </div>
                    <div class="col-lg-11 col-md-10 col-sm-10 col-xs-10">
                        <a href="tel:${loc.primaryPhone}">${loc.additionalPhone1}</a>

                    </div>
                </div>`;
        }
        if(_LB_Map_ObjInfo_1.StoreLocationInfo.locations[0].serviceAreaBusinessType == 2 || _LB_Map_ObjInfo_1.StoreLocationInfo.locations[0].serviceAreaBusinessType == 1)
        {
            let serviceAreas = '<div > '+ 
                `<div class="row"> 
                    <div class="col-lg-11 col-md-10 col-sm-10 col-xs-10 ">
                        <h4><b>Service Areas</b></h4>
                    </div> 
                </div> 
                ${serviceAreasHtml} 
                </div> `;
            DomObj("#"+ID + " #LB_Details_Address").append(DomObj(serviceAreas));
        }
        if(_LB_Map_ObjInfo_1.StoreLocationInfo.locations[0].serviceAreaBusinessType == 0 || _LB_Map_ObjInfo_1.StoreLocationInfo.locations[0].serviceAreaBusinessType == 1)
        {
            let contact = '<div > '+ 
                `<div class="row"> 
                    <div class="col-lg-11 col-md-10 col-sm-10 col-xs-10 ">
                        <h4><b>Address</b></h4>
                    </div> 
                </div>  
                ${addressHtml}
                ${phone}
                ${phone1}
                ${email}  
                </div> `;
            DomObj("#"+ID + " #LB_Details_Address").append(DomObj(contact));
        }
        
        let clickHander = function(e) 
                    { 
                        let href = DomObj(e.target).attr("href");
                        //Yep Speed Test - console.log("Click Event",e.target,href);
                        if(typeof href!=='undefined'){
                            if(href.indexOf("mailto:")>=0){
                                _LB_Map_ObjInfo_1.analytic('email',loc.id,href);
                            }else if(href.indexOf("tel:")>=0){
                                _LB_Map_ObjInfo_1.analytic('phonecall',loc.id,href);
                            }
                        }
                    };
        DomObj("#"+ID + " #LB_Details_Address").click(clickHander);
        //Event eventObject
        if(_LB_Map_ObjInfo_1.StoreLocationInfo.showDetailsOperatingHours){
            let lastOpenDay = "";
            let strHTMl= "";
            let colSizeDay = "col-xs-6";
            let colSizeHour = "col-xs-6";
            let bisSpecialHour = false;
            if(loc.gmbOpenInfoStatus==="CLOSED_TEMPORARILY"){
                OpenDayText="CLOSED"; 
                Arrow="";
                strHTMl+= `<div class="row" >` + 
                                `<div class="col-xs-12">${OpenDayText} ${Arrow}</div> ` +
                                `</div>`;
            }else{
                loc.specialHours.forEach(x=>{
                        if(_LB_Map_ObjInfo_1.checkDateWithNoTime(x.startDate)){
                            let OpenDayText = x.openDay + (x.isSpecialHour?" <span alt='Not Normal Hours' >*</span> ":"");
                            if(x.isSpecialHour){
                                bisSpecialHour = true;
                            }
                            if(lastOpenDay!=x.openDay){
                                lastOpenDay=x.openDay 
                            }else{
                                OpenDayText ="";
                            }
                            let showHide = _LB_Map_ObjInfo_1.checkNowDate(OpenDayText)?"":"hidden";
                            let highlight = _LB_Map_ObjInfo_1.checkNowDate(OpenDayText)?"text-success":"";
                            let Arrow = _LB_Map_ObjInfo_1.checkNowDate(OpenDayText)?`<span class="caret mt0" ></span>`:"";
                            if(x.isOpen){
                                if(TimeFormat!="24"){
                                    x.openTime = _LB_Map_ObjInfo_1.formate12Time(x.openTime)
                                    x.closeTime = _LB_Map_ObjInfo_1.formate12Time(x.closeTime)
                                }
                                strHTMl+= `<div class="row ${showHide} ${highlight}" >` + 
                                                    `<div class="col-xs-12">${OpenDayText} ${x.openTime} - ${x.closeTime} ${Arrow}</div> ` +
                                                    `</div>`;
                            
                            }else{
                                if(TimeFormat!="24"){
                                    x.openTime = _LB_Map_ObjInfo_1.formate12Time(x.openTime)
                                    x.closeTime = _LB_Map_ObjInfo_1.formate12Time(x.closeTime)
                                }
                                strHTMl+= `<div class="row ${showHide} ${highlight}" >` + 
                                                    `<div class="col-xs-12">${OpenDayText} CLOSED ${Arrow}</div> ` +
                                                    `</div>`;
                            }
                        }
                }); 

            }
            let specialHoursText="";
            if(bisSpecialHour){
                specialHoursText='<span class="text-muted">*These hours differ from normal trading hours</span>';
            }
            let openHours = DomObj(`<div class="row opening-time-select">
                                <div class="col-lg-1 col-md-2 col-sm-1 col-xs-1">
                                    <span class="glyphicon glyphicon-time mt0"></span>
                                </div>
                                <div class="col-lg-11 col-md-10 col-sm-10 col-xs-10 padding-left-0">
                            ${strHTMl} 
                            ${specialHoursText}
                        </div>  
                    </div>`);
            DomObj("#"+ID + " #LB_Details_Address").append(DomObj(openHours)); 
            if(loc.gmbOpenInfoStatus!=="CLOSED_TEMPORARILY"){
                openHours.click(function(){DomObj(this).find('.row').toggleClass('hidden');DomObj(this).find('.row.text-success').removeClass('hidden');});
            }
        }

        
    }
    _LB_Map_ObjInfo_1.checkDateWithNoTime= function(FirstDate){
        let myDate = new Date()
        let fDate = new Date(FirstDate.substr(0,10));
        let sDate = new Date(myDate.getFullYear(),myDate.getMonth(), myDate.getDate());
        let dateInFuture = new Date(myDate.getFullYear(),myDate.getMonth(), myDate.getDate());
        // add a day
        dateInFuture.setDate(dateInFuture.getDate() + 7);
        if(fDate.getTime()>sDate.getTime()){
            if(fDate.getTime()<dateInFuture.getTime()){
                return true;
            }
        }
        return false;
    }
    _LB_Map_ObjInfo_1.checkNowDate = function(strDay){
                let nowDate = new Date();
                let DayArray = ["SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY"];
                let idx = DayArray.findIndex(x=>x==strDay);
                if(idx === nowDate.getDay()){
                    return true;
                }
                return false;
            }
    _LB_Map_ObjInfo_1.checkNowDateOpen = function(strDay,OpenTime,Loc){
        let nowDate = new Date();
        let DayArray = ["SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY"];
        let idx = DayArray.findIndex(x=>x==strDay);
        if(idx === nowDate.getDay()){
            if(!Loc.zoneName){
                Loc.zoneName = "Africa/Johannesburg";
            }
            if(Loc.zoneName==null){
                Loc.zoneName = "Africa/Johannesburg";
            }
            // suppose the date is 12:00 UTC
            var invdate = new Date(nowDate.toLocaleString('en-US', {
                timeZone: Loc.zoneName
            }));
            if(OpenTime.openTime==null){
                return false;
            }

            let startHour = OpenTime.openTime.split(":")[0];
             let endHour = OpenTime.closeTime.split(":")[0];
             let startMin = OpenTime.openTime.split(":")[1];
             let endMin = OpenTime.closeTime.split(":")[1];
              if(invdate.getHours()>=startHour && invdate.getHours()<=endHour){
                  if(invdate.getHours()==startHour && invdate.getMinutes()<startMin){
                                        return false
                                     }else if(invdate.getHours()==endHour && invdate.getMinutes()>endMin){
                                        return false
                                    }
                                    return true
                                }
        }
        return false;
    }
    _LB_Map_ObjInfo_1.formate12Time = function(inputTime){
        if(inputTime!=null)
        {
            let hr = Number(inputTime.split(':')[0])
            let min = inputTime.split(':')[1]
            if(hr==12){
                return `${hr}:${min} AM`;
            }
            if(hr==0){
                hr=12
                return `${hr}:${min} PM`;
            }
            if(hr>12){
                hr = hr-12
                return `${hr}:${min} PM`;
            }
            return `${hr}:${min} AM`;
        }
        return "00:00";
    }
    _LB_Map_ObjInfo_1.formatDistance = function(dInM){
        let formatNumber = function(num) {
                                return num.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,')
                            } 
        if(Unit!="metric"){
            if((dInM/1000)>0){
                return formatNumber(Math.round((dInM/1000)/km2mil))+" mi"
            }else{
                return "0 mi"
            }
        }
        return formatNumber(Math.round(dInM/1000))+" KM"
    }
    _LB_Map_ObjInfo_1.SetGUITextLocalize = function(){
        let textLoc = localizeText["default"];
        if(localizeText[AddressLayout]){
            textLoc = localizeText[AddressLayout];
        }
        _LB_Map_ObjInfo_1.CountryText = textLoc["Country"];
        _LB_Map_ObjInfo_1.ProvinceText = textLoc["Province"];
        _LB_Map_ObjInfo_1.CityText = textLoc["City"];
        _LB_Map_ObjInfo_1.AreaText = textLoc["Area"];
        _LB_Map_ObjInfo_1.AddressLineLocality = textLoc["AddressLineLocality"];
         
    }
    //Load Default before the client loads
    _LB_Map_ObjInfo_1.SetGUITextLocalize();
    _LB_Map_ObjInfo_1.setLocalize = function(){
        if(_LB_Map_ObjInfo_1.StoreLocationInfo.local_units){
            if(_LB_Map_ObjInfo_1.StoreLocationInfo.local_units!=null && _LB_Map_ObjInfo_1.StoreLocationInfo.local_units!==""){
                Unit = _LB_Map_ObjInfo_1.StoreLocationInfo.local_units
            }
        }
        if(_LB_Map_ObjInfo_1.StoreLocationInfo.local_addressLayout){
            if(_LB_Map_ObjInfo_1.StoreLocationInfo.local_addressLayout!=null && _LB_Map_ObjInfo_1.StoreLocationInfo.local_addressLayout!==""){
                AddressLayout = _LB_Map_ObjInfo_1.StoreLocationInfo.local_addressLayout
            }
        }
        if(_LB_Map_ObjInfo_1.StoreLocationInfo.local_timeFormat){
            if(_LB_Map_ObjInfo_1.StoreLocationInfo.local_timeFormat!=null && _LB_Map_ObjInfo_1.StoreLocationInfo.local_timeFormat!==""){
                TimeFormat = _LB_Map_ObjInfo_1.StoreLocationInfo.local_timeFormat
            }
        }
        _LB_Map_ObjInfo_1.SetGUITextLocalize();
    }
    _LB_Map_ObjInfo_1.showGoogleMapLoad = function(StoreLocationInfo,map){
        _LB_Map_ObjInfo_1.StoreLocationInfo = StoreLocationInfo;
        _LB_Map_ObjInfo_1.setLocalize();
        DomObj("#"+ID).find(".LB_Loading").css("display","none");
        if(Debug==='False'){
            _LB_Map_ObjInfo_1.analytic('view',_LB_Map_ObjInfo_1.StoreLocationInfo.locations[0].id,"");
        }
        _LB_Map_ObjInfo_1.CreateCSSRules();
        if(StoreLocationInfo.useCustomCSS){
            DomObj("#"+ID).append(CreateCSS(`${loadFile}StoreLocatorAPI/css?clientid=${_LB_Map_ObjInfo_1.StoreLocationInfo.locations[0].clientID}`));
        }
        let loc = StoreLocationInfo.locations[0];
        
        let hours = "";
        let lastOpenDay="";
        if(loc.gmbOpenInfoStatus==="CLOSED_TEMPORARILY"){
            hours="Temporarily Closed";                        
        }else{            
            loc.regularHours.forEach(x=>{
                
                let OpenDayText = x.openDay;
                if(lastOpenDay!=x.openDay){
                    lastOpenDay=x.openDay
                }else{
                    OpenDayText ="";
                }
                let colSizeDay = "col-xs-6";
                let colSizeHour = "col-xs-6";
                if(_LB_Map_ObjInfo_1.Layout=="overandunder" || _LB_Map_ObjInfo_1.Layout=="listonly"){
                    colSizeDay = "col-xs-6 col-md-1 col-lg-1";
                    colSizeHour = "col-xs-6 col-md-4 col-lg-4";
                }
                if(_LB_Map_ObjInfo_1.checkNowDate(OpenDayText)){
                    console.log("is open on this day", _LB_Map_ObjInfo_1.checkNowDate(OpenDayText));
                console.log("curently open", _LB_Map_ObjInfo_1.checkNowDateOpen(OpenDayText,x,loc));
                console.log("show closed text", _LB_Map_ObjInfo_1.StoreLocationInfo.showClosedTimes);
                    if(x.isOpen){ // if its open today
                        if(_LB_Map_ObjInfo_1.checkNowDateOpen(OpenDayText,x,loc)){ // if its open now show open text and the time
                            hours= `OPEN ${x.openTime} - ${x.closeTime}`;
                        } else if(!_LB_Map_ObjInfo_1.checkNowDateOpen(OpenDayText,x,loc) && _LB_Map_ObjInfo_1.StoreLocationInfo.showClosedTimes){ // if its closed now and they dont want to show closed text, they want to see the hours only
                            hours= `${x.openTime} - ${x.closeTime}`;
                        } else {
                            hours= `CLOSED ${x.openTime} - ${x.closeTime}`;
                        } 
                    }else{
                        hours="CLOSED"; 
                    }
                } 
                
            });
        }
        let phone=""; 
        let IconVisible = "visible-sm visible-xs";
        let NoIconVisible = "visible-lg visible-md";
        if(_LB_Map_ObjInfo_1.Layout=="template1" || _LB_Map_ObjInfo_1.Layout=="template2" || _LB_Map_ObjInfo_1.Layout=="template3" ){
            IconVisible = "visible-sm visible-xs visible-lg visible-md";
            NoIconVisible = "visible-xl";
        }       

        if(_LB_Map_ObjInfo_1.StoreLocationInfo.showDetailsPhoneNumber){
            phone =`<a href="tel:${loc.primaryPhone}" class="btn btn-info btn-solid btn-accent ${NoIconVisible}  mr-sm">
                            <span class="glyphicon glyphicon-earphone " itemprop="telephone"></span>
                            ${loc.primaryPhone}</a>
                        <a href="tel:${loc.primaryPhone}" class="btn btn-info btn-solid btn-accent ${IconVisible}">
                            <span class="glyphicon glyphicon-earphone "></span> </a>`;
        }
        let direction = "";
        if(_LB_Map_ObjInfo_1.StoreLocationInfo.showDetailsDirections){
            direction = `<a href="https://www.google.com/maps/dir/?api=1&destination=${loc.latitude},${loc.longitude}"
                           class="btn btn-primary ${NoIconVisible} lb-icon icon-directions-lb">
                            <svg class="icon-directions-lb-svg" id="Directions" data-name="Directions" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 55"><circle class="circle-out" cx="27.5" cy="27.5" r="27.5"/><path class="inner-try" d="M27.5,11.61,10.56,28.55l16.94,17L44.44,28.55ZM23.24,29.52v4.4H20.05V26.33H31.73v-3.1l4.69,4.69-4.69,4.7v-3.1Z"/></svg> <span>Directions</span></a>
                        <a href="https://www.google.com/maps/dir/?api=1&destination=${loc.latitude},${loc.longitude}"
                           class="btn btn-primary  ${IconVisible} lb-icon icon-directions-lb">
                           <svg class="icon-directions-lb-svg" id="Directions" data-name="Directions" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 55"><circle class="circle-out" cx="27.5" cy="27.5" r="27.5"/><path class="inner-try" d="M27.5,11.61,10.56,28.55l16.94,17L44.44,28.55ZM23.24,29.52v4.4H20.05V26.33H31.73v-3.1l4.69,4.69-4.69,4.7v-3.1Z"/></svg>  
                        </a>`;
            if(_LB_Map_ObjInfo_1.StoreLocationInfo.showDirections_InnerColor){
                direction+=`<style>
                    .icon-directions-lb-svg .circle-out {
                        fill:${_LB_Map_ObjInfo_1.StoreLocationInfo.showDirections_OuterColor} ;
                        }
                        .icon-directions-lb-svg .inner-try{
                        fill:${_LB_Map_ObjInfo_1.StoreLocationInfo.showDirections_InnerColor} ;
                        } 
                </style>
                `;

            }    
        }
        let fpr = "";
        if(_LB_Map_ObjInfo_1.StoreLocationInfo.showDetailsFirstPartReview){
            //https://locationbank.net/public/fpr?id=${loc.clientID}&locationID=${loc.id}
            fpr = `<a href="https://locationbank.net/public/fpr?id=${loc.clientID}&locationID=${loc.id}"
                           class="btn btn-info btn-solid btn-accent ${NoIconVisible} mr-sm">
                            <i class="glyphicon glyphicon-pencil"></i>
                            Review </a>
                        <a href="https://locationbank.net/public/fpr?id=${loc.clientID}&locationID=${loc.id}"
                           class="btn btn-info btn-solid btn-accent  ${IconVisible} mr-sm">
                            <i class="glyphicon glyphicon-pencil"></i>
                        </a>`;
        }
        let cta = "";
         if(_LB_Map_ObjInfo_1.StoreLocationInfo.showDetailsFirstCallToAction){
              if(loc.callToAction.length > 0)
                {
                            cta =   `<a href="${loc.callToAction[0].url}" id="store-book"
                           class="btn btn-info btn-solid btn-accent ${NoIconVisible} mr-sm">
                            <i class="glyphicon glyphicon-log-in"></i>
                            ${loc.callToAction[0].name} </a>
                        <a href="${loc.callToAction[0].url}" id="store-book-small"
                           class="btn btn-info btn-solid btn-accent  ${IconVisible} mr-sm">
                            <i class="glyphicon glyphicon-log-in"></i>
                        </a>`;
                }
         }
        let online = "";
        if(_LB_Map_ObjInfo_1.StoreLocationInfo.showOrderOnline){
            online = `<a href="#" id="lb-order-ahead-big"
                           class="btn btn-info btn-solid btn-accent ${NoIconVisible} mr-sm">
                            <i class="glyphicon glyphicon-globe"></i>
                            Order Online </a>
                        <a href="#" id="lb-order-ahead-small"
                           class="btn btn-info btn-solid btn-accent  ${IconVisible} mr-sm">
                            <i class="glyphicon glyphicon-globe"></i>
                        </a>`;
        }
        let LocationName = `<div class="LB_Title">
                    <div class="header_title_container">
                        <span class="header_title" itemprop="name">${loc.locationName}</span>
                        <span class="opening_times">${hours}</span>
                    </div>
                    <div class="header_buttons header_btn-group">
                        ${phone}
                        ${fpr}
                        ${online}
                        ${cta}
                        ${direction}
                    </div>
                </div>`;
        if(StoreLocationInfo.showDetailsBanner){
            let picURL = loadFile+"StoreLocatorAPI/locationImage?clientId=00000000-0000-0000-0000-000000000000&LocationID="+loc.id+"&MediaCat="+StoreLocationInfo.detailsBannerImagesCategory+"&Rule=first";
            LocationName = `<div class="LB_Header" style="background: url('${picURL}') no-repeat;">
                    <div class="header_title_container">
                        <span class="header_title" itemprop="name">${loc.locationName}</span>
                        <span class="opening_times">${hours}</span>
                    </div>
                    <div class="header_buttons btn-group">
                        ${phone}
                        ${fpr}
                        ${online}
                        ${cta}
                        ${direction}
                    </div>
                </div>`;
        }
        if(_LB_Map_ObjInfo_1.Layout=="template1" || _LB_Map_ObjInfo_1.Layout=="template2" || _LB_Map_ObjInfo_1.Layout=="template3" ){
            //LocationName=`<div class="template_title">${loc.locationName}</div>`;
            LocationName=`<div class="LB_Title">
                                <div class="header_title_container">
                                    <span class="header_title" itemprop="name">${loc.locationName} ${loc.gmbOpenInfoStatus==="CLOSED_TEMPORARILY" ? "<span class='opening_times'>(Temporarily Closed)</span>" : ""}</span>                                    
                                </div>
                                <div class="header_buttons header_btn-group">
                                    ${phone}
                                    ${fpr}
                                    ${online}
                                    ${cta}
                                    ${direction}
                                </div>
                            </div>`;
        }
        
        DomObj("#"+ID + " #LB_Details_Name").append(DomObj(LocationName)); 
        if(_LB_Map_ObjInfo_1.StoreLocationInfo.showServiceMessage){
            let cellService = DomObj(`<div class="row ml"> <div class="col-12"> <div class="locationService serviceMessage">${loc.serviceMessage}</div></div></div>`)
            DomObj("#"+ID + " #LB_Details_Name").append(cellService);  
        }
        if(_LB_Map_ObjInfo_1.StoreLocationInfo.showDetailsPageAllCTA)
        {
            for(var i = 0; i < loc.callToAction.length;i++)
            {
            let cellService = DomObj(`<a id ="" style="margin-right: 5px" href="${loc.callToAction[i].url}" class="customctaclick btn btn-danger">${loc.callToAction[i].name} </a>`)
            DomObj("#"+ID + " #LB_Details_Name").append(cellService); 
            }            
        }
        let headerHander = function(e) 
                    { 
                        var customType = e.target.innerText; 
                        let href = DomObj(e.target).attr("href");
                        //Yep Speed Test - console.log("Click Event",e.target,href);                       
                        if(href.indexOf("tel:")>=0){
                            _LB_Map_ObjInfo_1.analytic('phonecall',loc.id,href);
                        }else if(e.target.classList[0]=='customctaclick'){
                              _LB_Map_ObjInfo_1.analytic('customctaclick',loc.id,href,customType);
                        }else{
                             _LB_Map_ObjInfo_1.analytic('directions',loc.id,href);  
                        }
                        };
        DomObj("#"+ID + " #LB_Details_Name").click(headerHander);
        var image = null;
        if(StoreLocationInfo.showClientLocationPin){
            var image = {
            url: StoreLocationInfo.clientLocationPin.url,
            // This marker is 20 pixels wide by 32 pixels high.
            size: new google.maps.Size(StoreLocationInfo.clientLocationPin.width, StoreLocationInfo.clientLocationPin.hight),
            // The origin for this image is (0, 0).
            origin: new google.maps.Point(StoreLocationInfo.clientLocationPin.originX, StoreLocationInfo.clientLocationPin.originY),
            // The anchor for this image is the base of the flagpole at (0, 32).
            anchor: new google.maps.Point(StoreLocationInfo.clientLocationPin.anchorX, StoreLocationInfo.clientLocationPin.anchorY)
            };
        }

         var shape = {
          coords: [1, 1, 1, StoreLocationInfo.clientLocationPin.width, 
                    StoreLocationInfo.clientLocationPin.hight, StoreLocationInfo.clientLocationPin.width, 
                    StoreLocationInfo.clientLocationPin.hight, 1],
          type: 'poly'
        };
        var bounds = new google.maps.LatLngBounds();
        if(loc.serviceAreaBusinessType == 1 || loc.serviceAreaBusinessType == 2)
        {
                if(loc.serviceAreaPlacesPoly){
                    if(loc.serviceAreaPlacesPoly.length>0){
                        loc.serviceAreaPlacesPoly.forEach(x=>{
                            let polyPath = [];
                            let p = x.split(' ');
                            p.forEach(z=>{
                                let c = z.split(',');
                                var lat = parseFloat(parseFloat(c[1]).toFixed(6));
                                var lng = parseFloat(parseFloat(c[0]).toFixed(6));
                                let b = new google.maps.LatLng(lat, lng);
                                console.log("lat", lat);
                                console.log("lng", lng);
                                polyPath.push(b);
                                bounds.extend(b);
                            });
                            var poly = new google.maps.Polygon({
                                paths:polyPath,
                                strokeColor:StoreLocationInfo.serviceBaseStrokeColour,
                                strokeOpacity:StoreLocationInfo.serviceBaseStrokeOpacity,
                                strokeWeight:3,
                                fillColor:StoreLocationInfo.serviceBaseFillColour,
                                fillOpacity:StoreLocationInfo.serviceBaseFillOpacity,
                            });
                            poly.setMap(map);
                        });
                    }
                    if(loc.serviceAreaBusinessType == 1){
                        var markers = [];
                        var marker = new google.maps.Marker({
                                    position: new google.maps.LatLng(parseFloat(StoreLocationInfo.locations[0].latitude).toFixed(6), parseFloat(StoreLocationInfo.locations[0].longitude).toFixed(6)), //{lat: parseFloat(beach.latitude).toFixed(6), lng: parseFloat(beach.longitude).toFixed(6)},
                                    map: map,
                                    icon: image,
                                    shape: shape,
                                    title: StoreLocationInfo.locations[0].locationName,
                                    zIndex: 0,
                                    _LocID:StoreLocationInfo.locations[0].id 
                                });
                        markers.push(marker);
                        bounds.extend(marker.position);
                    }
                }
        }
        else  if(loc.serviceAreaBusinessType == 0)
        {
            if(parseFloat(StoreLocationInfo.locations[0].latitude).toFixed(6)!=0){
            var markers = [];
            var marker = new google.maps.Marker({
                        position: new google.maps.LatLng(parseFloat(StoreLocationInfo.locations[0].latitude).toFixed(6), parseFloat(StoreLocationInfo.locations[0].longitude).toFixed(6)), //{lat: parseFloat(beach.latitude).toFixed(6), lng: parseFloat(beach.longitude).toFixed(6)},
                        map: map,
                        icon: image,
                        shape: shape,
                        title: StoreLocationInfo.locations[0].locationName,
                        zIndex: 0,
                        _LocID:StoreLocationInfo.locations[0].id 
                    });
            markers.push(marker);
            bounds.extend(marker.position);
            }else{
                var markers = [];
                var marker = new google.maps.Marker({
                            position: new google.maps.LatLng(bounds.getCenter().lat(), bounds.getCenter().lng()),
                            map: map,
                            icon: image,
                            shape: shape,
                            title: StoreLocationInfo.locations[0].locationName,
                            zIndex: 0,
                            _LocID:StoreLocationInfo.locations[0].id 
                        });
                markers.push(marker);
            }
        }
        map.fitBounds(bounds);
        if(loc.serviceAreaBusinessType == 0){
            map.setZoom(15);
        }

        if(StoreLocationInfo.googleMapJson){
            if(StoreLocationInfo.googleMapJson!=null){
                
                var styledMapType = new google.maps.StyledMapType(DomObj.parseJSON(StoreLocationInfo.googleMapJson));

                //Associate the styled map with the MapTypeId and set it to display.
                map.mapTypes.set('styled_map', styledMapType);
                map.setMapTypeId('styled_map');

            }
        }
        _LB_Map_ObjInfo_1.ShowAddressInfo(StoreLocationInfo.locations[0]);
        _LB_Map_ObjInfo_1.createJsonLD(StoreLocationInfo.locations[0]);
        _LB_Map_ObjInfo_1.saveJsonLD();
    }
    _LB_Map_ObjInfo_1.showImages = function(data){
        let AboutHr = "";
        if(_LB_Map_ObjInfo_1.Layout===''){
            AboutHr= "<hr>";
} 
let AddressPadingCSS = "AddressPadding";
if(_LB_Map_ObjInfo_1.Layout=="template2"){
    AddressPadingCSS="AddressPadding3";
}
//Add Description
        if(_LB_Map_ObjInfo_1.StoreLocationInfo.locations[0].description!=="" && _LB_Map_ObjInfo_1.StoreLocationInfo.showDetailsDescription){
            DomObj("#"+ID + " #LB_Details_description").append(`${AboutHr}<div class="">
                                <h4 class="text-left ${AddressPadingCSS}"><b>About Us</b></h4>
                                <div class="text-left ${AddressPadingCSS} ">
                                
                                <div class=" text-justify">
                                        ${_LB_Map_ObjInfo_1.StoreLocationInfo.locations[0].description}
                                </div>
                            </div>`);
        }
        if(_LB_Map_ObjInfo_1.StoreLocationInfo.locations[0].shortDescription!=="" && _LB_Map_ObjInfo_1.StoreLocationInfo.showDetailsShortDescription){
            DomObj("#"+ID + " #LB_Details_description").append(`${AboutHr}<div class="">
                                <h4 class="text-left ${AddressPadingCSS}"><b>About Us</b></h4>
                                <div class="text-left ${AddressPadingCSS} ">
                                
                                <div class=" text-justify">
                                        ${_LB_Map_ObjInfo_1.StoreLocationInfo.locations[0].shortDescription}
                                </div>
                            </div>`);
        }
        if(!_LB_Map_ObjInfo_1.StoreLocationInfo.showDetailsMedia){
            DomObj( "#"+ID + " #LB_Details_media" ).hide();
            DomObj( "#"+ID + " #LB_Media_hr" ).hide();
            //return ;
        }  
        if(data.length>0){
            let someImage = ""; 
            for(let i = 0;i<data.length;i++){
                let strStyle = "";
                let maxH = "maxH550"
                let inLine="center-block";
                /*if(i>3){
                    strStyle="style='display:none'";
                }
                if(i==0){
                    maxH = "maxH250";
                    inLine="center-block";
                }*/
                let style = "";
                if(_LB_Map_ObjInfo_1.Layout===''){
                    style=""
                }
                someImage+=`<div class="interlock " ><div class=" img-wrapper  "  style="${style}" >
                    <a href="${data[i].url}">
                    <img class="img-responsive " src="${data[i].url}" alt="${_LB_Map_ObjInfo_1.StoreLocationInfo.locations[0].locationName}" itemprop="image">
                    </a>
                    <div class="img-overlay">
                        <i class="glyphicon glyphicon-plus-sign" aria-hidden="true"></i>
                    </div></div></div>`

            }
            let img = `<div class="">
                        
                        <h4 class=""><b>Media</b></h4>
                        <section id="gallery" class="pull-left" style="width: 100%;"> 
                            <section class="gallery_slider slider" id="image-gallery"> 
                                ${someImage} 
                            </section>                        
                        </section>
                        </div>`;
            DomObj("#"+ID + " #LB_Details_media").append(DomObj(img)); 

            if(_LB_Map_ObjInfo_1.Layout===''){
                let minToShow = Math.min(data.length,_LB_Map_ObjInfo_1.StoreLocationInfo.detailsNumberMedia);
                if(minToShow===0){
                    minToShow = 3;
                }
                if(DomObj.fn.slick){
                    DomObj("#"+ID + " .gallery_slider").slick({
                                        dots: true,
                                        slidesToShow: minToShow,
                                        slidesToScroll: minToShow,
                                        autoplay: true,
                                        autoplaySpeed: _LB_Map_ObjInfo_1.StoreLocationInfo.detailsMediaAutoPlaySpeed*1000,  
                                        nextArrow:_LB_Map_ObjInfo_1.slick_nextArrow,
                                        prevArrow: _LB_Map_ObjInfo_1.slick_prevArrow,
                                        responsive: sliderResponsiveSettings
                                    });
                }else{
                    window.setTimeout(function(){
                    DomObj("#"+ID + " .gallery_slider").slick({
                                        dots: true,
                                        slidesToShow: minToShow,
                                        slidesToScroll: minToShow,
                                        autoplay: true,
                                        autoplaySpeed: _LB_Map_ObjInfo_1.StoreLocationInfo.detailsMediaAutoPlaySpeed*1000,
                                        nextArrow:_LB_Map_ObjInfo_1.slick_nextArrow,
                                        prevArrow: _LB_Map_ObjInfo_1.slick_prevArrow,
                                        responsive: sliderResponsiveSettings
                                    });
                                    },6000);

                }
            }else{
                DomObj("#"+ID + " .gallery_slider").slick({
                                        dots: true,
                                        slidesToShow: 1,
                                        slidesToScroll: 1,
                                        autoplay: true,
                                        autoplaySpeed: _LB_Map_ObjInfo_1.StoreLocationInfo.detailsMediaAutoPlaySpeed*1000,
                                        nextArrow:_LB_Map_ObjInfo_1.slick_nextArrow,
                                        prevArrow: _LB_Map_ObjInfo_1.slick_prevArrow,
                                        responsive: sliderResponsiveSettings
                                    });
            }
            
            DomObj("#"+ID + " #LB_Details_media .img-wrapper" ).hover(
                function() {
                    DomObj(this).find(".img-overlay").animate({opacity: 1}, 600);
                }, function() {
                    DomObj(this).find(".img-overlay").animate({opacity: 0}, 600);
                }
            );
            //https://locationbank.net
            if(_LB_Map_ObjInfo_1.Layout=="template2"){
                _LB_Map_ObjInfo_1.StoreLocationInfo.detailsReviewWidgetType="Slider";
                _LB_Map_ObjInfo_1.StoreLocationInfo.detailsNumberReviews=1

            }
             var $overlay = DomObj('<div id="overlay"></div>');
            var $image = DomObj("<img>");
            var $prevButton = DomObj('<div id="prevButton"><i class="glyphicon glyphicon-chevron-left"></i></div>');
            var $nextButton = DomObj('<div id="nextButton"><i class="glyphicon glyphicon-chevron-right"></i></div>');
            var $exitButton = DomObj('<div id="exitButton"><i class="glyphicon glyphicon-remove"></i></div>');
            $overlay.append($image).prepend($prevButton).append($nextButton).append($exitButton);
            DomObj("#gallery").append($overlay);
            
            //DomObj("#"+ID).append($overlay);
            $overlay.hide();
            DomObj(".img-overlay").click(function(event) {
                event.preventDefault();
                var imageLocation = DomObj(this).prev().attr("href");
                $image.attr("src", imageLocation);
                $overlay.fadeIn("slow");
                _LB_Map_ObjInfo_1.analytic('media',_LB_Map_ObjInfo_1.StoreLocationInfo.locations[0].id,imageLocation);
            });
            $overlay.click(function() {
             DomObj(this).fadeOut("slow");
            });
            $nextButton.click(function(event) {
                DomObj("#overlay img").hide();
                var $currentImgSrc = DomObj("#overlay img").attr("src");
                var $currentImg = DomObj('#image-gallery img[src="' + $currentImgSrc + '"]');
                var $nextImg = DomObj($currentImg.closest(".slick-slide").next().find("img"));
                var $images = DomObj("#image-gallery img");
                if ($nextImg.length > 0) { 
                    DomObj("#overlay img").attr("src", $nextImg.attr("src")).fadeIn(800);
                } else {
                    DomObj("#overlay img").attr("src", DomObj($images[0]).attr("src")).fadeIn(800);
                }
                event.stopPropagation();
            });
            $prevButton.click(function(event) {
                DomObj("#overlay img").hide();
                var $currentImgSrc = DomObj("#overlay img").attr("src");
                var $currentImg = DomObj('#image-gallery img[src="' + $currentImgSrc + '"]');
                var $nextImg = DomObj($currentImg.closest(".slick-slide").prev().find("img"));
                DomObj("#overlay img").attr("src", $nextImg.attr("src")).fadeIn(800);
                event.stopPropagation();
            });
            $exitButton.click(function() {
                DomObj("#overlay").fadeOut("slow");
            });
            
        }
            let setOptionsReview = "navigationColor="+encodeURIComponent(_LB_Map_ObjInfo_1.StoreLocationInfo.detailsReviewsNavigationColor) + "&"; 
            setOptionsReview+= "widgetType="+encodeURIComponent(_LB_Map_ObjInfo_1.StoreLocationInfo.detailsReviewWidgetType) + "&"; 
            setOptionsReview+= "autoPlaySpeed="+encodeURIComponent(_LB_Map_ObjInfo_1.StoreLocationInfo.detailsReviewsAutoPlaySpeed) + "&"; 
            setOptionsReview+= "numberShow="+encodeURIComponent(_LB_Map_ObjInfo_1.StoreLocationInfo.detailsNumberReviews); 
            if(_LB_Map_ObjInfo_1.StoreLocationInfo.showDetailsPublicReview){
                let setMaxShowLen = "";
                if(_LB_Map_ObjInfo_1.StoreLocationInfo.maxLengthReviews>0){
                    setMaxShowLen = "&MaxDisplayReviewsLen="+_LB_Map_ObjInfo_1.StoreLocationInfo.maxLengthReviews;
                }
                DomObj("#"+ID + " #LB_Details_review" ).append(`<div class="">
                    <h4  ><b> Reviews</b></h4>
                    <div >
                        <div id="Review${_LB_Map_ObjInfo_1.StoreLocationInfo.locations[0].clientID}"   >
                            <script type="text/javascript" src="https://locationbank.net/public/loadReview?id=Review${_LB_Map_ObjInfo_1.StoreLocationInfo.locations[0].clientID}&clientid=${_LB_Map_ObjInfo_1.StoreLocationInfo.locations[0].clientID}&location=${_LB_Map_ObjInfo_1.StoreLocationInfo.locations[0].id}&LocationDetails=true&${setOptionsReview}${setMaxShowLen}"></script>
                        </div>
                    </div>
                    </div>`);
            }
           
        

    }
     
    _LB_Map_ObjInfo_1.createSocialMedia = function(socialMedia){
        let strReturn = "";
        if(socialMedia==null){
            return "";
        }
        socialMedia.forEach(Social=>{
            strReturn+=`<a href="${Social.url}" target="_blank"><img class="Social" src="${Social.iconUrl}"></a>`
        });
        return strReturn;
    }
    _LB_Map_ObjInfo_1.setOrderAhead = function(orderAhead){
         
        if(orderAhead){
            if(orderAhead!=null && orderAhead!=""){
                DomObj("#lb-order-ahead-big","#"+ID).attr("href",orderAhead);
                DomObj("#lb-order-ahead-small","#"+ID).attr("href",orderAhead);
                return;
            }            
        }         
        DomObj("#lb-order-ahead-big","#"+ID).hide();
        DomObj("#lb-order-ahead-small","#"+ID).hide();
    }
    _LB_Map_ObjInfo_1.createPost = function(Post){
        let strReturn = "";
        if(Post!==null){
            Post.forEach(p=>{
                let style = ""
                let firstImg ='';
                if(p._MediaList!==null){
                    if(p._MediaList.length>0){
                        if(p._MediaList[0].mediaFormat==="VIDEO"){
                            firstImg = `<video src="${p._MediaList[0].pictureURL}" class="img-responsive " style="${style}" controls></video>`;
                        }else{
                            firstImg = `<img src="${p._MediaList[0].pictureURL}" class="img-responsive" style="${style}"/>`;
                        }
                    }
                }else{
                    if(p._LocalPost.media!==null){
                        if(p._LocalPost.media.length>0){
                            if(p._LocalPost.media[0].mediaFormat==="VIDEO"){
                                firstImg = `<video src="${p._LocalPost.media[0].sourceUrl}" class="img-responsive " style="${style}" controls></video>`;
                            }else{
                                firstImg = `<img src="${p._LocalPost.media[0].sourceUrl}" class="img-responsive " style="${style}" />`;
                            }
                        }
                    }
                } 
                let href = "";
                let ButtonName = "Learn More";
                if(p._LocalPost){
                    if(p._LocalPost.callToAction){
                        ButtonName = p._LocalPost.callToAction.actionType;
                        switch(p._LocalPost.callToAction.actionType){
                            case "SIGN_UP":
                                ButtonName="Sign Up";
                                break;
                            case "ORDER":
                                ButtonName="Order Online";
                                break;
                            case "SHOP":
                                ButtonName="Buy";
                                break;
                            case "LEARN_MORE":
                                ButtonName="Learn More";
                                break;
                            case "CALL":
                                ButtonName="Call";
                                p._LocalPost.callToAction.url =`tel:${_LB_Map_ObjInfo_1.StoreLocationInfo.locations[0].primaryPhone}`;
                                break;
                        }
                        if(p._LocalPost.callToAction!=null){
                            href = p._LocalPost.callToAction.url;
                        }
                    }
                }
                let actionButton = `<a class="btn btn-primary" href="${href}" target="_blank">${ButtonName}</a>`
                if(href===""){
                    actionButton="";
                }
                strReturn+= `<div class="interlock "  > 
                                        <div class="card  "   > 
                                            <div class="news-image-wrap">
                                                ${firstImg}
                                                <div class="img-overlay" style="opacity: 0; ${style}">
                                                    <i class="glyphicon glyphicon-plus-sign" aria-hidden="true"></i>
                                                </div>
                                            </div>
                                            
                                            <div class="card-body">
                                                <div class="card-title h4"><b>${p.title}</b></div>
                                                ${actionButton}
                                            </div>
                                        </div>
                                    </div>`;
            });
        }
         
        return strReturn;
    }
    _LB_Map_ObjInfo_1.findClosest = function(nearest){
        
        let distances = [];
        let closest = -1;
        let pos = new google.maps.LatLng(parseFloat(_LB_Map_ObjInfo_1.StoreLocationInfo.locations[0].latitude).toFixed(6), parseFloat(_LB_Map_ObjInfo_1.StoreLocationInfo.locations[0].longitude).toFixed(6))
        for (i = 0; i < nearest.length; i++) {
            var loc = nearest[i];
            let marPos = new google.maps.LatLng(parseFloat(loc.latitude).toFixed(6), parseFloat(loc.longitude).toFixed(6))
            let d = google.maps.geometry.spherical.computeDistanceBetween(marPos, pos);
            distances.push({d:d,km:Math.round(d/1000),index:i,Title:loc.locationName,id:loc.id,
                            lat:parseFloat(loc.latitude).toFixed(6), long:parseFloat(loc.longitude).toFixed(6),
                            location:loc,
                            Pos:marPos});// = d;
             
            if (closest == -1 || d < distances[closest].d) {
                closest = i;
                distances[i].isClose = true;
            } 
        }
        //console.log("find_closest_marker",distances);
        let allClose = distances.sort((x,y)=>{
                                            if(x.d<y.d){return -1;}
                                            if(x.d>y.d){return 1;}
                                            return 0;
                                            });
        //console.log("find_closest_marker",allClose);
        let arrReturn = [];
        for(let i = 0;i<Math.min(allClose.length,3);i++){
            arrReturn.push(allClose[i].location);
        } 
        return arrReturn;
    }
    _LB_Map_ObjInfo_1.findClosestTime = function(loc){
        hours = "";
        if(!loc.regularHours){
            return "";
        }
        let lastOpenDay = "";
        loc.regularHours.forEach(x=>{ 
            let OpenDayText = x.openDay;
            if(lastOpenDay!=x.openDay){
                lastOpenDay=x.openDay
            }else{
                OpenDayText ="";
            }
            let colSizeDay = "col-xs-6";
            let colSizeHour = "col-xs-6";
            if(_LB_Map_ObjInfo_1.Layout=="overandunder" || _LB_Map_ObjInfo_1.Layout=="listonly"){
                colSizeDay = "col-xs-6 col-md-1 col-lg-1";
                colSizeHour = "col-xs-6 col-md-4 col-lg-4";
            }
            
            if(_LB_Map_ObjInfo_1.checkNowDate(OpenDayText)){
                if(x.isOpen){
                        if(_LB_Map_ObjInfo_1.checkNowDateOpen(OpenDayText,x,loc)){ 
                            if(TimeFormat!="24"){
                                x.openTime = _LB_Map_ObjInfo_1.formate12Time(x.openTime)
                                x.closeTime = _LB_Map_ObjInfo_1.formate12Time(x.closeTime)
                            }
                            hours= `OPEN ${x.openTime} - ${x.closeTime}`;
                        }else{ 
                            if(TimeFormat!="24"){
                                x.openTime = _LB_Map_ObjInfo_1.formate12Time(x.openTime)
                                x.closeTime = _LB_Map_ObjInfo_1.formate12Time(x.closeTime)
                            }
                            hours= `${OpenDayText} ${x.openTime} - ${x.closeTime}`;
                        } 
                }else{
                    hours= `CLOSE`;
                }
            } 
            
        });
        return hours;
    }
    _LB_Map_ObjInfo_1.showDetails = function(data){
        let allAttributes = "";
        let priceList = "";
        
        _LB_Map_ObjInfo_1.setOrderAhead(data.orderAhead);
        let Post = "";
        if(_LB_Map_ObjInfo_1.StoreLocationInfo.showPost){
            Post =_LB_Map_ObjInfo_1.createPost(data.posts);
        }
        if(data.attributes){
            if(data.attributes.length>0){
                data.attributes.forEach(att=>{
                    allAttributes+=`<span class="block-sm block-xs"><i class="glyphicon glyphicon-check"></i> ${att.attributeId} </span>`;
                });
            }
        }
        if(allAttributes!==""){
            if(_LB_Map_ObjInfo_1.StoreLocationInfo.showDetailsAmenities){
                DomObj( "#"+ID + " #LB_Details_Address" ).append(` <div class="row">
                                    <div class="col-lg-11 col-md-10 col-sm-10 col-xs-10">
                                        <h4><b>Amenities</b></h4>
                                    </div>
                                
                                    <div class="col-lg-11 col-md-10 col-sm-10 col-xs-10">
                                    ${allAttributes}
                                    </div>
                                
                            </div> `); 
            }
        }
        let socialMedia =_LB_Map_ObjInfo_1.createSocialMedia(data.socialMedia);
        if(_LB_Map_ObjInfo_1.StoreLocationInfo.showSocial){
            DomObj("#"+ID + " #LB_Details_Social").append(`<div class='row'> 
                                    <div class="col-lg-11 col-md-10 col-sm-10 col-xs-10">
                                        <h4><b>Social Profiles</b></h4>${socialMedia}
                                    </div> 
                                    </div>`); 
            let socialHander = function(e) 
                    { 
                        //let href = DomObj(e.target).attr("href");                         
                        _LB_Map_ObjInfo_1.analytic('socialprofile',_LB_Map_ObjInfo_1.StoreLocationInfo.locations[0].id,"");                         
                    };
            DomObj("#"+ID + " #LB_Details_Social").click(socialHander)
        }

        if(Post!=""){
            let style ="";
            if(_LB_Map_ObjInfo_1.Layout===''){
                style="ml mr"
            }
            let postHeader=`<div class="">
                        <h4 class=""><b>News Feed</b></h4>
                        <section id="newsGallary" class="pull-left" style="width: 100%;"> 
                            <section class="news-feed-container slider ${style} ">
                                ${Post}                   
                            </section>
                        </section>
                        </div>`
            DomObj( "#"+ID + " #LB_News" ).append(postHeader); 
            let postHander = function(e) {
                                //e.preventDefault();
                                let href = DomObj(e.target).attr("href");
                                _LB_Map_ObjInfo_1.analytic('post',_LB_Map_ObjInfo_1.StoreLocationInfo.locations[0].id,href);
                                };
            DomObj( "#"+ID + " #LB_News" ).find(".interlock").click(postHander);
           
            if(_LB_Map_ObjInfo_1.Layout===''){
                let minToShow = Math.min(data.posts.length,_LB_Map_ObjInfo_1.StoreLocationInfo.detailsNumberPost);
                if(minToShow === 0){
                    minToShow = 3;
                }
                if(minToShow === 1){
                    DomObj(".news-feed-container .slick-track").css("margin-left","0");
                    DomObj(".bootstrap-iso .news-feed-container .news-image-wrap").addClass("single-image");
                }
                    
                DomObj("#"+ID + " .news-feed-container").slick({
                    dots: true,
                    nextArrow:_LB_Map_ObjInfo_1.slick_nextArrow,
                    prevArrow: _LB_Map_ObjInfo_1.slick_prevArrow,
                    slidesToShow: minToShow,
                    slidesToScroll: minToShow,
                    autoplay: true,
                    autoplaySpeed: _LB_Map_ObjInfo_1.StoreLocationInfo.detailsPostAutoPlaySpeed*1000,
                    responsive: sliderResponsiveSettings
                });
          
            }else{
                DomObj("#"+ID + " .news-feed-container").slick({
                    dots: true,
                    nextArrow:_LB_Map_ObjInfo_1.slick_nextArrow,
                    prevArrow: _LB_Map_ObjInfo_1.slick_prevArrow,
                    slidesToShow: minToShow,
                    slidesToScroll: minToShow,
                    autoplay: true,
                    autoplaySpeed: _LB_Map_ObjInfo_1.StoreLocationInfo.detailsPostAutoPlaySpeed*1000,
                    responsive: sliderResponsiveSettings
                });
            }
             
             DomObj("#"+ID + " #LB_News .interlock " ).hover(
                function() {
                    DomObj(this).find(".img-overlay").animate({opacity: 1}, 600);
                }, function() {
                    DomObj(this).find(".img-overlay").animate({opacity: 0}, 600);
                }
            );
            
            var $overlay = DomObj('<div id="newsOverlay"></div>');
            var $image = DomObj("<img>");
            var $prevButton = DomObj('<div id="prevButton"><i class="glyphicon glyphicon-chevron-left"></i></div>');
            var $nextButton = DomObj('<div id="nextButton"><i class="glyphicon glyphicon-chevron-right"></i></div>');
            var $exitButton = DomObj('<div id="exitButton"><i class="glyphicon glyphicon-remove"></i></div>');
            $overlay.append($image).prepend($prevButton).append($nextButton).append($exitButton);
            
            DomObj("#newsGallary").append($overlay);
            //DomObj("#"+ID).append($overlay);
            $overlay.hide();
            DomObj(".card .img-overlay").click(function(event) {
                event.preventDefault();
                var imageLocation = DomObj(this).prev().attr("src");
                $image.attr("src", imageLocation);
                $overlay.fadeIn("slow");
                _LB_Map_ObjInfo_1.analytic('post',_LB_Map_ObjInfo_1.StoreLocationInfo.locations[0].id,imageLocation);
            });
            $overlay.click(function() {
             DomObj(this).fadeOut("slow");
            });
            $nextButton.click(function(event) {
                DomObj("#newsOverlay img").hide();
                var $currentImgSrc = DomObj("#newsOverlay img").attr("src");
                var $currentImg = DomObj('#image-gallery img[src="' + $currentImgSrc + '"]');
                var $nextImg = DomObj($currentImg.closest(".slick-slide").next().find("img"));
                var $images = DomObj("#image-gallery img");
                if ($nextImg.length > 0) { 
                    DomObj("#newsOverlay img").attr("src", $nextImg.attr("src")).fadeIn(800);
                } else {
                    DomObj("#newsOverlay img").attr("src", DomObj($images[0]).attr("src")).fadeIn(800);
                }
                event.stopPropagation();
            });
            $prevButton.click(function(event) {
                DomObj("#newsOverlay img").hide();
                var $currentImgSrc = DomObj("#newsOverlay img").attr("src");
                var $currentImg = DomObj('#image-gallery img[src="' + $currentImgSrc + '"]');
                var $nextImg = DomObj($currentImg.closest(".slick-slide").prev().find("img"));
                DomObj("#newsOverlay img").attr("src", $nextImg.attr("src")).fadeIn(800);
                event.stopPropagation();
            });
            $exitButton.click(function() {
                DomObj("#newsOverlay").fadeOut("slow");
            });

        }else{
            DomObj( "#"+ID + " #LB_News" ).hide();
            DomObj( "#"+ID + " #LB_News_hr" ).hide();
            //DomObj( "#"+ID + " #LB_Details_media" ).removeClass("col-sm-6 col-md-6 col-6 ");
            //DomObj( "#"+ID + " #LB_Details_media" ).addClass("center-block");
        }
        //DomObj( "#"+ID + " #LB_Details_Address" ).append(`${priceList}`);
        if(data.nearest && _LB_Map_ObjInfo_1.StoreLocationInfo.showDetailsNearByLocation){
            let nearest3 = data.nearest;
            
            let getURL = function(nearestLocation){
                let backURL ="" 
                if(SLMPage!=""){
                    backURL = "&SLMPage=" + encodeURI(SLMPage)
                }
                let locationNameUrl = "loc="+encodeURI(nearestLocation.locationName);
                let detailsPageView = `/public/TestLocationDetails?${locationNameUrl}&id=${nearestLocation.id}&clientid=${nearestLocation.clientID}`;
                if(Debug==='False'){
                    if(Platform=="web"){
                        if(_LB_Map_ObjInfo_1.StoreLocationInfo.detailViewUrl){
                            if(_LB_Map_ObjInfo_1.StoreLocationInfo.detailViewUrl!==null){
                                detailsPageView = _LB_Map_ObjInfo_1.StoreLocationInfo.detailViewUrl.replace("locationid={locationid}",locationNameUrl+"&locationid="+encodeURI(nearestLocation.id))+backURL;
                            }
                        }
                    }else{
                        if(_LB_Map_ObjInfo_1.StoreLocationInfo.detailView_app_Url){
                            if(_LB_Map_ObjInfo_1.StoreLocationInfo.detailView_app_Url!==null){
                                detailsPageView = _LB_Map_ObjInfo_1.StoreLocationInfo.detailView_app_Url.replace("locationid={locationid}",locationNameUrl+"&locationid="+encodeURI(nearestLocation.id))+backURL;
                            }
                        }
                    }
                    
                    if(bOverrideDetailURL==true){                
                        detailsPageView = strDetailURL.replace("locationid={locationid}",locationNameUrl+"&locationid="+encodeURI(nearestLocation.id))+backURL;
                    }
                }
                return detailsPageView;
            }
            if(data.nearest.length>3){
                nearest3 = _LB_Map_ObjInfo_1.findClosest(data.nearest);
            }
            if(nearest3.length==0){
                nearest3 = [{locationName:"",addressLine1:"",OpenTime:"",atag:"",endTag:""},
                            {locationName:"",addressLine1:"",OpenTime:"",atag:"",endTag:""},
                            {locationName:"",addressLine1:"",OpenTime:"",atag:"",endTag:""}];
            }else if(nearest3.length==1){
                nearest3 = [{locationName:nearest3[0].locationName,addressLine1:nearest3[0].addressLine1,
                            OpenTime:_LB_Map_ObjInfo_1.findClosestTime(nearest3[0]),
                            atag:`<a itemprop="relatedLink" href="${getURL(nearest3[0])}" title="${nearest3[0].locationName}">`,endTag:"</a>"},
                            {locationName:"",addressLine1:"",OpenTime:"",atag:"",endTag:""},                            
                            {locationName:"",addressLine1:"",OpenTime:"",atag:"",endTag:""}];
            }else if(nearest3.length==2){
                nearest3 = [{locationName:nearest3[0].locationName,addressLine1:nearest3[0].addressLine1,
                            OpenTime:_LB_Map_ObjInfo_1.findClosestTime(nearest3[0]),
                            atag:`<a itemprop="relatedLink" href="${getURL(nearest3[0])}" title="${nearest3[0].locationName}">`,endTag:"</a>"},
                            {locationName:nearest3[1].locationName,addressLine1:nearest3[1].addressLine1,
                            OpenTime:_LB_Map_ObjInfo_1.findClosestTime(nearest3[1]),
                            atag:`<a itemprop="relatedLink" href="${getURL(nearest3[1])}" title="${nearest3[1].locationName}">`,endTag:"</a>"},
                            {locationName:"",addressLine1:"",OpenTime:"",atag:"",endTag:""}];
            }else if(nearest3.length==3){
                nearest3 = [{locationName:nearest3[0].locationName,addressLine1:nearest3[0].addressLine1,
                            OpenTime:_LB_Map_ObjInfo_1.findClosestTime(nearest3[0]),
                            atag:`<a itemprop="relatedLink" href="${getURL(nearest3[0])}" title="${nearest3[0].locationName}">`,endTag:"</a>"},
                            {locationName:nearest3[1].locationName,addressLine1:nearest3[1].addressLine1,
                            OpenTime:_LB_Map_ObjInfo_1.findClosestTime(nearest3[1]),
                            atag:`<a itemprop="relatedLink" href="${getURL(nearest3[1])}" title="${nearest3[1].locationName}">`,endTag:"</a>"},
                            {locationName:nearest3[2].locationName,addressLine1:nearest3[2].addressLine1,
                            OpenTime:_LB_Map_ObjInfo_1.findClosestTime(nearest3[2]),
                            atag:`<a itemprop="relatedLink" href="${getURL(nearest3[2])}" title="${nearest3[2].locationName}">`,endTag:"</a>"}];
            }
            
             
            let firstLocation = `<div class="nearby_location">
                ${nearest3[0].atag}
                <h4>${nearest3[0].locationName}</h4>
                <div class="loc_address">${nearest3[0].addressLine1}</div>
                <div class="loc_times">${nearest3[0].OpenTime}</div>
                ${nearest3[0].endTag}
              </div>`;
            let SecondLocation = `<div class="nearby_location">
                ${nearest3[1].atag}
                <h4>${nearest3[1].locationName}</h4>
                <div class="loc_address">${nearest3[1].addressLine1}</div>
                <div class="loc_times">${nearest3[1].OpenTime}</div>
                ${nearest3[1].endTag}
              </div>`;
            let ThirdLocation = `<div class="nearby_location">
                ${nearest3[2].atag}
                <h4>${nearest3[2].locationName}</h4>
                <div class="loc_address">${nearest3[2].addressLine1}</div>
                <div class="loc_times">${nearest3[2].OpenTime}</div>
                ${nearest3[1].endTag}
              </div>`;
                                let backButton = `<a class="btn btn-primary" onclick="javascript:history.go(-1);return false;">Find more</a>`;
            if(SLMPage!=""){
                backButton = `<a class="btn btn-primary" href="${SLMPage}">Find more</a>`;
            }

            let nearestHTML = `<h4 class=""><b> Nearby Locations</b></h4>
                    <div class="locations_container">
                        ${firstLocation}
                        ${SecondLocation}
                        ${ThirdLocation}
                    </div> 
                    ${backButton}`;
            DomObj( "#"+ID + " #LB_Nearby_locations" ).append(nearestHTML);
        }else{
            DomObj( "#"+ID + " #LB_Nearby_hr").hide();
            DomObj( "#"+ID + " #LB_Nearby_locations").hide();
        }
         
    }
    _LB_Map_ObjInfo_1.initMap = function() {
         
        _LB_Map_ObjInfo_1.map = new google.maps.Map(document.getElementById("LB_MAP_"+ID), {
        center: {lat: -34.397, lng: 150.644},
        zoom: 1,
        doCluster:true
        }); 
        _LB_Map_ObjInfo_1.isLoaded=true;
        
        DomObj.ajax({url:loadFile+"StoreLocatorAPI/location?LocationID="+LocationID + "&clientID="+ID, success: function(result){
            LocationID= result.locations[0].id;
            _LB_Map_ObjInfo_1.showGoogleMapLoad(result,_LB_Map_ObjInfo_1.map);
            let detailsImage = result.imagesCategory;
            let MediaCat2="",MediaCat3="";
            if(result.detailsImagesCategory){
                if(result.detailsImagesCategory!==null){
                    if(result.detailsImagesCategory!==""){
                        detailsImage = result.detailsImagesCategory;
                    }
                }
            }
            if(result.detailsImagesCategory2){
                if(result.detailsImagesCategory2!==null){
                    if(result.detailsImagesCategory2!==""){
                        MediaCat2= "&MediaCat2="+result.detailsImagesCategory2;
                    }
                }
            }
            if(result.detailsImagesCategory3){
                if(result.detailsImagesCategory3!==null){
                    if(result.detailsImagesCategory3!==""){
                        MediaCat3= "&MediaCat3="+result.detailsImagesCategory3;
                    }
                }
            }
            DomObj.ajax({url:loadFile+"StoreLocatorAPI/locationImageList?ClientID="+ID+"&LocationID="+LocationID +"&MediaCat=" + detailsImage + MediaCat2+ MediaCat3, success: function(result){
                
                _LB_Map_ObjInfo_1.showImages(result);
                DomObj.ajax({url:loadFile+"StoreLocatorAPI/locationDetails?LocationID="+LocationID+"&ClientID="+ID, success: function(result){
                    
                    _LB_Map_ObjInfo_1.showDetails(result);
                }});
            }});
        }});
        
        
      }
      _LB_Map_ObjInfo_1.JsonLD=[];
    _LB_Map_ObjInfo_1.createJsonLD = function(locinfo){
        if(!locinfo.imageUrlLogo_Medium){
            locinfo.imageUrlLogo_Medium = null;
        }
        if(!locinfo.price){
            locinfo.price = null;
        }
        _LB_Map_ObjInfo_1.JsonLD.push({
            "@context": "https://schema.org/",
            "@type": "LocalBusiness",  
            "address": {
                "@type": "PostalAddress",
                "addressLocality": locinfo.locality,
                "addressRegion": locinfo.administrativeArea,
                "postalCode": locinfo.postalCode,
                "streetAddress": locinfo.addressLine1
            },
            "name": locinfo.locationName,  
            "telephone": locinfo.primaryPhone,
            "url": locinfo.websiteUrl,
            "image":locinfo.imageUrlLogo_Medium==null?"":locinfo.imageUrlLogo_Medium,
            "priceRange": locinfo.price==null?"":locinfo.price, 
            });
    }
    _LB_Map_ObjInfo_1.saveJsonLD = function(){
        let head = (document.getElementsByTagName("head")[0] || document.documentElement);
        _LB_Map_ObjInfo_1.JsonLD.forEach(x=>{
            var d = document.createElement("script");
            d.setAttribute("type", "application/ld+json");         
            d.innerHTML+=JSON.stringify(x) + ","
            head.appendChild(d)
        });
        
    }
    ///////////////////////////////////////////////////////////////
    _LB_Map_ObjInfo_1.analytic = function(type,locationID,context,customType){
        type = encodeURI(type);
        var clientId = TestClientId;
        locationID = encodeURI(locationID);
        context = encodeURI(context);
        DomObj.ajax({url:loadFile+`StoreLocatorAnalyticsAPI/save?ClientID=${clientId}&type=${type}&locationid=${locationID}&contex=${context}&customType=${customType}`, 
            success: function(result){
            //do nothing
        }});
    }
    function CreateScript(url){
    var mapDom = document.createElement("script");
    mapDom.src = url;
    
    return mapDom;      
}
function CreateCSS(url){
    var css = document.createElement("link");
    css.href = url;
    css.rel="stylesheet";
    css.type="text/css";
    //css.rel="preload";
    return css;      
}
function CreateScriptWithOnLoad(url,onload){
var mapDom = document.createElement("script");
mapDom.src = url;
mapDom.onload = onload;
return mapDom;      
}

function bps_isMobile(){
    return window.outerWidth<=768?true:false
}
})();