var referer = document.referrer, utm = '', lastTextId = 1, noclickevent = false, superhider = 0, zvonim = 0, millisec = 0, onSiteTimer = null,  
	leaveShown = false, seconds = 29, timer, viewport = '', autoShown = false, sendPerezvonokMail = function() { };

function clb_send22(form) {
	var f = $("#"+form);
	$.ajax({
			method: 'get',
			url: Yii.app.createUrl('site/miniZayavkaAdvert'),
			data: f.serialize(),
			success: function(html){
                console.log(html);
				showPanel(0);
			}
		});


}


function magicc(type, textId, auto, yandexEvent) {
	if(jQuery("#clb_div").css('display') != 'none') return;
		auto = auto || false;
	textId = textId || 1;
    if(noclickevent) { 
		noclickevent = false;
		return; 
	}
	
	//console.log(document.getElementById("clb_div").style.display);
	if(document.getElementById("clb_div").style.display == 'block') {
		return;
	}
	
			var altag = document.body.childNodes;
			for(var v in altag) { 
				altag[v].className = altag[v].className + ' iblur';
			}
			jQuery("#clb_div").fadeIn(250); 
		jQuery('.perezvonok-mobile').addClass('perezvonok-mobile-open').removeClass('perezvonok-mobile');
	
	document.querySelector("#wicontainer").className = ""; 
	jQuery('.perezvonok-knopka, .perezvonok-text').hide();
	lastTextId = textId;
	jQuery('#perezvonok-text-' + textId).show();
	
		
		
}



function whide(type) {

		var elems = document.body.childNodes;
		for (var i in elems) {
			if (elems[i].className) {
				elems[i].className = elems[i].className.replace('iblur', '');
			}
		}
				jQuery('#clb_div').fadeToggle(200);  
	jQuery('.perezvonok-knopka').show();
	}




var element = document.createElement('div');
element.id = 'wicontainer';
element.innerHTML = '<style>.clb_banner-button {background-color:#0CBB07!important;}</style><div id="clb_div" style="display:none" class="clb_banner-wrapper"><div id="clb_div_ban" style="opacity:1;background-image:url(\'/include/perezvon/popup-bg.png\');background-color:#FFFFFF;" class="clb_banner clb_banner-0">		<div id="clb_exit" onclick="whide(0);" class="clb_banner-exit">			<i class="fa fa-times" aria-hidden="true" style="font-size:32px!important;color:#333333;"></i>		</div>		<div class="clb_banner-body"><div class="clb_banner-form-row-1">				<div id="clb_banner_content" class="clb_banner-form">					<div id="clb-panel_0" class="panels">					<div class = "show-after-send" style=\'display:block; color:#333333!important; font-size:24px!important; line-height:30px;\'><b>Спасибо за обращение!</b> <br/>Первый освободившийся специалист свяжется с Вами и ответит на все интересующие Вас вопросы!<br/><br/><b> Хорошего Вам дня:)</b></div>				</div>					<div id="clb-panel_1" class="panels">					<form id = "form_p_1">							<div id="clb_phone_line" class="clb_banner_phone_line">								<div id="clb_banner_h1" class="clb_banner-h1">			<div style="color:#333333;display:block" class="worktime"><div class="perezvonok-text" id="perezvonok-text-1" style="display:none">Здравствуйте! Мы перезвоним Вам и ответим на все интерисующие Вас вопросы</div></div>										</div>									<input id="clb_phone" class="clb_banner-textbox telefon2" autocomplete="off" name = "phone" type="text" maxlength="18" value="" placeholder="+7 (___) ___-__-__" style="padding:0 8px !important;">							<button id="clb_send" onclick=\'if(jQuery("#clb_phone").val().length<7) {jQuery("#clb_phone").css("outline","1px solid red");} else {clb_send22("form_p_1");}return false\' class="hide-after-send clb_banner-button" style="margin-left:5px !important;">ЖДУ ЗВОНКА</button>							</div>							<div id="clb_banner_delay_line" class="hide-after-send clb_banner_delay_line"><i class="fa fa-clock-o" style="color:#333333;opacity:0.8;font-size:22px!important;padding-bottom:1px;line-height:20px;vertical-align:bottom;"></i><div id="clb_banner_delay_line_div" class="clb_banner_delay_line_div"><a id="clb_banner_delay_link" onclick="showPanel(2);document.getElementById(\'clb_banner_h1\').style.display=\'none\';" href="javascript:;" style="color:#333333">Выбрать удобное время для звонка</a>				</div>			</div>						</form>				</div>								<div id="clb-panel_2" class="panels clb_banner-body" style="margin-top:0;padding:0 !important;position:static">					<form id = "form_p_2">									<div id="clb_phone_line2" class="clb_phone_line2">													<div id="clb_banner_h2" class="clb_banner-h1"> 	<span style="color:#333333; padding: 0 10px;">c</span>   								<select  name = "timeFrom"><option value="10:00">10:00</option><option value="11:00">11:00</option><option value="12:00">12:00</option><option value="13:00">13:00</option><option value="14:00">14:00</option><option value="15:00">15:00</option><option value="16:00">16:00</option><option value="17:00">17:00</option><option value="18:00">18:00</option></select><span style="color:#333333; padding: 0 10px;">до</span>    					<select name = "timeTo"><option value="11:00">11:00</option><option value="12:00">12:00</option><option value="13:00">13:00</option><option value="14:00">14:00</option><option value="15:00">15:00</option><option value="16:00">16:00</option><option value="17:00">17:00</option><option value="18:00">18:00</option><option value="19:00">19:00</option></select> 										</div>															<input id="clb_phone2" class="clb_banner-textbox telefon2" type="text" name = "phone" maxlength="18" value="" placeholder="+7 (___) ___-__-__" style="font-size:20px!important;width:200px!important;height:42px!important;">									<button id="clb_send2" onclick=\'if (jQuery("#clb_phone2").val().length<7) {jQuery("#clb_phone2").css("outline","1px solid red");} else {clb_send22("form_p_2");}return false\' class="clb_banner-button clb_banner-button">ЖДУ ЗВОНКА</button>								</div> 						<div class="hide-after-send clb_banner_delay_line_div" style="margin-top:18px"><i class="fa fa-phone" style="color:#333333;opacity:0.8;font-size:22px!important; line-height:20px; vertical-align:bottom;"></i>											<a id="clb_banner_delay_link2" onclick="showPanel(1);document.getElementById(\'clb_banner_h1\').style.display=\'block\';" href="javascript:;" style="margin-left:5px;color:#333333">Либо мы позвоним прямо сейчас</a>							</div>						</form>				</div>						</div>		</div></div>		<label style="margin:0px 30px 0px 0px!important;font-size:13px!important;opacity:0.4;text-align:left;line-height:20px!important;position:static;color:#333333!important;display:inline-block;"><img style="height:14px!important;margin:3px 5px 0 0!important;width:13px!important;float:left!important;" src="/include/perezvon/checked.jpg" /><a class="pz-agr-link" style="text-decoration:none;margin:0;padding:0;font-size:13px;opacity:1;text-align:left;line-height:20px;color:#333333!important;" href="/site/license2" rel="nofollow" target="_blank">Я согласен на обработку персональных данных</a></label>	</div>	<div id="clb_banner_bg" class="clb_banner_bg" onclick="whide(0);" style="display: block;"></div></div><div id="knopkatwo_phone_div" style=\'bottom:200px;right:0%;\'  class="perezvonok-knopka knopkatwo-phone knopka-#24C61B"><div class="knopkatwo-ph-circle ph-circle" style="border:2px solid #24C61B;"></div><div class="knopkatwo-ph-circle-fill ph-circle-fill" style="background-color:#24C61B;"></div><div onclick=\'magicc(0);return false\' class="perezvonok-btn-container knopkatwo-ph-img-circle ph-img-circle" style="overflow:hidden;background-color:#24C61B;line-height:18px;"><i class="perezvonok-btn-slide fa fa-phone" style="position:relative!important;color:white!important;font-size:60px!important;line-height:82px!important;margin:0!important;padding:0!important;"></i><span style="display:none" class="perezvonok-btn-text perezvonok-btn-slide">КНОПКА<br />СВЯЗИ</span></div></div>';
if (superhider == 0) {
	document.body.appendChild(element);
}


function addOnloadEvent(fnc){
	if ( typeof window.addEventListener != "undefined" )
		window.addEventListener( "load", fnc, false );
		else if ( typeof window.attachEvent != "undefined" ) {
		window.attachEvent( "onload", fnc );
	}
	else {
		if ( window.onload != null ) {
		  var oldOnload = window.onload;
		  window.onload = function ( e ) {
			oldOnload( e );
			window[fnc]();
		  };
		}
		else 
		  window.onload = fnc;
	}
}

						setInterval(function() {
				var s = 1, h = 0;
				if(jQuery('.perezvonok-btn-container .perezvonok-btn-slide').eq(0).css('display') == 'none') {
					s = 0; h = 1;
				}
				jQuery('.perezvonok-btn-container .perezvonok-btn-slide').eq(h).fadeOut('fast');
				jQuery('.perezvonok-btn-container .perezvonok-btn-slide').eq(s).fadeIn('fast');
			}, 3000);


var zvonok = document.getElementsByClassName('perezvonok-knopka').length > 0 ? document.getElementsByClassName('perezvonok-knopka')[0] : null;
if(zvonok) {
	zvonok.style.position = 'fixed';
	zvonok.ondragstart = function() { return false; };
}

function showPanel(number) {
	var panels = document.getElementsByClassName('panels');
	for(var i = 0; i < panels.length; ++i) {
		panels[i].style.display = 'none';
	}
	document.getElementById('clb-panel_' + number).style.display = 'block';
}
	$.mask.definitions["h"] = "[0-9]";
	$(".telefon2").mask("+7 (hhh) hhh-hh-hh");
$('#perezvon_common').click(function(){
	magicc(0);
	return false;
});
$('#clb_banner_delay_link').click(function(){
	$('#clb_phone2').val($('#clb_phone').val());
});
$('#clb_banner_delay_link2').click(function(){
	$('#clb_phone').val($('#clb_phone2').val());
});