//if( !window['jcClWidgetBase'] ){
//открытие по тэгу
if( typeof jcClWidgetBaseOk === 'undefined'){
  
var jcClWidgetBase = function (param) {
  this.hash = param.hash;
  this.wid  = param.wid;
  this.host = param.host;
  this.type = '';
  this.content = '';
  this.button = '';
  this.cssfile = this.host+'/widget/widget.css';
  this.parentid = 0;  //родительская сделка
  this.customer = {};

  this.init(param);
  this.referrer = '';
  this.setstat();
  this.onopenform = '';
  this.oncloseform = '';
  
  this.progressDiv = false;
  this.progress   = false;

  if(!jcClWidgetBase.mapWidgets[this.wid])
    jcClWidgetBase.mapWidgets[this.wid] = this;

}

jcClWidgetBase.prototype = {
  init: function(param) {
    var thisObj = this;
    this.maindiv = document.createElement('div');  
    this.maindiv.id='cl_widget_'+this.hash;
    this.maindiv.innerHTML = '<link href="'+this.cssfile+'" type="text/css" rel="stylesheet" />';
    this.img = document.createElement('img');
    this.img.id='cl_widget_'+this.hash+'_img';
    this.img.className = 'clwidget_img';
    this.maindiv.appendChild(this.img);
    this.btn = document.createElement('div');  
    this.btn.id = 'cl_widget_button_'+this.hash;
    this.btn.className = 'clwidget-btn';
    this.btn.onclick = function(e) {
      thisObj.openform();
    }
    this.maindiv.appendChild(this.btn);
    this.container = document.createElement('div');  
    this.container.id='cl_widget_content_'+this.hash;
    this.container.className='clwidget-content';
    this.container.style.display = 'none';
    this.maindiv.appendChild(this.container);
    this.modal = document.createElement('div');  
    this.modal.id='cl_widget_overlay_'+this.hash;
    this.modal.className='clwidget-overlay';
    this.modal.onclick = function(e) {
      thisObj.closeform();
    }
    this.maindiv.appendChild(this.modal)
    document.body.appendChild(this.maindiv); 
    this.modal.style.zIndex = 9990;
    this.container.style.zIndex = 9999;
    
    jcClWidgetBase.mapWidgets[ this.wid ] = this;
    this.parentid = 0;
    this.customer = { id:0, fname:'', mname:'', lname:'', phone:'', email:'', city:''};
  }, //init
  openform: function() {
    this.modal.style.display='block';
    this.modal.style.opacity = 0.7;
    this.container.style.display='block';
    if(this.onopenform)
      this.onopenform();    
  },
  closeform: function() {
    this.modal.style.display='none';
    this.modal.style.opacity = 0;
    this.container.style.display='none';
    if(this.oncloseform)
      this.oncloseform();    
  },
  getcookie: function(name) {
    var reg = new RegExp('('+name+'=)([^;]*)','i');
    var matches = document.cookie.match(reg);
    return matches ? decodeURIComponent(matches[2]) : false;
  },
  setcookie: function(name,val,options) {
    var str=name+'='+val+';path=/;';
    if(options && options.expires)
      str+='expires='+options.expires;
    document.cookie = str;
  },
  deletecookie: function(name) {
    this.setcookie(name, "", {expires: -1})
  },
  setstat: function() {
    this.referrer = this.getcookie('clwd_ref');
    if(this.referrer == false) {
      this.referrer = document.referrer;          
      var date = new Date;
      date.setDate(date.getDate() + 7);
      this.setcookie('clwd_ref',document.referrer,{expires : date.toUTCString()});
    }
  },
  toYandex: function(target) {
    //Yandex metrika
    var yaID=0;
    if (typeof Ya !== "undefined") 
      if(Ya && Ya._metrika && Ya._metrika.getCounters && Ya._metrika.getCounters().length && Ya._metrika.getCounters()[0].id) {
        yaID = Ya._metrika.getCounters()[0].id+'';
        if(eval('yaCounter'+yaID)) {
          var yaCNT = eval('yaCounter'+yaID);
          yaCNT.reachGoal(target);      
        }
      }
  },
  toGoogle: function(target) {
    //Google Analytics 
    if (typeof _gaq !== "undefined") 
      if(_gaq && _gaq.push)
        _gaq.push(['_trackEvent', 'CloffWidget', target]);
    //Universal Analytics
    else if (typeof ga !== "undefined") 
      if(ga)
        ga('send', 'event', 'CloffWidget', target);
  },
  callscript: function(url,data,fcallback) {
    var t = new Date().getTime();
    var str = url+'?_t='+t+'&_w='+this.wid+'&_h='+this.hash+'&_r='+encodeURIComponent(this.referrer);
    if(data)
      str+='&'+data;
    this.img.onload = function() {
      var nstatus = parseInt(this.naturalHeight,10);
      if(fcallback)
        fcallback(nstatus);
    }
    this.img.src = str;
  },
  getparams: function(){
    var t = new Date().getTime();
    return ('_t='+t+'&_w='+this.wid+'&_h='+this.hash+'&_r='+encodeURIComponent(this.referrer));
  },
  //отправка запроса CORS
  callajax: function(url, data, fcallback, isprogress, errfunc) {
    var t = new Date().getTime();
    var thisObj = this;
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.withCredentials = true;
    
    if(data){
      xmlHttp.open( (data?'POST':'GET'), url, true);
      xmlHttp.setRequestHeader("Method", "POST " + url + " HTTP/1.1");
      xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
      data += ('&_t='+t+'&_w='+this.wid+'&_h='+this.hash+'&_r='+encodeURIComponent(this.referrer));
    }
    else {
      url += ( ( (url.indexOf('?')<=0) ? '?' : '&')+'_t='+t+'&_w='+this.wid+'&_h='+this.hash+'&_r='+encodeURIComponent(this.referrer));
      xmlHttp.open( (data?'POST':'GET'), url, true);
    }
    xmlHttp.onreadystatechange = function(){
      var param = false;
      //console.log('xmlHttp.readyState',xmlHttp.readyState, 'isprogress', isprogress);
      if(isprogress){ 
        //console.log('xmlHttp.readyState if(isprogress){ ',(25*xmlHttp.readyState));
        thisObj.setProgress(25*xmlHttp.readyState); 
      }
      if(xmlHttp.readyState == 4){
        if(isprogress){ thisObj.hideProgress(); }
        if(xmlHttp.status !=200 ) {
          if(errfunc)
            errfunc();
          if( xmlHttp.status != 0 ){
            alert('ERROR: request error.\nResponce status:'+xmlHttp.status);
            return false;
          }
          else{
            xmlHttp.abort();
            return false; 
          }          
        }
        var resp = xmlHttp.responseText;
        try {
          param = eval(resp)[0];
        } catch (e) {
          console.log('Ошибка обработки ответа:', resp);
          console.error(e);
          if(errfunc)
            errfunc();
          return false;
        };
        if(fcallback) fcallback(param);
      }
    };
    if(isprogress){ this.showProgress(); }

    xmlHttp.send(data);
    var n = 0;
    var prog = function(){
      n++;
      thisObj.setProgress(4*n);
      if(n<20)
        window.setTimeout( prog, 100);  
    };
    prog();
    
  },

  setProgress: function(v){
    this.progress.value = v;
  },
  showProgress: function(){
    if(!this.progressDiv){
      this.progressDiv = document.createElement("DIV");
      this.progressDiv.className = 'clwidget-progress-overlay';
      this.progressDiv.style.display = 'none';
      this.progress = document.createElement("PROGRESS");
      this.progress.className = 'clwidget-progress';
      this.progress.max = 100;
      this.progressDiv.appendChild(this.progress);
      document.body.appendChild(this.progressDiv);
    }
    //получим zIndex
    this.progress.value = 0;
    this.progressDiv.style.zIndex = ( this.zIndex ? parseInt(this.zIndex,10)+10000: (this.container?parseInt(this.container.style.zIndex,10):0)+5);
    this.progressDiv.style.display = 'block';
  },
 
  hideProgress: function(){
    this.progressDiv.style.display = 'none';
  }, //hideProgress
  
  setParent: function(pid){
    this.parentid = pid;
  }, //setParent
  
  setCustomer: function(oc){
    this.customer = Object.assign({}, oc);
  }, //setCustomer

}

jcClWidgetBase.mapWidgets = {};

jcClWidgetBase.getWidget = function(wid){
  return ( jcClWidgetBase.mapWidgets[wid] ? jcClWidgetBase.mapWidgets[wid]: false );
};

jcClWidgetBase.onHASH = function(e){
  console.log('HASH333', location.hash);
  if(location.hash.substr(0,6)==='#CLWDG'){
    let wid = parseInt(location.hash.substr(6),10);
    if(wid){
      let wgd = jcClWidgetBase.getWidget(wid);
      if(wgd)
        wgd.openform();
    }
  }
}

window.addEventListener('DOMContentLoaded', (event) => {
  window.addEventListener("hashchange"
  , function(e) {
      jcClWidgetBase.onHASH(e);
    }
  , false);
  console.log('OK DOMContentLoaded', jcClWidgetBase.mapWidgets);  
    
  //ну и проверим а вдруг сразу?
  if( location.hash && location.hash.length)
    setTimeout( function(){ jcClWidgetBase.onHASH(); },800);
    
});
console.log('SET DOMContentLoaded', jcClWidgetBase.mapWidgets);  
var jcClWidgetBaseOk = 1;
} //END if jcClWidgetBaseOk;


//} //if( !window['jcClWidgetBase'] ){
function jcClWidgetNewCust(param) {
  jcClWidgetBase.apply(this, arguments);
  this.content = param.content;
  this.onopenform = function() { };
  this.oncloseform = function() { };
  this.myinit();
  this.busy = false;
}

jcClWidgetNewCust.prototype = Object.create(jcClWidgetBase.prototype);

jcClWidgetNewCust.prototype.myinit = function() {
  var link = document.createElement('link');
  link.type='text/css';
  link.rel='stylesheet';
  link.href = this.host+'/widget/newcust.css';
  this.maindiv.appendChild(link);
  this.container.className = '';
  this.container.innerHTML = this.content;
  this.btn.style.display = 'none';
}

jcClWidgetNewCust.prototype.send = function() {
  var thisObj = this;
  if(this.busy)
    return false;  
  //check
  var req = this.container.querySelectorAll('[req]');
  for(var i=0;i<req.length;i++) {
    if((req[i].nodeName == 'INPUT') && (req[i].type=='checkbox') && !req[i].checked) {
      alert("Включите "+req[i].nextSibling.title);//innerHTML.replace('<span class="clStar">*</span>',''));
      return false;
    }
    if((req[i].nodeName == 'INPUT') && (req[i].type=='text') && (req[i].value=='')) {
      alert("Заполните поле "+req[i].previousSibling.title);//innerHTML.replace('<span class="clStar">*</span>',''));
      return false;
    }
    if((req[i].nodeName == 'TEXTAREA') && (req[i].value=='')) {
      alert("Заполните поле "+req[i].previousSibling.title);//innerHTML.replace('<span class="clStar">*</span>',''));
      return false;
    }    
    if((req[i].nodeName == 'SELECT') && (req[i].value==0)) {
      alert("Выберите "+req[i].previousSibling.title);//innerHTML.replace('<span class="clStar">*</span>',''));
      return false;
    }        
  }
  this.setbusy();
  var fields = this.container.querySelectorAll('[field]');
  var params = {};
  for(i=0;i<fields.length;i++)
    if((fields[i].nodeName == 'INPUT') && (fields[i].type=='checkbox'))
      params[fields[i].attributes['field'].value] = (fields[i].checked?1:0);
    else
      params[fields[i].attributes['field'].value] = fields[i].value;  
  var str = JSON.stringify(params);  
  this.callajax(this.host+'/widget/addcustomer.php','params='+encodeURIComponent(str),function(param) {
    if(param.errcode==0) {//всё ок
      thisObj.unbusy();
      thisObj.closeform();
      alert('Ваша заявка оправлена');
    } else {
      if(param.errcode==4) {
        var err = thisObj.container.querySelectorAll('.nc_ErrorText');
        for(i=0;i<err.length;i++) {
          if(err[i].parentNode.querySelector('[field]').attributes['field'].value==param.errdescription)
            err[i].style.display = 'block';
          else
            err[i].style.display = '';
        }
        alert('Некорректные данные.');
      } else
        alert('Ошибка обработки данных.');
      thisObj.unbusy();
    }
  });
}

jcClWidgetNewCust.prototype.setbusy = function() {
  var thisObj= this;
  this.busy = true;  
  this.modal.style.zIndex = 10000;
  this.modal.style.cursor = 'wait';
  this.modalclick = this.modal.onclick;
  this.modal.onclick = '';  
  setTimeout(function() { thisObj.unbusy(true);},30000);  
}

jcClWidgetNewCust.prototype.unbusy = function(to) {
  if(!this.busy)
    return true;
  this.busy = false;
  this.modal.style.zIndex = 9990;
  this.modal.style.cursor = 'default';
  this.modal.onclick = this.modalclick;
  if(to)
    alert('Таймаут выполнения операции.');
}
var clW_4dbdd9b1b25df626b1449b9a29d0c67d = new jcClWidgetNewCust({ hash:'4dbdd9b1b25df626b1449b9a29d0c67d', wid:4824, content:'<div class="nc_Window nc_Background nc_BorderRadius nc_WindowHeight"><div class="nc_Form"><div class="nc_Header nc_HeaderColor nc_HeaderTxtSize">Заполните форму и мы свяжемся с Вами в ближайшее время</div><div class="nc_FormLine"><div class="nc_EmailIcon"></div><label title="Напишите,пожалуйста, Ваш адрес электронной почты" class="nc_TxtColor">Напишите,пожалуйста, Ваш адрес электронной почты<span>*</span></label><input req field="861" class="nc_Help" type="text" value=""><div class="nc_HelpButton"></div><div class="nc_HelpText">Здесь вы можете написать свой вопрос к психологу</div><div class="nc_ErrorText">проверьте,пожалуйста.правильность заполнения полей</div></div><label class="nc_TxtColor" style="font-style: italic;font-size: 12px;"><span class="nc_Star">*</span> поля, помеченные звездочкой, обязательны для заполнения</label></div><div class="nc_ButtonsLine"><div onclick="clW_4dbdd9b1b25df626b1449b9a29d0c67d.closeform();" class="nc_Button nc_Button-exit nc_ButtonExitColor nc_ButtonExitTxtColor"><span class="nc_Button-exit-span nc_ButtonTxtColor">&times;</span>Закрыть</div><div onclick="clW_4dbdd9b1b25df626b1449b9a29d0c67d.send();" class="nc_Button nc_Button-submit nc_ButtonSubmitColor nc_ButtonSubmitTxtColor">Отправить заявку</div></div></div><style type="text/css">.nc_Background {background-color:rgba(61,211,199,1.00) !important;}.nc_ButtonSubmitColor {background-color:rgba(140,198,63,1.00) !important;}.nc_ButtonSubmitTxtColor {color:rgba(219,38,38,1.00) !important;}.nc_ButtonExitColor {background-color:rgba(194,209,17,1.00) !important;}.nc_ButtonExitTxtColor {color:rgba(3,3,3,1.00) !important;}.nc_HeaderColor {color:rgba(3,3,3,1.00) !important;}.nc_TxtColor {color:rgba(3,3,3,1.00) !important;}.nc_HeaderTxtSize {font-size:18px !important;}.nc_WindowHeight {height:220px;}.nc_Window.nc_BorderRadius {border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}</style>', host:'https://36534.cloff.ru' });