var form = {"form":"","code":"ZXlKbUlqb2lORGNpTENKaklqb2lNU0lzSW5VaU9pSXhJaXdpZENJNklqTXdMakEyTGpJd01qUWdNREk2TURFNk1qSWlMQ0pqYjJSbElqcGJYU3dpYXlJNkltUmhaV1kzWVdZNE9EWXhNRFZsT0dRMk5XRTFZalEzTmprNE4yRXhZek0ySW4wJTNE"};
e=document.getElementsByTagName("script")
for(var x=e.length-1;x>-1;x--){
	if(e[x].src==window.location.protocol+"//calc.breegs.ru/calc/getjscalc/ZXlKbUlqb2lORGNpTENKaklqb2lNU0lzSW5VaU9pSXhJaXdpZENJNklqTXdMakEyTGpJd01qUWdNREk2TURFNk1qSWlMQ0pqYjJSbElqcGJYU3dpYXlJNkltUmhaV1kzWVdZNE9EWXhNRFZsT0dRMk5XRTFZalEzTmprNE4yRXhZek0ySW4wJTNE"){
		console.log("find script: "+e[x].src);
		breegs_w(e[x])
		break;
	}
}
function breegs_w(e){
	console.log("import");

	breegs_import("https://yastatic.net/jquery/3.3.1/jquery.min.js");
	if (typeof $==="undefined"){
		return setTimeout(function(){
			breegs_w(e);
		}, 300);
	}

$(document).ready(function(){
		e=$(e)
		var d=$('<div\>')
		//var d=$('div#cal')
		d.html(form.form);
		e.before(d);
		e.remove();
	});
}
function breegs_import(src){
	var scriptElem = document.createElement("script");
    scriptElem.setAttribute("src",src);
    scriptElem.setAttribute("type","text/javascript");
    document.getElementsByTagName("head")[0].appendChild(scriptElem);
}

<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined index: host</p>
<p>Filename: controllers/Calc.php</p>
<p>Line Number: 270</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/admin/web/calc.breegs.ru/public_html/application/controllers/Calc.php<br />
			Line: 270<br />
			Function: _error_handler			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/admin/web/calc.breegs.ru/public_html/application/controllers/Calc.php<br />
			Line: 122<br />
			Function: ajax			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/admin/web/calc.breegs.ru/public_html/index.php<br />
			Line: 322<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined index: host</p>
<p>Filename: controllers/Calc.php</p>
<p>Line Number: 270</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/admin/web/calc.breegs.ru/public_html/application/controllers/Calc.php<br />
			Line: 270<br />
			Function: _error_handler			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/admin/web/calc.breegs.ru/public_html/application/controllers/Calc.php<br />
			Line: 122<br />
			Function: ajax			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/admin/web/calc.breegs.ru/public_html/index.php<br />
			Line: 322<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined index: host</p>
<p>Filename: controllers/Calc.php</p>
<p>Line Number: 273</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/admin/web/calc.breegs.ru/public_html/application/controllers/Calc.php<br />
			Line: 273<br />
			Function: _error_handler			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/admin/web/calc.breegs.ru/public_html/application/controllers/Calc.php<br />
			Line: 122<br />
			Function: ajax			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/admin/web/calc.breegs.ru/public_html/index.php<br />
			Line: 322<br />
			Function: require_once			</p>

		
	

</div>


<style>
	.form-params .field{
		margin-bottom: 5px;
	}
	.form-params .field .caption{
		padding-right: 10px;
	}
	.form-params .field .caption .control{
		padding: 2px 5px;
	}
	#form_order{
		position: fixed;
		z-index: 2050;
	}
	#form_order.in{
		width: auto;
	}
	#form_order .modal-content{
		position: relative;
	}
	#form_order .close{
		position: absolute;
		top: 10px;
		right: 10px;
		font-size: 18px;
	}
	.modal-backdrop.in{
		position: fixed;
		width: auto;
	}
	.btn-calc{
		font-size: 15px;
		padding: 19px 56px;
		display: block;
		width: 100%;
		font-weight: 700;
		border: 1px solid #9C9C9C;
		background-image:     linear-gradient(to top, #DADADA, #F6F6F6);
	}
	.btn-calc:hover{
		background-image:     linear-gradient(to top, #F6F6F6, #DADADA);
	}
	.btn-caption{
		font-size: 11px;
		text-align: right;
		line-height: normal;
	}
</style>



<form id="calc" class="calceicPcydi">
    <input name="Id_form" type="hidden" value="47"/>

    <div class="row calc-box">

        <h2 style="margin: 0">Расчет стоимости работ</h2>

        <div class="col-s-12 col-sm-5 form-params fields">
             



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Длина забора (м)					</div>
	<div class="col-s-12 col-md-6 variable">
					<input name="fence_long" class="form-control input-sm" autocomplete="off" value="" />
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Тип обшивки					</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="cover_type_number" class="form-control input-sm">
				<option value="нет">Нет</option><option value="1" selected>Профлист</option><option value="2">Евроштакетник</option><option value="3">Деревянный штакетник</option><option value="4">Металлический</option><option value="5">Рабица</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Высота забора					</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="fence_height" class="form-control input-sm">
				<option value="1.5м">1.5 метра</option><option value="1.8м">1.8 метра</option><option value="2м" selected>2 метра</option><option value="2.2м">2.2 метра</option><option value="2.5м">2.5 метра</option><option value="3м">3 метра</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Вид столбов					</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="pilar_type" class="form-control input-sm">
				<option value="type=profile_metal&profile=60ммx60ммx2мм" selected>Профильные 60x60x2 мм</option><option value="type=profile_metal&profile=80ммx80ммx3мм">Профильные 80x80x3 мм</option><option value="type=profile_metal&profile=100ммx100ммx3мм">Профильные 100x100x3 мм</option><option value="type=pile&D=76мм">Винтовые сваи D=76 мм</option><option value="type=pile&D=89мм">Винтовые сваи D=89 мм</option><option value="type=bricks&profile=250ммx120ммx65мм">Кирпичные</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Расстояние между столбами					</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="pilar_step" class="form-control input-sm">
				<option value="2.5м">2.5 метра</option><option value="3м" selected>3 метра</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Вид кладки кирпича					</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="pilar_brick_masonry_thickness" class="form-control input-sm">
				<option value="1.5" selected>1.5</option><option value="2">2</option><option value="3">3</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Лаги					</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="fence_log" class="form-control input-sm">
				<option value="нет">Нет</option><option value="type=profile_metal&profile=40ммx20ммx2мм">Профильные 40x20x2 мм</option><option value="type=profile_metal&profile=40ммx20ммx1.5мм" selected>Профильные 40x20x1.5 мм</option><option value="type=profile_metal&profile=50ммx25ммx2мм">Профильные 50x25x2 мм</option><option value="type=profile_metal&profile=60ммx40ммx2мм">Профильные 60x40x2 мм</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Количество лаг					</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="fence_count_log" class="form-control input-sm">
				<option value="2" selected>2</option><option value="3">3</option><option value="4">4</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Покрытие каркаса					</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="paint" class="form-control input-sm">
				<option value="нет" selected>Нет</option><option value="type=paint_grunt">Грунт</option><option value="type=paint_kraska">Alpina</option><option value="type=paint_emal">Эмаль 3 в 1</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Тип профнастила 					</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="cover_type_1" class="form-control input-sm">
				<option value="type=proflist&W=1150мм&paint=1&thickness=0,5mm" selected>С8 (односторонний)</option><option value="type=proflist&W=1150мм&paint=2&thickness=0,5mm">С8 (двусторонний)</option><option value="type=proflist&W=1100мм&paint=1&thickness=0,5mm">МП20 (односторонний)</option><option value="type=proflist&W=1100мм&paint=2&thickness=0,5mm">МП20 (двусторонний)</option><option value="type=proflist&W=1000мм&paint=1&thickness=0,5mm">С21 (односторонний)</option><option value="type=proflist&W=1000мм&paint=2&thickness=0,5mm">С21 (двусторонний)</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Толщина профлиста					</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="cover_thickness_1" class="form-control input-sm">
				<option value="thickness=0,4mm" selected>0.4 мм</option><option value="thickness=0,5mm">0.5 мм</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Цвет профнастила					</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="field_18" class="form-control input-sm">
				<option value="1" selected>Коричневый (Ral 8017)</option><option value="2">Зелёный (Ral 6005)</option><option value="3">Вишнёвый (Ral 3005)</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Марка евроштакетника 						
							<a href="https://www.breegs.ru/tipi_evroshtaketnika" class="fa fa-question href_modal" ></a>
						</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="cover_type_2" class="form-control input-sm">
				<option value="type=evroshtaket&model=3" selected>Стронг</option><option value="type=evroshtaket&model=2">Нова</option><option value="type=evroshtaket&model=6">Eco-line М-обр.</option><option value="type=evroshtaket&model=1">Barrera GRAND</option><option value="type=evroshtaket&model=4">Крона</option><option value="type=evroshtaket&model=5">Лима</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Зазор между штакетом					</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="cover_step" class="form-control input-sm">
				<option value="0см">Нет</option><option value="1см">1 см</option><option value="2см">2 см</option><option value="3см">3 см</option><option value="4см">4 см</option><option value="5см">5 см</option><option value="6см" selected>6 см</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: none;">
	<div class="col-s-12 col-md-6 caption">
				Тип установки штакетин					</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="cover_install_type" class="form-control input-sm">
				<option value="1" selected>С одной стороны</option><option value="2">В шахматном порядке</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Цвет евроштакетника					</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="field_63" class="form-control input-sm">
				<option value="1" selected>Коричневый (Ral 8017)</option><option value="2">Зелёный (Ral 6005)</option><option value="3">Вишнёвый (Ral 3005)</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Окраска					</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="cover_paint_2" class="form-control input-sm">
				<option value="paint=1" selected>С одной стороны</option><option value="paint=2">С двух сторон</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Тип доски 					</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="cover_type_3" class="form-control input-sm">
				<option value="type=woodenshtaket&W=100 мм&thickness=20 мм" selected>100x20 мм</option><option value="type=woodenshtaket&W=120 мм&thickness=20 мм">120x20 мм</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Окраска дерева					</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="cover_paint_wooden" class="form-control input-sm">
				<option value="нет" selected>Нет</option><option value="type=paint_wooden&model=1">Грунт</option><option value="type=paint_wooden&model=3">Пропитка Pinotex Focus AQUA </option><option value="type=paint_wooden&model=2">Краска Tikkurila Valtti</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Тип рабицы					</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="cover_type_5" class="form-control input-sm">
				<option value="type=rabica&model=cink" selected>Цинк</option><option value="type=rabica&model=pvh">ПВХ</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Тип крепления сетки					</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="cover_install_type_5" class="form-control input-sm">
				<option value="type=fittings&D=8мм" selected>В натяг на прут 8мм</option><option value="type=angle_metal&profile=40ммx40ммx4мм">В секциях из уголка 40х40х4мм</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Вид секции 						
							<a href="https://www.breegs.ru/tipi_svarnih_sektsiy_zabora" class="fa fa-question href_modal" ></a>
						</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="cover_type_4" class="form-control input-sm">
				<option value="1" selected>Вид секции №1</option><option value="2">Вид секции №2</option><option value="3">Вид секции №3</option><option value="4">Вид секции №4</option><option value="5">Вид секции №5</option><option value="6">Вид секции №6</option><option value="7">Вид секции №7</option><option value="8">Вид секции №8</option><option value="9">Вид секции №9</option><option value="10">Вид секции №10</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Закрепление столбов					</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="pilar_install" class="form-control input-sm">
				<option value="нет">Нет</option><option value="type=driving" selected>Забивка</option><option value="type=backing">Забутовка</option><option value="type=concreting">Бетонирование</option><option value="type=pile">Закручивание</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Фундамент					</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="concrete" class="form-control input-sm">
				<option value="нет" selected>Нет</option><option value="w=25sm&h=50sm">25x50 см</option><option value="w=40sm&h=50sm">40x50 см</option><option value="w=40sm&h=60sm">40x60 см</option><option value="w=40sm&h=90sm">40x90 см</option><option value="other">Другой</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				БНС (Буро-набивные сваи)					</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="bns_dive" class="form-control input-sm">
				<option value="нет" selected>Нет</option><option value="1.8">1.8 м</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				БНС шаг (м)					</div>
	<div class="col-s-12 col-md-6 variable">
					<input name="bns_step" class="form-control input-sm" autocomplete="off" value="3" />
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				БНС диаметр (см)					</div>
	<div class="col-s-12 col-md-6 variable">
					<input name="bns_diameter" class="form-control input-sm" autocomplete="off" value="25" />
			</div>
</div>
	 



<div class="row mb10 field" style="display: none;">
	<div class="col-s-12 col-md-6 caption">
				Высота ленты (см)					</div>
	<div class="col-s-12 col-md-6 variable">
					<input name="concrete_height" class="form-control input-sm" autocomplete="off" value="" />
			</div>
</div>
	 



<div class="row mb10 field" style="display: none;">
	<div class="col-s-12 col-md-6 caption">
				Высота ленты над землей (см)					</div>
	<div class="col-s-12 col-md-6 variable">
					<input name="concrete_dive_top" class="form-control input-sm" autocomplete="off" value="" />
			</div>
</div>
	 



<div class="row mb10 field" style="display: none;">
	<div class="col-s-12 col-md-6 caption">
				Ширина ленты (см)					</div>
	<div class="col-s-12 col-md-6 variable">
					<input name="concrete_width" class="form-control input-sm" autocomplete="off" value="" />
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Цоколь					</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="brick_plinth" class="form-control input-sm">
				<option value="нет" selected>Нет</option><option value="10см">1 ряд</option><option value="15см">2 ряда</option><option value="20см">3 ряда</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Отливы на фундамент					</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="concrete_cover" class="form-control input-sm">
				<option value="нет" selected>Нет</option><option value="да">Да</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Метод доставки бетона					</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="concreting_create_work" class="form-control input-sm">
				<option value="type=concreting_create">Ручной замес</option><option value="type=concreting_create_mixer" selected>Завоз миксером</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Нужен монтаж					</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="is_install" class="form-control input-sm">
				<option value="0" selected>Нет</option><option value="1">Да</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Доставка					</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="delivery" class="form-control input-sm">
				<option value="0" selected>Нет</option><option value="1">Да</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Направление от Москвы					</div>
	<div class="col-s-12 col-md-6 variable">
					<select name="destination" class="form-control input-sm">
				<option value="56">Щелковское</option><option value="54">Горьковское</option><option value="26">Рязанское</option><option value="1">Симферопольское</option><option value="0" selected>Варшавское</option><option value="23">Каширское</option><option value="25">Калужское</option><option value="28">Киевское</option><option value="37">Минское</option><option value="38">Можайское</option><option value="48">Носовихинское </option><option value="43">Новорязанское</option><option value="46">Новорижское</option><option value="50">Пятницкое</option><option value="57">Ленинградское</option><option value="64">Дмитровское</option><option value="67">Ярославское</option><option value="47">Успенское</option><option value="49">Энтузиастов</option>			</select>
			</div>
</div>
	 



<div class="row mb10 field" style="display: block;">
	<div class="col-s-12 col-md-6 caption">
				Расстояние от МКАД (км)					</div>
	<div class="col-s-12 col-md-6 variable">
					<input name="distance" class="form-control input-sm" autocomplete="off" value="" />
			</div>
</div>
	
            <div class="form-info"></div>
        </div>
        <div class="col-s-12 col-sm-7 col-result">

            <div class="text-center">
                <div class="calc-result_once" style="display: none;">
                    <span class="val"></span>
                    <div class="caption"></div>
                </div>
                <div class="if-once">
                    <div class="text-caption">Итого получилось</div>
                    <div class="total-price">
                        <span class="calc-result"></span>
                        <span class="fa fa-rouble"> руб.</span>
                    </div>
                </div>

                <div class="form-btn main-slider__buttons">
                    <button  onClick="form_order(1); return false" class="btn btn-dark" data-effect="mfp-move-vertical2">Оформить заказ</button>
                    <a href="/georaboti" class="btn btn-light">Получить консультацию</a>
                </div>
            </div>

        </div>
    </div>


    <div class="create-order">

        <div class="row mb10 field">
            <div class="col-s-12 col-md-6 caption">
                Телефон*
            </div>
            <div class="col-s-12 col-md-6 variable">
                <input class="form-control" name="customer_phone" value="+7 00000"/>
            </div>
        </div>

        <div class="row mb10 field">
            <div class="col-s-12 col-md-6 caption">
                Email
            </div>
            <div class="col-s-12 col-md-6 variable">
                <input class="form-control" name="customer_email" value="test"/>
            </div>
        </div>

        <div class="row mb10 field">
            <div class="col-s-12 col-md-6 caption">
                Имя
            </div>
            <div class="col-s-12 col-md-6 variable">
                <input class="form-control" name="customer_name" value="test"/>
            </div>
        </div>

        <div class="form-btn form-btn-full">
            <button onClick="form_order(1);return false;" class="btn btn-dark" data-effect="mfp-move-vertical2">Оформить заказ</button>
            <div class="form-legal">
                Отправляя заявку, вы соглашаетесь с <a target="_blank" href="#">политикой сайта</a>
            </div>
        </div>
    </div>
</form>





<script>
    (function (factory) {
        if (typeof define === 'function' && define.amd) {
            define(['jquery'], factory);
        } else if (typeof exports === 'object') {
            module.exports = factory(require('jquery'));
        } else {
            factory(jQuery);
        }
    }(function ($) {
        var pluses = /\+/g;
        function encode(s) {
            return config.raw ? s : encodeURIComponent(s);
        }
        function decode(s) {
            return config.raw ? s : decodeURIComponent(s);
        }
        function stringifyCookieValue(value) {
            return encode(config.json ? JSON.stringify(value) : String(value));
        }
        function parseCookieValue(s) {
            if (s.indexOf('"') === 0) {
                s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
            }
            try {
                s = decodeURIComponent(s.replace(pluses, ' '));
                return config.json ? JSON.parse(s) : s;
            } catch(e) {}
        }
        function read(s, converter) {
            var value = config.raw ? s : parseCookieValue(s);
            return $.isFunction(converter) ? converter(value) : value;
        }
        var config = $.cookie = function (key, value, options) {
            if (arguments.length > 1 && !$.isFunction(value)) {
                options = $.extend({}, config.defaults, options);
                if (typeof options.expires === 'number') {
                    var days = options.expires, t = options.expires = new Date();
                    t.setMilliseconds(t.getMilliseconds() + days * 864e+5);
                }
                console.log(options.expires.toUTCString());
                return (document.cookie = [
                    encode(key), '=', stringifyCookieValue(value),
                    options.expires ? '; expires=' + options.expires.toUTCString() : '',
                    options.path    ? '; path=' + options.path : '',
                    options.domain  ? '; domain=' + options.domain : '',
                    options.secure  ? '; secure' : ''
                ].join(''));
            }
            var result = key ? undefined : {},
                cookies = document.cookie ? document.cookie.split('; ') : [],
                i = 0,
                l = cookies.length;
            for (; i < l; i++) {
                var parts = cookies[i].split('='),
                    name = decode(parts.shift()),
                    cookie = parts.join('=');
                if (key === name) {
                    result = read(cookie, value);
                    break;
                }
                if (!key && (cookie = read(cookie)) !== undefined) {
                    result[name] = cookie;
                }
            }
            return result;
        };
        config.defaults = {};
        $.removeCookie = function (key, options) {
            // Must not alter options, thus extending a fresh object...
            $.cookie(key, '', $.extend({}, options, { expires: -1 }));
            return !$.cookie(key);
        };
    }));
</script>
<script>
    var order_save = false;
    var order_type = false;
    var count_calculate = 0;
    var order_total_summ = 0;
    function calculate(){
        var form = $('.calceicPcydi').serialize();
        form += getFieldVisible('.calceicPcydi');
        // form+='&user='+getHashUser();

        var url = '//calc.breegs.ru/calc/calculate?48033c821b8f313d57146dd769d60a65'
        
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined index: host</p>
<p>Filename: calc/view_footer.php</p>
<p>Line Number: 112</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/admin/web/calc.breegs.ru/public_html/application/views/calc/view_footer.php<br />
			Line: 112<br />
			Function: _error_handler			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/admin/web/calc.breegs.ru/public_html/application/core/MY_Loader.php<br />
			Line: 844<br />
			Function: include			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/admin/web/calc.breegs.ru/public_html/application/core/MY_Loader.php<br />
			Line: 371<br />
			Function: _ci_load			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/admin/web/calc.breegs.ru/public_html/application/views/calc/view_ajax.php<br />
			Line: 157<br />
			Function: view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/admin/web/calc.breegs.ru/public_html/application/core/MY_Loader.php<br />
			Line: 844<br />
			Function: include			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/admin/web/calc.breegs.ru/public_html/application/core/MY_Loader.php<br />
			Line: 371<br />
			Function: _ci_load			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/admin/web/calc.breegs.ru/public_html/application/controllers/Calc.php<br />
			Line: 277<br />
			Function: view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/admin/web/calc.breegs.ru/public_html/application/controllers/Calc.php<br />
			Line: 122<br />
			Function: ajax			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/admin/web/calc.breegs.ru/public_html/index.php<br />
			Line: 322<br />
			Function: require_once			</p>

		
	

</div>        url += '&return=json';
                // console.log(form)
        $.ajax({
            url: url,
            type: 'post',
            data: form+'&count_calculate='+count_calculate+'&form_action='+order_type,
            success: function(data){
            
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined index: host</p>
<p>Filename: calc/view_footer.php</p>
<p>Line Number: 122</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/admin/web/calc.breegs.ru/public_html/application/views/calc/view_footer.php<br />
			Line: 122<br />
			Function: _error_handler			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/admin/web/calc.breegs.ru/public_html/application/core/MY_Loader.php<br />
			Line: 844<br />
			Function: include			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/admin/web/calc.breegs.ru/public_html/application/core/MY_Loader.php<br />
			Line: 371<br />
			Function: _ci_load			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/admin/web/calc.breegs.ru/public_html/application/views/calc/view_ajax.php<br />
			Line: 157<br />
			Function: view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/admin/web/calc.breegs.ru/public_html/application/core/MY_Loader.php<br />
			Line: 844<br />
			Function: include			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/admin/web/calc.breegs.ru/public_html/application/core/MY_Loader.php<br />
			Line: 371<br />
			Function: _ci_load			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/admin/web/calc.breegs.ru/public_html/application/controllers/Calc.php<br />
			Line: 277<br />
			Function: view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/admin/web/calc.breegs.ru/public_html/application/controllers/Calc.php<br />
			Line: 122<br />
			Function: ajax			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/admin/web/calc.breegs.ru/public_html/index.php<br />
			Line: 322<br />
			Function: require_once			</p>

		
	

</div>
                data = JSON.parse(data);
                $('.calceicPcydi .calc-result')
                .html(number_format(data.total, 0, ',', ' '));
            //			console.log(data)
//			$('.calceicPcydi .calc-result').html(data);
                count_calculate++;
            }
        })
    }
    function getHashUser(){
        var h=$.cookie('calchash');
        if (h==''||h==undefined){
            var date = new Date();
            date.setTime(date.getTime() + (60 * 60 * 1000));
            $.cookie('calchash', makeid(), {expires:date});
        }
        return $.cookie('calchash');
    }
    function getFieldVisible(selector){
        var f = $(selector+' .field');
        var q = '';
        f.each(function(i, row){
            var field = $(row).find('.form-control');
            if ($(row).css('display') != 'none'){
                var val = field.serialize();
                var name = field.attr('name');
                val = val.replace(name+'=', '');
                q +='&visible['+name+']='+val;
            }
        })
        return q;
    }
    function create_order(type){
        if (order_save == true) return false;
        var  calc_dom = $('.calceicPcydi')
        var form = {
            name: calc_dom.find('[name="customer_name"]').val().trim(),
            phone: calc_dom.find('[name="customer_phone"]').val().trim(),
            email: calc_dom.find('[name="customer_email"]').val().trim(),
        }

        // console.log(form)

        $('.calceicPcydi .error-name, .calceicPcydi .error-phone, .calceicPcydi .error-email').text('');
        var error = 'Поле не может быть пустым';
        var triger = false;
        if ($('.rephone').prop('checked')&& form.name.length === 0){
            $('.calceicPcydi .error-name').text(error);
            triger = true;
        }
        if ($('.rephone').prop('checked')&& form.phone.length === 0){
            $('.calceicPcydi .error-phone').text(error);
            triger = true;
        }
        if (form.email.length === 0){
            $('.calceicPcydi .error-email').text(error);
            triger = true;
        }
        if (triger == false){
            $('.calceicPcydi .message').text('Подождите, смета сохраняется...').show();
            order_save = true;
            $('.rephone').prop('checked', false);
            dfenceAjax('order')
        }
    }
    function dfenceAjax(action){
        var url='//calc.breegs.ru/calc/calculate';
        if(action==undefined) action=false;
        var data = $('.calceicPcydi').serialize();
        data += getFieldVisible('.calceicPcydi');
        if(action=='order'){
            url+="/save";
        }
        else if(action=='file'){
            url+="/save_file";
        }


        // console.log("dfenceAjax")
        // console.log(url)

        data+='&user='+getHashUser();
        url+='?return=json';
        $.ajax({
            type: 'POST',
            url: url,
            cache: false,
            data: data,
            success: function (data){
                data = JSON.parse(data);

                if (action === 'file'){
                    post('/service/save_file', data, function(){
                        var link = document.createElement('a');
                        link.href = '/service/save_file/get';
                        link.click();
                    });
                    return true;
                }

                $('.calceicPcydi .calc-result').html(number_format(data.total, 0, ',', ' '));
//            $('.calceicPcydi .calc-result').html(data);
                if(action=='order'){
                    $('.bar_load').html('');
                    if ($('#form_order').length > 0) {
                        $('#form_order').modal('hide');
                    }
                    $('[name="customer_email"]').val('');
                    $('[name="customer_name"]').val('');
                    $('[name="customer_phone"]').val('');
                    var text='';
                    if(order_type==1){
                        text = 'Ваша заявка отправлена успешно. В ближайшее время с Вами свяжетьс наш менеджер.';
                    }else if(order_type==2){
                        text = 'Смета отправлена Вам на e-mail.';
                    }else if(order_type==3){
                        text = 'Смета отправлена Вам на e-mail, в ближайшее время Вам позвонит наш менеджер.';
                    }
                    $('.calceicPcydi .message').text('').hide();
                    order_save = false;
                    // alert(text)
                }
            }
        });
    }

    function form_order(_order_type){
        order_type = _order_type;
        if (order_total_summ == 0){
            //$('.calceicPcydi #form_order_error').modal('show');
//		return false;
        }


        // console.log('order_type')
        // console.log(order_type)

        var  calc_dom = $('.calceicPcydi')
        // console.log(calc_dom.find('[name="customer_name"]').val())
        var form = {
            name: calc_dom.find('[name="customer_name"]').val().trim(),
            phone: calc_dom.find('[name="customer_phone"]').val().trim(),
            email: calc_dom.find('[name="customer_email"]').val().trim(),
        }

        // console.log(form)

        $('.calceicPcydi .error-name, .calceicPcydi .error-contact, .calceicPcydi .error-email').text('');
        var error = 'Поле не может быть пустым';
        var triger = false;
        if (form.name.length === 0){
            $('.calceicPcydi .error-name').text(error);
            triger = true;
        }
        if (form.email.length === 0){
            $('.calceicPcydi .error-email').text(error);
            triger = true;
        }
        if (form.phone.length === 0 || form.phone.replace(/\D+/g,"").length != 11){
            $('.calceicPcydi .error-contact').text('Проверьте номер телефона');
            triger = true;
        }

        if (triger == false){
            $('.calceicPcydi .message').text('Подождите, смета сохраняется...').show();
            order_save = true;
            try{
                dfenceAjax('order')
            }catch (e) {
                console.error(e)
            }
            return true;
        }
        return false

//	$('.calceicPcydi #form_order').modal('show');
        if ( $('.calceicPcydi #form_order').is(':visible') ){
//		$('.calceicPcydi #form_order').modal('show');
        }
        else{
            if ($('#form_order').length > 0) {
                $('#form_order').modal('hide');
            }
        }
    }

    function number_format(number, decimals, dec_point, separator ) {
        number = (number + '').replace(/[^0-9+\-Ee.]/g, '');
        var n = !isFinite(+number) ? 0 : +number,
            prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
            sep = (typeof separator === 'undefined') ? ',' : separator ,
            dec = (typeof dec_point === 'undefined') ? '.' : dec_point,
            s = '',
            toFixedFix = function(n, prec) {
                var k = Math.pow(10, prec);
                return '' + (Math.round(n * k) / k)
                    .toFixed(prec);
            };
        // Фиксим баг в IE parseFloat(0.55).toFixed(0) = 0;
        s = (prec ? toFixedFix(n, prec) : '' + Math.round(n))
            .split('.');
        if (s[0].length > 3) {
            s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep);
        }
        if ((s[1] || '')
            .length < prec) {
            s[1] = s[1] || '';
            s[1] += new Array(prec - s[1].length + 1)
                .join('0');
        }
        return s.join(dec);
    }

    function makeid() {
        var text = "";
        var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
        for (var i = 0; i < 32; i++)
            text += possible.charAt(Math.floor(Math.random() * possible.length));

        return text;
    }
</script>



<script>
var Id_form = 47;

$(document).ready(function(){
	
	
	$('body .fields').on('change keyup', '.form-control', function(e){
		setFormRules(e.target)
		var name = $(e.target).attr('name');
		console.log(name)
		switch(name){
			case 'gate_type':
				rule_gate_type();
			break;
			case 'fence_height':
				rules_fence_height();
			break;
			case 'pilar_type':
				rules_pilar_type();
			break;
			case 'pilar_install':
				rule_pilar_install();
			break;
			case 'concrete':
				rules_concrete();
			break;
			case 'cover_type':
				rules_cover_type();
			break;
			case 'delivery':
				rule_delivery();
			break;
			case 'fence_type':
				rule_fence_type();
			break;
			case 'track_basis':
				rule_track_basis();
			break;
			case 'coating_type':
				rule_coating_type();
			break;
			case 'type_work_layer_pie':
				rule_type_work_layer_pie();
			break;
			case 'type_curbstone':
				rule_type_curbstone();
			break;
			case 'ferm_type':
				rule_ferm_type();
			break;
			case 'width_shed':
				rule_width_shed();
			break;
			case 'cover_type_number':
				rule_cover_type_number();
			break;
			case 'gate_automation':
				rule_gate_automation();
			break;
			case 'gate_type':
				rule_gate_type();
			break;
			case 'gate_top_planka':
				rule_gate_top_planka();
			break;
			case 'gate_look':
				rule_gate_look();
			break;
			case 'covering':
				rule_covering();
			break;
			case 'cover_type_1':
				rule_cover_type_1();
			break;
			
			case 'kad_work':
				rules_kad_work();
			break;
			case 'kad_region':
				rules_kad_region();
			break;
			case 'water_output':
				rules_water_output();
			break;
			case 'concrete':
				rules_concrete();
			break;
			case 'bns_dive':
				rules_bns_dive();
			break;
			case 'harmonization':
                rule_harmonization();
			break;
			case 'subway':
                rule_subway();
			break;
		}
//		console.log(name);
		calculate('.'+FORM.attr('class'));
	});
	
	initRules();
});
function rule_harmonization(){
    var val = get_val('harmonization');
    if (Number(val) !== 0){
        visible_field('harmonization_count', true);
    }
    else{
        visible_field('harmonization_count', false);
    }
}
function rule_subway(){
    var val = get_val('subway');
    if (Number(val) !== 0){
        visible_field('harmonization', true);
    }
    else{
        visible_field('harmonization', false);
    }
    rule_harmonization();
}
function rule_gate_look(){
	var val = get_val('gate_look');
	query = decodeQuery(val)
//	console.log(val, query)
	if (query.type == 'the_padlock' || val == 'нет'){
		visible_option('gate_caras_type', 'k1', true);
		visible_option('gate_caras_type', 'k2', true);
		visible_option('gate_caras_type', 'k3', true);
		visible_option('gate_caras_type', 'k4', true);
	}
	else if (query.type == 'mortise_look'){
		var carcass = get_val('gate_caras_type')
		if (carcass == 'k1'){
			set_val('gate_caras_type', 'k2');
		}
		else if (carcass == 'k3'){
			set_val('gate_caras_type', 'k4');
		}
		visible_option('gate_caras_type', 'k1', false);
		visible_option('gate_caras_type', 'k2', true);
		visible_option('gate_caras_type', 'k3', false);
		visible_option('gate_caras_type', 'k4', true);
	}
}
function rule_gate_top_planka(){
	var val =get_val('gate_top_planka');
	if (val=='нет'){
		visible_field('gate_stopper_top', false);
	}
	else{
		visible_field('gate_stopper_top', true);
	}
}
function rules_water_output(){
	var val =get_val('water_output');
	if (val==1){
		visible_field('water_long', true);
		visible_field('water_point', true);
		visible_field('water_pipe_type', true);
	}
	else{
		visible_field('water_long', false);
		visible_field('water_point', false);
		visible_field('water_pipe_type', false);
	}
}
function rule_gate_type(){
	var val =get_val('gate_type');
	if (val == undefined) return false;
	
	if (val == '1'){
		visible_field('gate_handle_for_gate', true);
		visible_field('gate_valve', true);
		visible_field('gate_stopper_lower', true);
		visible_field('gate_top_planka', true);
		rule_gate_top_planka();
		
		visible_field('gate_caras_type', true);
		visible_field('gate_automation', false);
		visible_field('gate_look', false);
		visible_field('gate_base', false);
		set_val('gate_automation', 'нет');
		set_val('gate_base', 'нет');
		
		set_val('gate_caras_type', '1');
		visible_option('gate_caras_type', '1', true);
		visible_option('gate_caras_type', '2', true);
		visible_option('gate_caras_type', '3', true);
		visible_option('gate_caras_type', '4', true);
		
		visible_option('gate_caras_type', 'k1', false);
		visible_option('gate_caras_type', 'k2', false);
		visible_option('gate_caras_type', 'k3', false);
		visible_option('gate_caras_type', 'k4', false);
		
		visible_option('gate_handle_for_gate', 'type=handle_for_gate', true);
		visible_option('gate_handle_for_gate', 'type=handle_for_door', false);
		if (get_val('gate_handle_for_gate') == 'type=handle_for_door'){
			set_val('gate_handle_for_gate', 'type=handle_for_gate');
		}
	}
	else if (val == '2'){
		visible_field('gate_handle_for_gate', false);
		visible_field('gate_valve', false);
		visible_field('gate_stopper_top', false);
		visible_field('gate_stopper_lower', true);
		visible_field('gate_top_planka', false);
		
		visible_field('gate_caras_type', false);
		visible_field('gate_automation', true);
		visible_field('gate_base', true);
		visible_field('gate_look', false);
		
		visible_option('gate_handle_for_gate', 'type=handle_for_gate', true);
		visible_option('gate_handle_for_gate', 'type=handle_for_door', false);
		if (get_val('gate_handle_for_gate') == 'type=handle_for_door'){
			set_val('gate_handle_for_gate', 'type=handle_for_gate');
		}
	}
	else if (val == '3'){
		visible_field('gate_handle_for_gate', true);
		visible_field('gate_valve', true);
		visible_field('gate_stopper_lower', false);
		visible_field('gate_top_planka', false);
		rule_gate_top_planka();
		
		visible_field('gate_caras_type', true);
		visible_field('gate_automation', false);
		visible_field('gate_look', true);
		visible_field('gate_base', false);
		set_val('gate_automation', 'нет');
		set_val('gate_base', 'нет');
		
		
		set_val('gate_caras_type', 'k1');
		visible_option('gate_caras_type', '1', false);
		visible_option('gate_caras_type', '2', false);
		visible_option('gate_caras_type', '3', false);
		visible_option('gate_caras_type', '4', false);
		
		visible_option('gate_caras_type', 'k1', true);
		visible_option('gate_caras_type', 'k2', true);
		visible_option('gate_caras_type', 'k3', true);
		visible_option('gate_caras_type', 'k4', true);
		
		visible_option('gate_handle_for_gate', 'type=handle_for_gate', false);
		visible_option('gate_handle_for_gate', 'type=handle_for_door', true);
		if (get_val('gate_handle_for_gate') == 'type=handle_for_gate'){
			set_val('gate_handle_for_gate', 'type=handle_for_door');
		}
	}
	else{
		visible_field('gate_handle_for_gate', false);
		visible_field('gate_valve', false);
		visible_field('gate_stopper_top', false);
		visible_field('gate_stopper_lower', false);
		visible_field('gate_top_planka', false);
		
		visible_field('gate_caras_type', true);
		visible_field('gate_automation', false);
		visible_field('gate_base', false);
		set_val('gate_automation', 'нет');
		set_val('gate_base', 'нет');
		visible_field('gate_look', true);
	}
}
function rule_gate_automation(){
	var val =get_val('gate_automation');
	if (val == 'нет'){
		visible_field('gate_automatic_control_count', false);
		visible_field('gate_motion_sensors', false);
		visible_field('gate_signal_lamp', false);
	}
	else{
		visible_field('gate_automatic_control_count', true);
		visible_field('gate_motion_sensors', true);
		visible_field('gate_signal_lamp', true);
	}
}
function rule_cover_type_number(){
	var val =get_val('cover_type_number');
	if (val==undefined) return false;
	
	
	visible_field('cover_type_number', true);
	
	visible_field('fence_log', true);
	visible_field('fence_count_log', true);
	
	visible_field('cover_install_type', false);
	
	if (val == 1){
		visible_field('cover_paint', false);
		visible_field('cover_paint_wooden', false);
		
		visible_field('cover_type_1', true);
		visible_field('cover_type_2', false);
		visible_field('cover_type_3', false);
		visible_field('cover_type_4', false);
		visible_field('cover_type_5', false);
		
		visible_field('cover_install_type_5', false);
		
		visible_field('cover_paint_1', true);
		visible_field('cover_paint_2', false);
		visible_field('cover_paint_3', false);
		
		visible_field('field_18', true);
		visible_field('field_63', false);
		
		visible_field('cover_step', false);
		
		visible_field('cover_two_side', true);
		visible_field('cover_thickness_1', true);
		visible_field('cover_thickness_2', false);
		visible_field('cover_thickness_3', false);rule_cover_type_1()
	}
	else if (val == 2){
		visible_field('cover_paint', true);
		visible_field('cover_paint_wooden', false);
		
		visible_field('cover_type_1', false);
		visible_field('cover_type_2', true);
		visible_field('cover_type_3', false);
		visible_field('cover_type_4', false);
		visible_field('cover_type_5', false);
		
		visible_field('cover_install_type_5', false);
		visible_field('cover_install_type', true);
		
		visible_field('cover_paint_1', false);
		visible_field('cover_paint_2', true);
		visible_field('cover_paint_3', false);
		
		visible_field('field_18', false);
		visible_field('field_63', true);
		
		visible_field('cover_step', true);
		
		visible_field('cover_two_side', true);
		visible_field('cover_thickness_1', false);
		visible_field('cover_thickness_2', true);
		visible_field('cover_thickness_3', false);
	}
	else if (val == 3){
		visible_field('cover_paint', false);
		visible_field('cover_paint_wooden', true);
		
		visible_field('cover_type_1', false);
		visible_field('cover_type_2', false);
		visible_field('cover_type_3', true);
		visible_field('cover_type_4', false);
		visible_field('cover_type_5', false);
		
		visible_field('cover_install_type_5', false);
		visible_field('cover_install_type', true);
		
		visible_field('cover_paint_1', false);
		visible_field('cover_paint_2', false);
		visible_field('cover_paint_3', true);
		visible_field('cover_type_4', false);
		
		visible_field('field_18', false);
		visible_field('field_63', false);
		
		visible_field('cover_step', true);
		
		visible_field('cover_two_side', true);
		
		visible_field('cover_thickness_1', false);
		visible_field('cover_thickness_2', false);
		visible_field('cover_thickness_3', true);
	}
	else if (val == 4){
		visible_field('cover_paint', false);
		visible_field('cover_paint_wooden', false);
		
		visible_field('cover_type_1', false);
		visible_field('cover_type_2', false);
		visible_field('cover_type_3', false);
		visible_field('cover_type_4', true);
		visible_field('cover_type_5', false);
		
		visible_field('cover_install_type_5', false);
		
		visible_field('cover_paint_1', false);
		visible_field('cover_paint_2', false);
		visible_field('cover_paint_3', false);
		
		visible_field('field_18', false);
		visible_field('field_63', false);
		
		visible_field('cover_step', false);
		
		visible_field('cover_two_side', false);
		
		visible_field('cover_thickness_1', false);
		visible_field('cover_thickness_2', false);
		visible_field('cover_thickness_3', false);
		visible_field('fence_log', false);
		visible_field('fence_count_log', false);
		rules_pilar_type();
		if (get_val('concrete') == 'нет' && get_val('concreting_create_work') == 'type=concreting_create_mixer'){
			set_val('concreting_create_work', 'type=concreting_create');
		}
//		console.log(val)
	}
	else if (val == 5){
		visible_field('cover_paint', false);
		visible_field('cover_paint_wooden', false);
		
		visible_field('cover_type_1', false);
		visible_field('cover_type_2', false);
		visible_field('cover_type_3', false);
		visible_field('cover_type_4', false);
		visible_field('cover_type_5', true);
		
		visible_field('cover_install_type_5', true);
		
		visible_field('cover_paint_1', false);
		visible_field('cover_paint_2', false);
		visible_field('cover_paint_3', false);
		
		visible_field('field_18', false);
		visible_field('field_63', false);
		
		visible_field('cover_step', false);
		
		visible_field('cover_two_side', false);
		
		visible_field('cover_thickness_1', false);
		visible_field('cover_thickness_2', false);
		visible_field('cover_thickness_3', false);
		visible_field('fence_log', false);
		visible_field('fence_count_log', false);
		rules_pilar_type();
	}
	else{
		visible_field('cover_paint', false);
		visible_field('cover_paint_wooden', false);
		
		visible_field('cover_type_1', false);
		visible_field('cover_type_2', false);
		visible_field('cover_type_3', false);
		visible_field('cover_type_3', false);
		
		visible_field('field_18', false);
		visible_field('field_63', false);
		
		visible_field('cover_step', false);
		visible_field('cover_two_side', false);
		
		visible_field('cover_thickness_1', false);
		visible_field('cover_thickness_2', false);
		visible_field('cover_thickness_3', false);
	}
}
function rule_width_shed(){
	var val = parseFloat(get_val('width_shed'));
	if (val > 4.0){
		visible_option('pilar_type', 'type=profile_metal&profile=60ммx60ммx2мм', false);
		set_val('pilar_type', 'type=profile_metal&profile=80ммx80ммx3мм');
	}
	else{
		visible_option('pilar_type', 'type=profile_metal&profile=60ммx60ммx2мм', true);
	}
}
function rule_ferm_type(){
	var val = get_val('ferm_type');
	if (val == undefined) return false;
	if (val == '1' || val == '2'){
		set_val('type_concrete_slab', 'type=polycarbonate&thickness=6mm');
		visible_option('covering', 'type=proflist&profile=2мx1150ммx0,4мм&thickness=0,4mm', false);
		visible_option('covering', 'type=proflist&profile=2мx1100ммx0,4мм&thickness=0,4mm', false);
	}
	else{
		visible_option('covering', 'type=proflist&profile=2мx1150ммx0,4мм&thickness=0,4mm', true);
		visible_option('covering', 'type=proflist&profile=2мx1100ммx0,4мм&thickness=0,4mm', true);
	}
}
function rule_type_curbstone(){
	var val = get_val('type_curbstone');
	if (val == 'нет'){
		visible_field('perimeter_area', false);
	}
	else{
		visible_field('perimeter_area', true);
	}
}
function rule_pilar_install(){
	var val = get_val('pilar_install');
	if (val == undefined) return false;
	console.log(val);
	
	visible_field('concreting_create_work', false);
	
	if (val == 'type=concreting'){
		visible_field('concreting_create_work', true);
	}
}
function rule_type_work_layer_pie(){
	var val = get_val('type_work_layer_pie');
	if (val == undefined) return false;
	
	console.log(val)
	if (val == 'type=layer_pie_work_track&profile=1'){
		visible_field('water_output', true);
		set_val('track_basis', 'concreting');
		visible_field('concreting_create_work', true);
		visible_field('concrete_area_thickness', true);
	}
	else if (val == 'type=layer_pie_work_1'||val == 'type=layer_pie_work'){
		visible_field('concrete_area_thickness', true);
	}
	else{
		if (val == 'type=layer_pie_work_track'){
			visible_field('water_output', true);
		}
		else{
			visible_field('water_output', false);
			set_val('water_output', '0');
		}
		set_val('track_basis', 'нет');
		visible_field('concreting_create_work', false);
		visible_field('concrete_area_thickness', false);
	}
}
function rule_coating_type(){
	var val = get_val('coating_type');
	if (val == 'нет'){
		visible_field('concrete_processing_top', true);
	}
	else{
		visible_field('concrete_processing_top', false);
		set_val('concrete_processing_top', '0');
	}
}
function rule_track_basis(){
	var val = get_val('track_basis');
	if (val == 'нет'){
		visible_field('concreting_create_work', false);
		visible_field('concrete_processing_top', false);
	}
	else{
		visible_field('concreting_create_work', true);
		visible_field('concrete_processing_top', true);
	}
	
}
function rule_fence_type(){
	var fence_type =get_val('fence_type');
	if (fence_type == undefined) return false;
	console.log(fence_type)
	
	
	visible_field('cover_thickness_1', false);
	visible_field('cover_install_type', false);
	visible_field('cover_type_1', false);
	visible_field('cover_type_2', false);
	visible_field('cover_type_3', false);
	visible_field('cover_step', false);
	visible_field('cover_paint_2', false);
	visible_field('cover_paint_wooden', false);
	visible_field('cover_type_5', false);
	visible_field('cover_install_type_5', false);
	visible_field('cover_type_4', false);
	visible_field('field_63', false);
	visible_field('field_18', false);
	
	
	if (fence_type == 'jbi'){
		visible_field('fence_height', false);
		visible_field('type_concrete_slab_top', false);
		visible_field('install_stakan', true);
		
		set_val('type_concrete_slab', 'type=concreting_stab_jbi&model=1');
		
		visible_option('type_concrete_slab', 'type=concreting_stab_jbi&model=2', true);
		visible_option('type_concrete_slab', 'type=concreting_stab_jbi&model=3', true);
		visible_option('type_concrete_slab', 'type=concreting_stab_jbi&model=1', true);
		visible_option('type_concrete_slab', 'type=concreting_stab_jbi&model=4', true);
		
		visible_option('type_concrete_slab', 'type=concreting_stab_decor&model=1', false);
		visible_option('type_concrete_slab', 'type=concreting_stab_decor&model=13', false);
		visible_option('type_concrete_slab', 'type=concreting_stab_decor&model=8', false);
		visible_option('type_concrete_slab', 'type=concreting_stab_decor&model=9', false);
		visible_option('type_concrete_slab', 'type=concreting_stab_decor&model=2', false);
		visible_option('type_concrete_slab', 'type=concreting_stab_decor&model=3', false);
		visible_option('type_concrete_slab', 'type=concreting_stab_decor&model=5', false);
		visible_option('type_concrete_slab', 'type=concreting_stab_decor&model=7', false);
		visible_option('type_concrete_slab', 'type=concreting_stab_decor&model=11', false);
	}
	else if (fence_type == '1'){
		
		visible_field('cover_thickness_1', true);
		visible_field('cover_type_1', true);
		visible_field('field_18', true);
	}
	else if (fence_type == '2'){
		
		visible_field('cover_step', true);
		visible_field('cover_type_2', true);
		visible_field('cover_paint_2', true);
		visible_field('field_63', true);
		visible_field('cover_install_type', true);
	}
	else if (fence_type == '3'){
		
		visible_field('cover_type_3', true);
		visible_field('cover_paint_wooden', true);
		visible_field('cover_step', true);
	}
	else if (fence_type == '4'){
		
		visible_field('cover_type_4', true);
	}
	else if (fence_type == '5'){
		
		visible_field('cover_type_5', true);
		visible_field('cover_install_type_5', true);
	}
	else if (fence_type == 'decor'){
		
		visible_option('type_concrete_slab', 'type=concreting_stab_jbi&model=2', false);
		visible_option('type_concrete_slab', 'type=concreting_stab_jbi&model=3', false);
		visible_option('type_concrete_slab', 'type=concreting_stab_jbi&model=1', false);
		visible_option('type_concrete_slab', 'type=concreting_stab_jbi&model=4', false);
		
		visible_option('type_concrete_slab', 'type=concreting_stab_decor&model=1', true);
		visible_option('type_concrete_slab', 'type=concreting_stab_decor&model=13', true);
		visible_option('type_concrete_slab', 'type=concreting_stab_decor&model=8', true);
		visible_option('type_concrete_slab', 'type=concreting_stab_decor&model=9', true);
		visible_option('type_concrete_slab', 'type=concreting_stab_decor&model=2', true);
		visible_option('type_concrete_slab', 'type=concreting_stab_decor&model=3', true);
		visible_option('type_concrete_slab', 'type=concreting_stab_decor&model=5', true);
		visible_option('type_concrete_slab', 'type=concreting_stab_decor&model=7', true);
		visible_option('type_concrete_slab', 'type=concreting_stab_decor&model=11', true);
		
		
		visible_field('fence_height', true);
		visible_field('type_concrete_slab_top', true);
		visible_field('install_stakan', false);
		set_val('type_concrete_slab', 'type=concreting_stab_decor&model=1');
	}
}
function rule_delivery(){
	var val = get_val('delivery');
	if (val == 1){
		visible_field('destination', true);
		visible_field('distance', true);
	}
	else{
		visible_field('destination', false);
		visible_field('distance', false);
	}
}
function rules_cover_type(){
	var query = decodeQuery(get_val('cover_type'));
	return rule_cover_type_1(query);
}
function rule_cover_type_1(query){
	if (query == undefined){
		var query = decodeQuery(get_val('cover_type_1'));
	}
	if (typeof query.paint != 'undefined'){
		switch(query.paint){
			case '1':
				visible_option('cover_thickness_1', 'thickness=0,4mm', true);
			break;
			
			case '2':
				set_val('cover_thickness_1', 'thickness=0,5mm')
				visible_option('cover_thickness_1', 'thickness=0,4mm', false);
			break;
		}
	}
}
function rules_bns_dive(){
	var val = get_val('bns_dive');
	if (val == undefined) return false;
	
	var cval = get_val('concrete');
	
		visible_field('bns_step', false);
		visible_field('bns_diameter', false);
	
	if (val != 'нет' && cval != 'нет'){
		visible_field('bns_step', true);
		visible_field('bns_diameter', true);
	}
}
function rules_concrete(){
	var val = get_val('concrete');
	if (val == undefined) return false;
	
	visible_field('concrete_width', false);
	visible_field('concrete_height', false);
	
	if (val == 'other'){
		visible_field('concrete_height', true);
		visible_field('concrete_width', true);
		
	}
	
	if (val != 'нет'){
		visible_field('brick_plinth', true);
		visible_field('concreting_create_work', true);
		visible_field('concrete_cover', true);
		visible_field('pilar_install', false);
		
		visible_field('bns_dive', true);
		visible_field('bns_step', true);
		visible_field('bns_diameter', true);
	}
	else{
		visible_field('brick_plinth', false);
		visible_field('concreting_create_work', false);
		visible_field('concrete_cover', false);
		visible_field('pilar_install', true);
		visible_field('bns_dive', false);
		visible_field('bns_step', false);
		visible_field('bns_diameter', false);
	}
	rules_bns_dive();
}
function rules_fence_height(){
	var fence_height = parseFloat(get_val('fence_height'));
	if (fence_height > 2.2){
		set_val('pilar_install', 'type=backing');
		visible_option('pilar_install', 'type=driving', false);
	}
	else{
		if (get_val('pilar_type') != 'type=profile_metal&profile=80ммx80ммx3мм'){
			if (!visible_option('pilar_install', 'type=driving')){
				visible_option('pilar_install', 'type=driving', true);
			}
		}
	}
}
function rules_pilar_type(){
	var pilar_type =get_val('pilar_type');
	if (pilar_type == undefined) return false;
	var query = decodeQuery(pilar_type);
	
	visible_field('pilar_brick_masonry_thickness', false);
	
	if (get_val('concrete') == 'нет'){
		visible_field('pilar_install', true);
	}
	visible_field('concrete', true);
	if (pilar_type != 'нет'){
		visible_field('pilar_install', true);
	}
	
	if (query.type == 'profile_metal'
		&& (query.profile == '80ммx80ммx3мм' || query.profile == '100ммx100ммx3мм')){
		set_val('pilar_install', 'type=backing');
		visible_option('pilar_install', 'type=driving', false);
		visible_option('concrete', 'нет', true);
	}
	else if (query.type == 'bricks'){
		if (get_val('concrete') == 'нет'){
			set_val('concrete', 'w=25sm&h=50sm');
			rules_concrete();
		}
		visible_option('concrete', 'нет', false);
		visible_field('pilar_install', false);
		visible_field('pilar_brick_masonry_thickness', true);
	}
	else if(query.type == 'pile'){
		set_val('concrete', 'нет');
		rules_concrete();
		visible_option('concrete', 'нет', true);
		visible_field('concrete', false);
		visible_field('pilar_install', false);
	}
	else{
		visible_option('concrete', 'нет', true);
		if (!visible_option('pilar_install', 'type=driving')){
			visible_option('pilar_install', 'type=driving', true);
		}
		var val = get_val('concrete');
		if (val != undefined){
			if (val == 'нет'){
				if (visible_field('pilar_install') == false){
					visible_field('pilar_install', true);
				}
			}
			else{
				visible_field('pilar_install', false);
			}
		}
		rules_fence_height();
	}
	var val =get_val('cover_type_number');
	if (val == 4){
		visible_option('pilar_install', 'type=driving', false);
		visible_option('pilar_install', 'type=backing', false);
		if (get_val('concrete') == 'нет' && get_val('pilar_install') != 'type=concreting'){
			set_val('pilar_install', 'type=concreting');
		}
	}
}
function rule_covering(){
	var val = get_val('covering');
	if (val == undefined) return false;
	var query = decodeQuery(val);
	if (query.type=='proflist'){
		visible_field('field_18', true);
		visible_field('field_17', false);
		visible_field('field_63', false);
	}
	else if (query.type=='polycarbonate' || query.type=='polycarbonate_list'){
		visible_field('field_18', false);
		visible_field('field_17', true);
		visible_field('field_63', false);
	}
}


function rules_kad_work(){
	var t = get_val('kad_work');
	if (t == undefined) return false;
//	console.log('Kad work: '+t);
	visible_field('kad_surveying_type', false);
	visible_field('count_points', 	false);
	visible_field('square', 		false);
	visible_field('count_part', 	false);
	visible_field('kad_object', 	false);
	visible_field('count_rooms', 	false);
	visible_field('all_square', 	false);
	
	visible_field('count_rooms', false);
	
	rules_kad_region();
	if (t == 1){
		visible_field('kad_object', true);
		visible_field('square', true);
		if (get_val('kad_object') == 6){
			rules_kad_object();
		}
	}
	else if (t == 3){
		visible_field('kad_surveying_type', true);
		visible_field('all_square', true);
	}
	else if (t == 4){
	}
	else if (t == 5){
	}
	else if (t == 6){
		visible_field('count_points', true);
	}
	else if (t == 7){
		visible_field('all_square', true);
	}
	
	
}
function rules_kad_surveying_type(){
	rules_kad_region();
}
function rules_kad_object(){
	var t = get_val('kad_work');
	var o = get_val('kad_object');
	if (t == 1){
		visible_field('kad_object', true);
		visible_field('square', true);
		if (get_val('kad_object') == 6){
			visible_field('count_rooms', true);
			visible_field('all_square', true);
			visible_field('square', false);
		}
		else{
			visible_field('count_rooms', false);
			visible_field('all_square', false);
		}
	}
}
function rules_kad_region(){
	var t = get_val('kad_work');
	var r = get_val('kad_region');
	var kad_work_hide = [];
	
//	kad_work_hide[3] = true;
	kad_work_hide[4] = true;
	
	var show_d = (kad_work_hide[t])? false: true;
	var show_r = (kad_work_hide[t])? false: true;
	
	if (t==3){
		var t = get_val('kad_surveying_type');
		if (t==4||t==5){
			show_d = true;
			show_r = true;
		}
		else{
			show_r = false;
			show_d = false;
		}
	}
	
	if (r==1){
		show_d = false;
	}
	else{
		show_d = show_d;
	}
	
	if (show_d){
		visible_field('destination', true);
		visible_field('distance', true);
	}
	else{
		visible_field('destination', false);
		visible_field('distance', false);
	}
	
	if (show_r){
		visible_field('kad_region', true);
	}
	else{
		visible_field('kad_region', false);
	}
}
/**
* COMMON RULES FUNCTION
* 
* @return
*/
var FORM;
function initRules(){
	var inp = $('input[name="Id_form"]');
	inp.each(function(i, inp){
		setFormRules(inp);
		rule_fence_type();
		rule_ferm_type();
		rule_cover_type_number()
		rules_pilar_type();
		rule_gate_type();
		rule_type_work_layer_pie();
		rules_kad_work();
		rules_concrete();
		rules_bns_dive();
		rule_delivery();
        rule_subway();
        rule_harmonization();
        rules_kad_region();

		calculate('.'+FORM.attr('class'));
	})
}
function setFormRules(elm){
	FORM = $(elm).parents('form');
}
function set_val(name, val){
	FORM.find('[name="'+name+'"]').val(val)
}
function get_val(name){
	return FORM.find('[name="'+name+'"]').val()
}
function visible_option(name, value, type){
	if (type == undefined){
		var v=FORM.find('[name="'+name+'"]').find('option[value="'+value+'"]').css('display');
		return (v=='none')? false: true;
	}
	if (type) FORM.find('[name="'+name+'"] option[value="'+value+'"]').show();
	else FORM.find('[name="'+name+'"] option[value="'+value+'"]').hide();
}
function visible_field(name, type){
	if (type == undefined){
		return FORM.find('[name="'+name+'"]').parents('.field').is(':visible')
	}
	if (type) FORM.find('[name="'+name+'"]').parents('.field').show();
	else FORM.find('[name="'+name+'"]').parents('.field').hide();
}
function decodeQuery(query){
	if (query == undefined) return {};
	var q = query.split('&');
	var l = {};
	var t;
	for(var i in q){
		t = q[i].split('=');
		try{
			l[t[0]]=t[1]	
		} catch (e) {
			console.error('ERROR decodeQuery: ' + e);
		}
	}
	return l;
}








(function (factory, jQuery, Zepto) {

    if (typeof define === 'function' && define.amd) {
        define(['jquery'], factory);
    } else if (typeof exports === 'object') {
        module.exports = factory(require('jquery'));
    } else {
        factory(jQuery || Zepto);
    }

}(function ($) {

    var Mask = function (el, mask, options) {

        var p = {
            invalid: [],
            getCaret: function () {
                try {
                    var sel,
                        pos = 0,
                        ctrl = el.get(0),
                        dSel = document.selection,
                        cSelStart = ctrl.selectionStart;

                    // IE Support
                    if (dSel && navigator.appVersion.indexOf('MSIE 10') === -1) {
                        sel = dSel.createRange();
                        sel.moveStart('character', -p.val().length);
                        pos = sel.text.length;
                    }
                    // Firefox support
                    else if (cSelStart || cSelStart === '0') {
                        pos = cSelStart;
                    }

                    return pos;
                } catch (e) {}
            },
            setCaret: function(pos) {
                try {
                    if (el.is(':focus')) {
                        var range, ctrl = el.get(0);

                        // Firefox, WebKit, etc..
                        if (ctrl.setSelectionRange) {
                            ctrl.setSelectionRange(pos, pos);
                        } else { // IE
                            range = ctrl.createTextRange();
                            range.collapse(true);
                            range.moveEnd('character', pos);
                            range.moveStart('character', pos);
                            range.select();
                        }
                    }
                } catch (e) {}
            },
            events: function() {
                el
                .on('keydown.mask', function(e) {
                    el.data('mask-keycode', e.keyCode || e.which);
                    el.data('mask-previus-value', el.val());
                    el.data('mask-previus-caret-pos', p.getCaret());
                    p.maskDigitPosMapOld = p.maskDigitPosMap;
                })
                .on($.jMaskGlobals.useInput ? 'input.mask' : 'keyup.mask', p.behaviour)
                .on('paste.mask drop.mask', function() {
                    setTimeout(function() {
                        el.keydown().keyup();
                    }, 100);
                })
                .on('change.mask', function(){
                    el.data('changed', true);
                })
                .on('blur.mask', function(){
                    if (oldValue !== p.val() && !el.data('changed')) {
                        el.trigger('change');
                    }
                    el.data('changed', false);
                })
                // it's very important that this callback remains in this position
                // otherwhise oldValue it's going to work buggy
                .on('blur.mask', function() {
                    oldValue = p.val();
                })
                // select all text on focus
                .on('focus.mask', function (e) {
                    if (options.selectOnFocus === true) {
                        $(e.target).select();
                    }
                })
                // clear the value if it not complete the mask
                .on('focusout.mask', function() {
                    if (options.clearIfNotMatch && !regexMask.test(p.val())) {
                       p.val('');
                   }
                });
            },
            getRegexMask: function() {
                var maskChunks = [], translation, pattern, optional, recursive, oRecursive, r;

                for (var i = 0; i < mask.length; i++) {
                    translation = jMask.translation[mask.charAt(i)];

                    if (translation) {

                        pattern = translation.pattern.toString().replace(/.{1}$|^.{1}/g, '');
                        optional = translation.optional;
                        recursive = translation.recursive;

                        if (recursive) {
                            maskChunks.push(mask.charAt(i));
                            oRecursive = {digit: mask.charAt(i), pattern: pattern};
                        } else {
                            maskChunks.push(!optional && !recursive ? pattern : (pattern + '?'));
                        }

                    } else {
                        maskChunks.push(mask.charAt(i).replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'));
                    }
                }

                r = maskChunks.join('');

                if (oRecursive) {
                    r = r.replace(new RegExp('(' + oRecursive.digit + '(.*' + oRecursive.digit + ')?)'), '($1)?')
                         .replace(new RegExp(oRecursive.digit, 'g'), oRecursive.pattern);
                }

                return new RegExp(r);
            },
            destroyEvents: function() {
                el.off(['input', 'keydown', 'keyup', 'paste', 'drop', 'blur', 'focusout', ''].join('.mask '));
            },
            val: function(v) {
                var isInput = el.is('input'),
                    method = isInput ? 'val' : 'text',
                    r;

                if (arguments.length > 0) {
                    if (el[method]() !== v) {
                        el[method](v);
                    }
                    r = el;
                } else {
                    r = el[method]();
                }

                return r;
            },
            calculateCaretPosition: function() {
                var oldVal = el.data('mask-previus-value') || '',
                    newVal = p.getMasked(),
                    caretPosNew = p.getCaret();
                if (oldVal !== newVal) {
                    var caretPosOld = el.data('mask-previus-caret-pos') || 0,
                        newValL = newVal.length,
                        oldValL = oldVal.length,
                        maskDigitsBeforeCaret = 0,
                        maskDigitsAfterCaret = 0,
                        maskDigitsBeforeCaretAll = 0,
                        maskDigitsBeforeCaretAllOld = 0,
                        i = 0;

                    for (i = caretPosNew; i < newValL; i++) {
                        if (!p.maskDigitPosMap[i]) {
                            break;
                        }
                        maskDigitsAfterCaret++;
                    }

                    for (i = caretPosNew - 1; i >= 0; i--) {
                        if (!p.maskDigitPosMap[i]) {
                            break;
                        }
                        maskDigitsBeforeCaret++;
                    }

                    for (i = caretPosNew - 1; i >= 0; i--) {
                        if (p.maskDigitPosMap[i]) {
                            maskDigitsBeforeCaretAll++;
                        }
                    }

                    for (i = caretPosOld - 1; i >= 0; i--) {
                        if (p.maskDigitPosMapOld[i]) {
                            maskDigitsBeforeCaretAllOld++;
                        }
                    }

                    // if the cursor is at the end keep it there
                    if (caretPosNew > oldValL) {
                      caretPosNew = newValL * 10;
                    } else if (caretPosOld >= caretPosNew && caretPosOld !== oldValL) {
                        if (!p.maskDigitPosMapOld[caretPosNew])  {
                          var caretPos = caretPosNew;
                          caretPosNew -= maskDigitsBeforeCaretAllOld - maskDigitsBeforeCaretAll;
                          caretPosNew -= maskDigitsBeforeCaret;
                          if (p.maskDigitPosMap[caretPosNew])  {
                            caretPosNew = caretPos;
                          }
                        }
                    }
                    else if (caretPosNew > caretPosOld) {
                        caretPosNew += maskDigitsBeforeCaretAll - maskDigitsBeforeCaretAllOld;
                        caretPosNew += maskDigitsAfterCaret;
                    }
                }
                return caretPosNew;
            },
            behaviour: function(e) {
                e = e || window.event;
                p.invalid = [];

                var keyCode = el.data('mask-keycode');

                if ($.inArray(keyCode, jMask.byPassKeys) === -1) {
                    var newVal   = p.getMasked(),
                        caretPos = p.getCaret();

                    // this is a compensation to devices/browsers that don't compensate
                    // caret positioning the right way
                    setTimeout(function() {
                      p.setCaret(p.calculateCaretPosition());
                    }, 10);

                    p.val(newVal);
                    p.setCaret(caretPos);
                    return p.callbacks(e);
                }
            },
            getMasked: function(skipMaskChars, val) {
                var buf = [],
                    value = val === undefined ? p.val() : val + '',
                    m = 0, maskLen = mask.length,
                    v = 0, valLen = value.length,
                    offset = 1, addMethod = 'push',
                    resetPos = -1,
                    maskDigitCount = 0,
                    maskDigitPosArr = [],
                    lastMaskChar,
                    check;

                if (options.reverse) {
                    addMethod = 'unshift';
                    offset = -1;
                    lastMaskChar = 0;
                    m = maskLen - 1;
                    v = valLen - 1;
                    check = function () {
                        return m > -1 && v > -1;
                    };
                } else {
                    lastMaskChar = maskLen - 1;
                    check = function () {
                        return m < maskLen && v < valLen;
                    };
                }

                var lastUntranslatedMaskChar;
                while (check()) {
                    var maskDigit = mask.charAt(m),
                        valDigit = value.charAt(v),
                        translation = jMask.translation[maskDigit];

                    if (translation) {
                        if (valDigit.match(translation.pattern)) {
                            buf[addMethod](valDigit);
                             if (translation.recursive) {
                                if (resetPos === -1) {
                                    resetPos = m;
                                } else if (m === lastMaskChar) {
                                    m = resetPos - offset;
                                }

                                if (lastMaskChar === resetPos) {
                                    m -= offset;
                                }
                            }
                            m += offset;
                        } else if (valDigit === lastUntranslatedMaskChar) {
                            // matched the last untranslated (raw) mask character that we encountered
                            // likely an insert offset the mask character from the last entry; fall
                            // through and only increment v
                            maskDigitCount--;
                            lastUntranslatedMaskChar = undefined;
                        } else if (translation.optional) {
                            m += offset;
                            v -= offset;
                        } else if (translation.fallback) {
                            buf[addMethod](translation.fallback);
                            m += offset;
                            v -= offset;
                        } else {
                          p.invalid.push({p: v, v: valDigit, e: translation.pattern});
                        }
                        v += offset;
                    } else {
                        if (!skipMaskChars) {
                            buf[addMethod](maskDigit);
                        }

                        if (valDigit === maskDigit) {
                            maskDigitPosArr.push(v);
                            v += offset;
                        } else {
                            lastUntranslatedMaskChar = maskDigit;
                            maskDigitPosArr.push(v + maskDigitCount);
                            maskDigitCount++;
                        }

                        m += offset;
                    }
                }

                var lastMaskCharDigit = mask.charAt(lastMaskChar);
                if (maskLen === valLen + 1 && !jMask.translation[lastMaskCharDigit]) {
                    buf.push(lastMaskCharDigit);
                }

                var newVal = buf.join('');
                p.mapMaskdigitPositions(newVal, maskDigitPosArr, valLen);
                return newVal;
            },
            mapMaskdigitPositions: function(newVal, maskDigitPosArr, valLen) {
              var maskDiff = options.reverse ? newVal.length - valLen : 0;
              p.maskDigitPosMap = {};
              for (var i = 0; i < maskDigitPosArr.length; i++) {
                p.maskDigitPosMap[maskDigitPosArr[i] + maskDiff] = 1;
              }
            },
            callbacks: function (e) {
                var val = p.val(),
                    changed = val !== oldValue,
                    defaultArgs = [val, e, el, options],
                    callback = function(name, criteria, args) {
                        if (typeof options[name] === 'function' && criteria) {
                            options[name].apply(this, args);
                        }
                    };

                callback('onChange', changed === true, defaultArgs);
                callback('onKeyPress', changed === true, defaultArgs);
                callback('onComplete', val.length === mask.length, defaultArgs);
                callback('onInvalid', p.invalid.length > 0, [val, e, el, p.invalid, options]);
            }
        };

        el = $(el);
        var jMask = this, oldValue = p.val(), regexMask;

        mask = typeof mask === 'function' ? mask(p.val(), undefined, el,  options) : mask;

        // public methods
        jMask.mask = mask;
        jMask.options = options;
        jMask.remove = function() {
            var caret = p.getCaret();
            p.destroyEvents();
            p.val(jMask.getCleanVal());
            p.setCaret(caret);
            return el;
        };

        // get value without mask
        jMask.getCleanVal = function() {
           return p.getMasked(true);
        };

        // get masked value without the value being in the input or element
        jMask.getMaskedVal = function(val) {
           return p.getMasked(false, val);
        };

       jMask.init = function(onlyMask) {
            onlyMask = onlyMask || false;
            options = options || {};

            jMask.clearIfNotMatch  = $.jMaskGlobals.clearIfNotMatch;
            jMask.byPassKeys       = $.jMaskGlobals.byPassKeys;
            jMask.translation      = $.extend({}, $.jMaskGlobals.translation, options.translation);

            jMask = $.extend(true, {}, jMask, options);

            regexMask = p.getRegexMask();

            if (onlyMask) {
                p.events();
                p.val(p.getMasked());
            } else {
                if (options.placeholder) {
                    el.attr('placeholder' , options.placeholder);
                }

                // this is necessary, otherwise if the user submit the form
                // and then press the "back" button, the autocomplete will erase
                // the data. Works fine on IE9+, FF, Opera, Safari.
                if (el.data('mask')) {
                  el.attr('autocomplete', 'off');
                }

                // detect if is necessary let the user type freely.
                // for is a lot faster than forEach.
                for (var i = 0, maxlength = true; i < mask.length; i++) {
                    var translation = jMask.translation[mask.charAt(i)];
                    if (translation && translation.recursive) {
                        maxlength = false;
                        break;
                    }
                }

                if (maxlength) {
                    el.attr('maxlength', mask.length);
                }

                p.destroyEvents();
                p.events();

                var caret = p.getCaret();
                p.val(p.getMasked());
                p.setCaret(caret);
            }
        };

        jMask.init(!el.is('input'));
    };

    $.maskWatchers = {};
    var HTMLAttributes = function () {
        var input = $(this),
            options = {},
            prefix = 'data-mask-',
            mask = input.attr('data-mask');

        if (input.attr(prefix + 'reverse')) {
            options.reverse = true;
        }

        if (input.attr(prefix + 'clearifnotmatch')) {
            options.clearIfNotMatch = true;
        }

        if (input.attr(prefix + 'selectonfocus') === 'true') {
           options.selectOnFocus = true;
        }

        if (notSameMaskObject(input, mask, options)) {
            return input.data('mask', new Mask(this, mask, options));
        }
    },
    notSameMaskObject = function(field, mask, options) {
        options = options || {};
        var maskObject = $(field).data('mask'),
            stringify = JSON.stringify,
            value = $(field).val() || $(field).text();
        try {
            if (typeof mask === 'function') {
                mask = mask(value);
            }
            return typeof maskObject !== 'object' || stringify(maskObject.options) !== stringify(options) || maskObject.mask !== mask;
        } catch (e) {}
    },
    eventSupported = function(eventName) {
        var el = document.createElement('div'), isSupported;

        eventName = 'on' + eventName;
        isSupported = (eventName in el);

        if ( !isSupported ) {
            el.setAttribute(eventName, 'return;');
            isSupported = typeof el[eventName] === 'function';
        }
        el = null;

        return isSupported;
    };

    $.fn.mask = function(mask, options) {
        options = options || {};
        var selector = this.selector,
            globals = $.jMaskGlobals,
            interval = globals.watchInterval,
            watchInputs = options.watchInputs || globals.watchInputs,
            maskFunction = function() {
                if (notSameMaskObject(this, mask, options)) {
                    return $(this).data('mask', new Mask(this, mask, options));
                }
            };

        $(this).each(maskFunction);

        if (selector && selector !== '' && watchInputs) {
            clearInterval($.maskWatchers[selector]);
            $.maskWatchers[selector] = setInterval(function(){
                $(document).find(selector).each(maskFunction);
            }, interval);
        }
        return this;
    };

    $.fn.masked = function(val) {
        return this.data('mask').getMaskedVal(val);
    };

    $.fn.unmask = function() {
        clearInterval($.maskWatchers[this.selector]);
        delete $.maskWatchers[this.selector];
        return this.each(function() {
            var dataMask = $(this).data('mask');
            if (dataMask) {
                dataMask.remove().removeData('mask');
            }
        });
    };

    $.fn.cleanVal = function() {
        return this.data('mask').getCleanVal();
    };

    $.applyDataMask = function(selector) {
        selector = selector || $.jMaskGlobals.maskElements;
        var $selector = (selector instanceof $) ? selector : $(selector);
        $selector.filter($.jMaskGlobals.dataMaskAttr).each(HTMLAttributes);
    };

    var globals = {
        maskElements: 'input,td,span,div',
        dataMaskAttr: '*[data-mask]',
        dataMask: true,
        watchInterval: 300,
        watchInputs: true,
        // old versions of chrome dont work great with input event
        useInput: !/Chrome\/[2-4][0-9]|SamsungBrowser/.test(window.navigator.userAgent) && eventSupported('input'),
        watchDataMask: false,
        byPassKeys: [9, 16, 17, 18, 36, 37, 38, 39, 40, 91],
        translation: {
            '0': {pattern: /\d/},
            '9': {pattern: /\d/, optional: true},
            '#': {pattern: /\d/, recursive: true},
            'A': {pattern: /[a-zA-Z0-9]/},
            'S': {pattern: /[a-zA-Z]/}
        }
    };

    $.jMaskGlobals = $.jMaskGlobals || {};
    globals = $.jMaskGlobals = $.extend(true, {}, globals, $.jMaskGlobals);

    // looking for inputs with data-mask attribute
    if (globals.dataMask) {
        $.applyDataMask();
    }

    setInterval(function() {
        if ($.jMaskGlobals.watchDataMask) {
            $.applyDataMask();
        }
    }, globals.watchInterval);
}, window.jQuery, window.Zepto));


</script>

<script type="text/javascript">
var rules;
$(function(){
	Move.setRules([]);
	Move.run();
})

var Move={
	rules:false,
	interval:false,
	block:false,
	setRules:function(j){
		this.rules=j;
		this.block=$('#move-block');
	},
	run:function(){
		var r = this.rules.shift();
		if (r==undefined){
			this.block.hide();
			return false;
		}
		var time = r.sleep + r.speed + r.next;
		this.interval=setTimeout(function(){
			clearTimeout(this.interval);
			Move.run();
		},time)
		
		Move.view(r);
	},
	view:function(r){
		console.log('Move.view()');
		setTimeout(function(){
			if (r.display==true){
				console.log('DISPLAY: '+r.display);
				Move.block.show();
			}
			else{
				Move.block.hide();
			}
			
			if (Move.setImg(r)==false){
				r.to = 'field_top_center';
				r.arrow = 'center';
				r.text_align = 'center';
				r.popover = 'relative';
				r.minWidth = false;
			}
			Move.setText(r);
			Move.highlight(r);
			Move.setPosition(r.to, r);
		},r.sleep)
		return true;
	},
	setImg:function(r){
		if (r.img == undefined || r.img == false) return false;
		var img = this.block.find('.image')
		img.attr('src', r.img);
		if (r.size){
			img.attr('width', r.size);
		}
	},
	highlight:function(r){
		$('.move-highlight').removeClass('move-highlight')
		if (r.highlight != undefined || r.highlight != false){
			if (r.highlight==true){
				$('body').find(r.selector).addClass('move-highlight');
			}
			else{
				$('body').find(r.highlight).addClass('move-highlight');
			}
		}
		return false;
	},
	setText:function(r){
		var p=this.block.find('.popover');
		if (r.text == ''){
			p.hide();
		}
		else{
			p.show();
		}
		p.find('.popover-content').html(r.text);
		if (r.popover == undefined){
			p.css('top', - p.height());
		}
		
		if (r.arrow != undefined && r.arrow == 'center'){
			this.block.find('.arrow').css({
				left: '48%'
			});
		}
		if (r.text_align != undefined){
			this.block.find('.popover-content').css({
				textAlign: r.text_align
			});
		}
		if (r.popover != undefined){
			this.block.find('.popover').css({
				position: r.popover
			});
		}
		if (r.minWidth != undefined){
			this.block.find('.popover').css({
				minWidth: 0
			});
		}
	},
	setPosition:function(c, r){
		var h = $(window).height();
		var w = $(window).width();
		var bh = this.block.height();
		if (bh==0 || r.popover != undefined){
			bh = this.block.find('.popover').height() + 12;
		}
		var bw = this.block.width();
		if (bw==0){
			bw = this.block.find('.popover').width();
		}
		switch(c){
			case 'center':
				this.block.animate({
					left: (w/2) - (this.block.width() / 2),
					top: (h/2) - (this.block.height() / 2),
					block: 'block'
				}, r.speed);
			break;
			case 'field':
				this.block.animate({
					left: $(r.selector).offset().left + $(r.selector).width(),
					top: ($(r.selector).offset().top + ($(r.selector).height() / 2)) - (this.block.height() / 2),
					block: 'block'
				}, r.speed);
			break;
			case 'btn_left':
				this.block.animate({
					left: $(r.selector).offset().left,
					top: ($(r.selector).offset().top + ($(r.selector).height() / 2)) - (this.block.height() / 2),
					block: 'block'
				}, r.speed);
			break;
			case 'btn_right':
				this.block.animate({
					left: $(r.selector).offset().left + $(r.selector).width(),
					top: ($(r.selector).offset().top + ($(r.selector).height() / 2)) - (this.block.height() / 2),
					block: 'block'
				}, r.speed);
			break;
			case 'w_b_l':
				this.block.animate({
					left: w - w,
					top: h - (bh / 2),
					block: 'block'
				}, r.speed);
			break;
			case 'w_b_r':
				this.block.animate({
					left: w - bw,
					top: h - (bh / 2),
					block: 'block'
				}, r.speed);
			break;
			case 'field_top_right':
				var fleft	= $(r.selector).offset().left;
				var ftop	= $(r.selector).offset().top;
				var fheight	= $(r.selector).height();
				var fwidth	= $(r.selector).width();
				this.block.animate({
					left: fleft + fwidth - 40,
					top: ftop - (bh + fheight) - 10,
					block: 'block'
				}, r.speed);
			break;
			case 'field_top_center':
				var fleft	= $(r.selector).offset().left;
				var ftop	= $(r.selector).offset().top;
				var fheight	= $(r.selector).height();
				var fwidth	= $(r.selector).width();
				this.block.animate({
					left: (fleft + (fwidth / 2)) - (bw / 2),
					top: ftop - bh + 5,
					block: 'block'
				}, r.speed);
			break;
		}
	}
	
}
</script>
<style>
	#move-block{
		position: fixed;
		z-index: 2000;
	}
	#move-block .popover{
		min-width: 300px;
		z-index: 1000;
	}
	#move-block .popover-content{
		background: #fff;
		padding: 10px;
	}
	body .move-highlight{
		border-color: #FF8BAE;
/*		box-shadow: 0 5px 0px #FFEDF2, 0 -4px 0px #FFEDF2, -40 -4px 0px #FFEDF2;*/
	}
</style>
<div id="move-block">
	<div class="popover fade top in">
		<div class="arrow" style="left: 14%;"></div>
		<div class="popover-content"></div>
	</div>
	<img class="image" src=""/>
</div>