Шиномонтажные услуги Шиномонтаж в Волоколамске

Мы предлагаем вам воспользоваться комплексом шиномонтажных услуг в нашем автосервисе.
У нас в наличии современные шиномонтажный и балансировочные станки.

По вашему желанию мы производим утилизацию бывших в употреблении автошин.

Запись на шиномонтаж

Дата^*:

Время^*:

Получаем время...

Сначала выберите дату

Информация об автомобиле:

Госномер^*:

Автомобиль^*: выбрать автомобиль

Контактная информация:

ФИО^*:

Телефон для SMS-уведомлений^*: Формат телефона: +79001234567

Email:

Дополнительно:

</textarea></div>
<p class="fr-text-danger"><span class="red">*</span> Поля, обязательные для заполнения.</p>
<input type="submit" name="sendReservationRequest" class="fr-btn fr-btn-primary" value="Записаться" />
<div style="display: none;">
<div id="selectModelCarBlock" class="cars-empty">
<div class="selectModelCarBlockTitle">Выбрать авто </div>
<script>// <![CDATA[
	$(document).ready(function () {

if (!window.isInitCar) {
			//переключаем внешний вид
			toggleAppearance('initChoice');

//вешаем обработчики
			carChoiceHandlersInit();

//заполняем select "Год выпуска"
			sendAjax({action: "carChoice/getYears"}, 'yearChoice');
			window.isInitCar = true;
		}
	});

/**
	 * Переключаем внешний вид
	 * @param step
	 */
	function toggleAppearance(step) {
		switch (step) {
			case 'initChoice':
				$('#choiceYears').html('<option value="">Год выпуска</option>').attr('disabled', 'disabled');
				$('#choiceManufacturers').html('<option value="">Марка</option>').attr('disabled', 'disabled').val('');
				$('#choiceModels').html('<option value="">Модель</option>').attr('disabled', 'disabled').val('');
				$('#choiceModifications').html('<option value="">Модификация</option>').attr('disabled', 'disabled').val('');
				$('#addNewModel').hide();
				$('#addNewModification').hide();
				$('#newModel').hide();
				$('#newModification').hide();
				$('.choiceModels-container').removeClass('choice-show');
				$('.choiceModifications-container').removeClass('choice-show');
				break;
			case 'yearChoice':
				$('#choiceYears').html('<option value="" disabled="disabled" selected="selected">Год выпуска</option>').removeAttr('disabled');
				$('#choiceManufacturers').attr('disabled', 'disabled').val('');
				$('#choiceModels').attr('disabled', 'disabled').val('').show();
				$('#choiceModifications').attr('disabled', 'disabled').val('').show();
				$('#addNewModel').hide();
				$('#addNewModification').hide();
				$('#newModel').hide();
				$('#newModification').hide();
				$('.choiceModels-container').removeClass('choice-show');
				$('.choiceModifications-container').removeClass('choice-show');
				break;
			case 'manufacturerChoice':
				$('#choiceManufacturers').html('<option value="" disabled="disabled" selected="selected">Марка</option>').removeAttr('disabled');
				$('#choiceModels').attr('disabled', 'disabled').val('').show();
				$('#choiceModifications').attr('disabled', 'disabled').val('').show();
				$('#addNewModel').hide();
				$('#addNewModification').hide();
				$('#newModel').hide();
				$('#newModification').hide();
				$('.choiceModels-container').removeClass('choice-show');
				$('.choiceModifications-container').removeClass('choice-show');
				break;
			case 'modelChoice':
				$('#choiceModels').html('<option value="" disabled="disabled" selected="selected">Модель</option>').removeAttr('disabled').show();
				$('#choiceModifications').attr('disabled', 'disabled').val('').show();
				$('#addNewModel').val($('#addNewModel').data("larr")).show();
				$('#addNewModification').hide();
				$('#newModel').hide();
				$('#newModification').hide();
				$('.choiceModels-container').addClass('choice-show');
				$('.choiceModifications-container').removeClass('choice-show');
				break;
			case 'modelList':
				$('#choiceModels').show();
				$('#choiceModifications').show();
				$('#addNewModel').val($('#addNewModel').data("larr")).show();
				$('.choiceModels-container').addClass('choice-show');
				if ($('#choiceModels :selected').val() != '') {
					$('#addNewModification').val($('#addNewModification').data("larr")).show();
					$('.choiceModifications-container').addClass('choice-show');
				} else {
					$('#addNewModification').hide();
					$('.choiceModifications-container').removeClass('choice-show');
				}
				$('#newModel').hide();
				$('#newModification').hide();
				break;
			case 'modelAdd':
				$('#addNewModel').val($('#addNewModel').data("rarr")).show();
				$('#choiceModels').hide();
				$('#choiceModifications').hide();
				$('#addNewModification').hide();
				$('#newModel').show().focus();
				$('#newModification').show();
				$('.choiceModels-container').addClass('choice-show');
				$('.choiceModifications-container').removeClass('choice-show');
				break;
			case 'modificationChoice':
				$('#choiceModifications').html('<option value="" disabled="disabled" selected="selected">Модификация</option>').removeAttr('disabled').show();
				$('#addNewModification').val($('#addNewModification').data("larr")).show();
				$('.choiceModifications-container').addClass('choice-show');
				$('#newModel').hide();
				$('#newModification').hide();
				break;
			case 'modificationList':
				$('#choiceModifications').show();
				$('#addNewModification').val($('#addNewModification').data("larr")).show();
				$('#newModel').hide();
				$('#newModification').hide();
				$('.choiceModifications-container').addClass('choice-show');
				break;
			case 'modificationAdd':
				$('#addNewModification').val($('#addNewModification').data("rarr")).show();
				$('#choiceModifications').hide();
				$('#newModification').show().focus();
				$('.choiceModifications-container').addClass('choice-show');
				break;
			default:
				break;
		}

isReadyToGetChoice();
	}

/**
	 * Вешаем обработчики
	 */
	function carChoiceHandlersInit() {
		//обрабатываем выбор select
		$('.carChoiceSelect').unbind();
		$('.carChoiceSelect').on('keyup', function (event) {
			if (event.keyCode == 40 || event.keyCode == 38) {
				$(this).trigger('change');
			}
		});
		$('.carChoiceSelect').on('change', function (event) {
			var year = $('#choiceYears').val();
			var manufacturerId = $('#choiceManufacturers').val();
			var modelId = $('#choiceModels').val();
			var data = {};
			var showAll = $('#showAll').val();

switch ($(this).attr('id')) {
				case 'choiceYears':
					data = {
						action: "carChoice/getManufacturers",
						year: year,
						showAll: showAll
					};
					toggleAppearance('afterYearChoice');
					sendAjax(data, 'manufacturerChoice');
					break;
				case 'choiceManufacturers':
					var manufacturerName = $('#choiceManufacturers option:selected').text();
					data = {
						action: "carChoice/getModels",
						year: year,
						manufacturerId: manufacturerId,
						manufacturerName: manufacturerName,
						showAll: showAll
					};
					toggleAppearance('afterManufacturerChoice');
					sendAjax(data, 'modelChoice');
					break;
				case 'choiceModels':
					data = {
						action: "carChoice/getModifications",
						year: year,
						manufacturerId: manufacturerId,
						modelId: modelId,
						showAll: showAll
					};
					toggleAppearance('afterChoiceModels');
					sendAjax(data, 'modificationChoice');
					break;
				case 'choiceModifications':
					toggleAppearance('carChoice');
					var modificationId = $('#choiceModifications').val();
					$('.choiced-car-image').attr('src', getImageUrl(modificationId));
					break;
				default:
					break;
			}
		});

//переключаем внешний вид для модели
		$('#addNewModel').unbind().click(function () {
			if ($('#choiceModels').is(":visible")) {
				toggleAppearance('modelAdd');
			}
			else {
				toggleAppearance('modelList');
			}
		});

//переключаем внешний вид для модификации
		$('#addNewModification').unbind().click(function () {
			if ($('#choiceModifications').is(":visible")) {
				toggleAppearance('modificationAdd');
			}
			else {
				toggleAppearance('modificationList');
			}
		});

//добавляем класс ошибки, если не заполнено обязательное поле
		function checkRequired() {
			var val = $.trim($(this).val());
			if (val != '') {
				$(this).removeClass('formee-error');
			}
			else {
				$(this).addClass('formee-error');
			}
			isReadyToGetChoice();
		}

$('#newModification').focusout(function () {
			checkRequired.call(this);
		});
		$('#newModification').keyup(function () {
			checkRequired.call(this);
		});
		$('#newModel').focusout(function () {
			checkRequired.call(this);
			$('#newModification').focus();
		});
		$('#newModel').keyup(function () {
			checkRequired.call(this);
		});

client_id = $('#client_id').val();
		var $addingToGarageButton = $('#addingToGarageButton');
		// блокируем добавление в гараж авто
		$addingToGarageButton.attr('disabled', 'disabled');

// действие по нажатию на "Добавить в гараж"
		$addingToGarageButton.click(function () {
			$(this).attr('disabled', 'disabled');
			var $choiceManufacturer = $('#choiceManufacturers option:selected');
			var $choiceModel = $('#choiceModels:not(:disabled) option:selected:not([value=""])');
			var $choiceModification = $('#choiceModifications:not(:disabled) option:selected:not([value=""])');
			var isVin = $('input[name="selectVinOrFrame"]:checked').is('#check-vin');
			var data = {
				action: "carChoice/getChoice",
				year: $('#choiceYears option:selected').val(),
				manufacturerName: $choiceManufacturer.text(),
				manufacturerId: $choiceManufacturer.val(),
				modelId: $choiceModel.val(),
				modelName: $choiceModel.text(),
				newModelName: $('#newModel').val(),
				isNewModel: ($('#choiceModels').is(":visible")) ? 0 : 1,
				modificationId: $choiceModification.val(),
				modificationName: $choiceModification.text(),
				newModificationName: $('#newModification').val(),
				isNewModification: ($('#choiceModifications').is(":visible")) ? 0 : 1,
				addingToGarage: 1,
				resellerId: $('input[name=resellerId]').val(),
				userId: client_id
			};
			if (isVin) {
				data.vin = $.trim($('.vinqu-block input[name=vin]').val());
			}
			else {
				data.frame = $.trim($('.vinqu-block input[name=frame]').val());
			}
			sendAjax(data, 'getChoice');
		});
	}

/**
	 * Посылаем ajax-запрос
	 * @param data
	 * @param step
	 */
	function sendAjax(data, step) {
		$.ajax({
			type: 'post',
			data: data,
			dataType: 'json',
			success: function (data) {
				switch (step) {
					case 'yearChoice':
						if (data) {
							toggleAppearance(step);
							$.each(data, function (index, value) {
								$('#choiceYears').append('<option value="' + value + '">' + value + '</option>');
							});
						}
						break;
					case 'manufacturerChoice':
						if (data) {
							toggleAppearance(step);
							$.each(data, function (index, value) {
								$('#choiceManufacturers').append('<option value="' + value.id + '">' + value.name + '</option>');
							});
						}
						break;
					case 'modelChoice':
						if (data) {
							toggleAppearance(step);
							$.each(data, function (index, value) {
								$('#choiceModels').append('<option value="' + value.id + '">' + value.name + '</option>');
							});
						}
						break;
					case 'modificationChoice':
						if (data) {
							toggleAppearance(step);
							$.each(data, function (index, value) {
								$('#choiceModifications').append('<option value="' + value.id + '">' + value.name + ' ' + value.hpFrom + ' л.с.</option>');
								var $imageUrl = $('#imageUrl' + value.id);
								if ($imageUrl.length) {
									$imageUrl.val(value.imageUrl);
								}
								else {
									$imageUrl = $('<input/>', {
										type: 'hidden',
										id: 'imageUrl' + value.id,
										value: value.imageUrl
									});
									$imageUrl.appendTo('body');
								}
							});
						}
						break;
					case 'getChoice':
						if (data) {
							data['action'] = 'carChoice/sendResult';
							$.ajax({
								type: 'post',
								url: '',
								data: data,
								dataType: 'json',
								success: function (data) {
									$('#getChoice').click();
								},
								complete: function() {
									$('#addingToGarageButton').removeAttr('disabled');
								}
							});
						}
						break;
					default:
						break;
				}
				// сбросим изображение на дефолтное
				$('.choiced-car-image').attr('src', getImageUrl(null));
			}
		});
	}

/**
	 * Прроверяем, что модель и модификация выбраны - делаем активной кнопку выбора
	 */
	function isReadyToGetChoice() {
		function hasValue(selectedElement, addedElement) {
			return ($('#' + selectedElement).is(':visible') && $('#' + selectedElement + ' :selected').val() != '') || ($('#' + addedElement).is(":visible") && $.trim($('#' + addedElement).val()) != '');
		}

if (hasValue('choiceModels', 'newModel') && hasValue('choiceModifications', 'newModification')) {
			$('#getChoice').removeAttr('disabled');
		}
		else {
			$('#getChoice').attr('disabled', 'disabled');
		}
		if (hasValue('choiceModels') && hasValue('choiceModifications')) {
			$('#addingToGarageButton').removeAttr('disabled');
		}
		else {
			$('#addingToGarageButton').attr('disabled', 'disabled');
		}
	}

/* Получаем url картинки модификации */
	function getImageUrl(modificationId) {
		var imageUrlDefault = $("#imageUrlDefault").val();
		var imageUrlById = $("#imageUrl" + modificationId).val();
		return imageUrlById ? imageUrlById : imageUrlDefault;
	}
// ]]></script>
<style></style>
<div class="wCarChoiceWithAddingCar">
<div class="carChoiceBlock formee"><input type="hidden" id="imageUrlDefault" value="//astatic.nodacdn.net/common.images/carbase/unknown.modification.png" /> <input type="hidden" id="showAll" value="1" /> <input type="hidden" id="client_id" value="499061" /><fieldset>
<div class="carChoiceBlockTitle" style="display: none;">Из каталога:</div>
<legend>Выбрать авто </legend>
<div class="unknownModification"><img src="//astatic.nodacdn.net/common.images/carbase/unknown.modification.png" class="car-image choiced-car-image" /></div>
<div class="select-form"><select name="years" id="choiceYears" class="fr-form-control carChoiceSelect">
<option value="" disabled="disabled" selected="selected">Год выпуска</option>
<option value="2015">2015</option>
<option value="2014">2014</option>
<option value="2013">2013</option>
<option value="2012">2012</option>
<option value="2011">2011</option>
<option value="2010">2010</option>
<option value="2009">2009</option>
<option value="2008">2008</option>
<option value="2007">2007</option>
<option value="2006">2006</option>
<option value="2005">2005</option>
<option value="2004">2004</option>
<option value="2003">2003</option>
<option value="2002">2002</option>
<option value="2001">2001</option>
<option value="2000">2000</option>
<option value="1999">1999</option>
<option value="1998">1998</option>
<option value="1997">1997</option>
<option value="1996">1996</option>
<option value="1995">1995</option>
<option value="1994">1994</option>
<option value="1993">1993</option>
<option value="1992">1992</option>
<option value="1991">1991</option>
<option value="1990">1990</option>
<option value="1989">1989</option>
<option value="1988">1988</option>
<option value="1987">1987</option>
<option value="1986">1986</option>
<option value="1985">1985</option>
<option value="1984">1984</option>
<option value="1983">1983</option>
<option value="1982">1982</option>
<option value="1981">1981</option>
<option value="1980">1980</option>
<option value="1979">1979</option>
<option value="1978">1978</option>
<option value="1977">1977</option>
<option value="1976">1976</option>
<option value="1975">1975</option>
<option value="1974">1974</option>
<option value="1973">1973</option>
<option value="1972">1972</option>
<option value="1971">1971</option>
<option value="1970">1970</option>
</select></div>
<div class="select-form"><select name="manufacturers" id="choiceManufacturers" class="fr-form-control carChoiceSelect" disabled="disabled">
<option value="">Марка</option>
</select></div>
<div class="choice-container">
<div class="choiceModels-container">
<div class="select-form"><select name="models" id="choiceModels" class="fr-form-control carChoiceSelect" disabled="disabled">
<option value="">Модель</option>
</select><input type="text" id="newModel" class="fr-form-control carNew" placeholder="Введите модель" style="display: none;" /></div>
<div class="select-not-model"><input type="button" id="addNewModel" class="carAddNew" value="← Нет моей модели" data-larr="← Нет моей модели" data-rarr="→ Список моделей" style="display: none;" /></div>
</div>
<div class="choiceModifications-container">
<div class="select-form"><select name="modifications" id="choiceModifications" class="fr-form-control carChoiceSelect" disabled="disabled">
<option value="">Модификация</option>
</select><input type="text" id="newModification" class="fr-form-control carNew" placeholder="Объем и мощность" style="display: none;" /></div>
<div class="select-not-modif"><input type="button" id="addNewModification" class="carAddNew" value="← Нет моей модификации" data-larr="← Нет моей модификации" data-rarr="→ Список модификаций" style="display: none;" /></div>
</div>
</div>
<div class="carChoiceButton fr-btn-row">
<div class="getChoice-btn"><input class="fr-btn fr-btn-primary" type="button" id="getChoice" value="Выбрать" disabled="disabled" /></div>
<div class="addingToGarageButton-btn second-btn"><input class="fr-btn fr-btn-success" type="button" id="addingToGarageButton" value="Добавить в гараж и выбрать" disabled="disabled" /></div>
</div>
</fieldset></div>
</div>
</div>
</div>
</div>
</div>
</form></div>
</div>
<div class="reservationFormMap fr-col50 fr-col-left">
<div id="wholeMap" style="position: relative; overflow: hidden; transform: translateZ(0px); background-color: #e5e3df;">
<div class="gm-style" style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0;">
<div style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0; cursor: url('https://maps.gstatic.com/mapfiles/openhand_8_8.cur') 8 8, default;">
<div style="position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; transform-origin: 0px 0px 0px; transform: matrix(1, 0, 0, 1, 0, 0);">
<div style="transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 100; width: 100%;">
<div style="position: absolute; left: 0px; top: 0px; z-index: 0;">
<div aria-hidden="true" style="position: absolute; left: 0px; top: 0px; z-index: 1; visibility: inherit;">
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 237px; top: 43px;"></div>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: -19px; top: 43px;"></div>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 237px; top: -213px;"></div>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 237px; top: 299px;"></div>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 493px; top: 43px;"></div>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: -19px; top: -213px;"></div>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: -19px; top: 299px;"></div>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 493px; top: -213px;"></div>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 493px; top: 299px;"></div>
</div>
</div>
</div>
<div style="transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 101; width: 100%;"></div>
<div style="transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 102; width: 100%;"></div>
<div style="transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 103; width: 100%;">
<div style="position: absolute; left: 0px; top: 0px; z-index: -1;">
<div aria-hidden="true" style="position: absolute; left: 0px; top: 0px; z-index: 1; visibility: inherit;">
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 237px; top: 43px;"><canvas draggable="false" height="256" width="256" style="-webkit-user-select: none; position: absolute; left: 0px; top: 0px; height: 256px; width: 256px;"></canvas></div>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: -19px; top: 43px;"></div>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 237px; top: -213px;"></div>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 237px; top: 299px;"></div>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 493px; top: 43px;"></div>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: -19px; top: -213px;"></div>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: -19px; top: 299px;"></div>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 493px; top: -213px;"></div>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 493px; top: 299px;"></div>
</div>
</div>
</div>
<div style="position: absolute; z-index: 0; transform: translateZ(0px); left: 0px; top: 0px;">
<div style="overflow: hidden; width: 500px; height: 370px;"><img src="https://maps.googleapis.com/maps/api/js/StaticMapService.GetMapImage?1m2&1i10063379&2i5221077&2e1&3u16&4m2&1u500&2u370&5m5&1e0&5sru-RU&6sus&10b1&12b1&token=21760" style="width: 500px; height: 370px;" /></div>
</div>
<div style="position: absolute; left: 0px; top: 0px; z-index: 0;">
<div aria-hidden="true" style="position: absolute; left: 0px; top: 0px; z-index: 1; visibility: inherit;">
<div style="transform: translateZ(0px); position: absolute; left: 237px; top: 43px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="https://mts1.googleapis.com/maps/vt?pb=!1m5!1m4!1i16!2i39311!3i20395!4i256!2m3!1e0!2sm!3i330281332!3m9!2sru-RU!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0" draggable="false" alt="" style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;" /></div>
<div style="transform: translateZ(0px); position: absolute; left: -19px; top: 43px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="https://mts0.googleapis.com/maps/vt?pb=!1m5!1m4!1i16!2i39310!3i20395!4i256!2m3!1e0!2sm!3i330289981!3m9!2sru-RU!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0" draggable="false" alt="" style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;" /></div>
<div style="transform: translateZ(0px); position: absolute; left: 237px; top: -213px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="https://mts1.googleapis.com/maps/vt?pb=!1m5!1m4!1i16!2i39311!3i20394!4i256!2m3!1e0!2sm!3i330281332!3m9!2sru-RU!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0" draggable="false" alt="" style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;" /></div>
<div style="transform: translateZ(0px); position: absolute; left: 237px; top: 299px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="https://mts1.googleapis.com/maps/vt?pb=!1m5!1m4!1i16!2i39311!3i20396!4i256!2m3!1e0!2sm!3i330281332!3m9!2sru-RU!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0" draggable="false" alt="" style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;" /></div>
<div style="transform: translateZ(0px); position: absolute; left: 493px; top: 43px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="https://mts0.googleapis.com/maps/vt?pb=!1m5!1m4!1i16!2i39312!3i20395!4i256!2m3!1e0!2sm!3i330281332!3m9!2sru-RU!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0" draggable="false" alt="" style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;" /></div>
<div style="transform: translateZ(0px); position: absolute; left: -19px; top: -213px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="https://mts0.googleapis.com/maps/vt?pb=!1m5!1m4!1i16!2i39310!3i20394!4i256!2m3!1e0!2sm!3i330281332!3m9!2sru-RU!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0" draggable="false" alt="" style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;" /></div>
<div style="transform: translateZ(0px); position: absolute; left: -19px; top: 299px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="https://mts0.googleapis.com/maps/vt?pb=!1m5!1m4!1i16!2i39310!3i20396!4i256!2m3!1e0!2sm!3i330289981!3m9!2sru-RU!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0" draggable="false" alt="" style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;" /></div>
<div style="transform: translateZ(0px); position: absolute; left: 493px; top: -213px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="https://mts0.googleapis.com/maps/vt?pb=!1m5!1m4!1i16!2i39312!3i20394!4i256!2m3!1e0!2sm!3i330212938!3m9!2sru-RU!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0" draggable="false" alt="" style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;" /></div>
<div style="transform: translateZ(0px); position: absolute; left: 493px; top: 299px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="https://mts0.googleapis.com/maps/vt?pb=!1m5!1m4!1i16!2i39312!3i20396!4i256!2m3!1e0!2sm!3i330281332!3m9!2sru-RU!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0" draggable="false" alt="" style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;" /></div>
</div>
</div>
</div>
<div style="position: absolute; left: 0px; top: 0px; z-index: 2; width: 100%; height: 100%;"></div>
<div style="position: absolute; left: 0px; top: 0px; z-index: 3; width: 100%; transform-origin: 0px 0px 0px; transform: matrix(1, 0, 0, 1, 0, 0);">
<div style="transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 104; width: 100%;"></div>
<div style="transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 105; width: 100%;"></div>
<div style="transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 106; width: 100%;"></div>
<div style="transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 107; width: 100%;"></div>
</div>
</div>
<div style="padding: 15px 21px; border: 1px solid #ababab; font-family: Roboto, Arial, sans-serif; color: #222222; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px; z-index: 10000002; display: none; width: 256px; height: 148px; position: absolute; left: 100px; top: 95px; background-color: white;">
<div style="padding: 0px 0px 10px; font-size: 16px;">Картографические данные</div>
<div style="font-size: 13px;">Картографические данные © 2015 Google</div>
<div style="width: 13px; height: 13px; overflow: hidden; position: absolute; opacity: 0.7; right: 12px; top: 12px; z-index: 10000; cursor: pointer;"><img src="https://maps.gstatic.com/mapfiles/api-3/images/mapcnt6.png" draggable="false" style="position: absolute; left: -2px; top: -336px; width: 59px; height: 492px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;" /></div>
</div>
<div class="gmnoprint" style="z-index: 1000001; position: absolute; right: 281px; bottom: 0px; width: 209px;">
<div draggable="false" class="gm-style-cc" style="-webkit-user-select: none; height: 14px; line-height: 14px;">
<div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;">
<div style="width: 1px;"></div>
<div style="width: auto; height: 100%; margin-left: 1px; background-color: #f5f5f5;"></div>
</div>
<div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto, Arial, sans-serif; font-size: 10px; color: #444444; white-space: nowrap; direction: ltr; text-align: right; vertical-align: middle; display: inline-block;"><a style="color: #444444; text-decoration: none; cursor: pointer; display: none;">Картографические данные</a><span>Картографические данные © 2015 Google</span></div>
</div>
</div>
<div class="gmnoscreen" style="position: absolute; right: 0px; bottom: 0px;">
<div style="font-family: Roboto, Arial, sans-serif; font-size: 11px; color: #444444; direction: ltr; text-align: right; background-color: #f5f5f5;">Картографические данные © 2015 Google</div>
</div>
<div class="gmnoprint gm-style-cc" draggable="false" style="z-index: 1000001; -webkit-user-select: none; height: 14px; line-height: 14px; position: absolute; right: 154px; bottom: 0px;">
<div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;">
<div style="width: 1px;"></div>
<div style="width: auto; height: 100%; margin-left: 1px; background-color: #f5f5f5;"></div>
</div>
<div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto, Arial, sans-serif; font-size: 10px; color: #444444; white-space: nowrap; direction: ltr; text-align: right; vertical-align: middle; display: inline-block;"><a rel="nofollow" href="https://www.google.com/intl/ru-RU_US/help/terms_maps.html" target="_blank" style="text-decoration: none; cursor: pointer; color: #444444;">Условия использования</a></div>
</div>
<div draggable="false" class="gm-style-cc" style="-webkit-user-select: none; height: 14px; line-height: 14px; position: absolute; right: 0px; bottom: 0px;">
<div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;">
<div style="width: 1px;"></div>
<div style="width: auto; height: 100%; margin-left: 1px; background-color: #f5f5f5;"></div>
</div>
<div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto, Arial, sans-serif; font-size: 10px; color: #444444; white-space: nowrap; direction: ltr; text-align: right; vertical-align: middle; display: inline-block;"><a rel="nofollow" target="_new" title="Сообщить об ошибке на карте или снимке" href="https://www.google.com/maps/@56.0365983,35.9420425,16z/data=!10m1!1e1!12b1?source=apiv3&rapsrc=apiv3" style="font-family: Roboto, Arial, sans-serif; font-size: 10px; color: #444444; text-decoration: none; position: relative;">Сообщить об ошибке на карте</a></div>
</div>
<div class="gmnoprint" draggable="false" controlwidth="28" controlheight="93" style="margin: 10px; -webkit-user-select: none; position: absolute; bottom: 107px; right: 28px;">
<div class="gmnoprint" controlwidth="28" controlheight="55" style="position: absolute; left: 0px; top: 38px;">
<div draggable="false" style="-webkit-user-select: none; -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; border-radius: 2px; cursor: pointer; width: 28px; height: 55px; background-color: #ffffff;">
<div title="Увеличить" style="position: relative; width: 28px; height: 27px; left: 0px; top: 0px;">
<div style="overflow: hidden; position: absolute; width: 15px; height: 15px; left: 7px; top: 6px;"><img src="https://maps.gstatic.com/mapfiles/api-3/images/tmapctrl.png" draggable="false" style="position: absolute; left: 0px; top: 0px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none; width: 120px; height: 54px;" /></div>
</div>
<div style="position: relative; overflow: hidden; width: 67%; height: 1px; left: 16%; top: 0px; background-color: #e6e6e6;"></div>
<div title="Уменьшить" style="position: relative; width: 28px; height: 27px; left: 0px; top: 0px;">
<div style="overflow: hidden; position: absolute; width: 15px; height: 15px; left: 7px; top: 6px;"><img src="https://maps.gstatic.com/mapfiles/api-3/images/tmapctrl.png" draggable="false" style="position: absolute; left: 0px; top: -15px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none; width: 120px; height: 54px;" /></div>
</div>
</div>
</div>
<div controlwidth="28" controlheight="28" style="-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; border-radius: 2px; width: 28px; height: 28px; cursor: url('https://maps.gstatic.com/mapfiles/openhand_8_8.cur') 8 8, default; position: absolute; left: 0px; top: 0px; background-color: #ffffff;">
<div style="position: absolute; left: 1px; top: 1px;"></div>
<div style="position: absolute; left: 1px; top: 1px;">
<div aria-label="Перейти в режим просмотра улиц" style="width: 26px; height: 26px; overflow: hidden; position: absolute; left: 0px; top: 0px;"><img src="https://maps.gstatic.com/mapfiles/api-3/images/cb_scout5.png" draggable="false" style="position: absolute; left: -147px; top: -26px; width: 215px; height: 835px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;" /></div>
<div aria-label="Человечек находится над картой" style="width: 26px; height: 26px; overflow: hidden; position: absolute; left: 0px; top: 0px; visibility: hidden;"><img src="https://maps.gstatic.com/mapfiles/api-3/images/cb_scout5.png" draggable="false" style="position: absolute; left: -147px; top: -52px; width: 215px; height: 835px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;" /></div>
<div aria-label="Перейти в режим просмотра улиц" style="width: 26px; height: 26px; overflow: hidden; position: absolute; left: 0px; top: 0px; visibility: hidden;"><img src="https://maps.gstatic.com/mapfiles/api-3/images/cb_scout5.png" draggable="false" style="position: absolute; left: -147px; top: -78px; width: 215px; height: 835px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;" /></div>
</div>
</div>
<div class="gmnoprint" controlwidth="28" controlheight="0" style="display: none; position: absolute;">
<div title="Повернуть карту на 90 градусов" style="width: 28px; height: 28px; overflow: hidden; position: absolute; border-radius: 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; cursor: pointer; display: none; background-color: #ffffff;"><img src="https://maps.gstatic.com/mapfiles/api-3/images/tmapctrl4.png" draggable="false" style="position: absolute; left: -141px; top: 6px; width: 170px; height: 54px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;" /></div>
<div class="gm-tilt" style="width: 28px; height: 28px; overflow: hidden; position: absolute; border-radius: 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; top: 0px; cursor: pointer; background-color: #ffffff;"><img src="https://maps.gstatic.com/mapfiles/api-3/images/tmapctrl4.png" draggable="false" style="position: absolute; left: -141px; top: -13px; width: 170px; height: 54px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;" /></div>
</div>
</div>
<div class="gmnoprint" style="margin: 10px; z-index: 0; position: absolute; cursor: pointer; left: 0px; top: 0px;">
<div class="gm-style-mtc" style="float: left;">
<div draggable="false" title="Показать карту с названиями объектов" style="direction: ltr; overflow: hidden; text-align: center; position: relative; color: #000000; font-family: Roboto, Arial, sans-serif; -webkit-user-select: none; font-size: 11px; padding: 8px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; -webkit-background-clip: padding-box; -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; min-width: 29px; font-weight: 500; background-color: #ffffff; background-clip: padding-box;">Карта</div>
<div style="z-index: -1; padding: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; position: absolute; left: 0px; top: 29px; text-align: left; display: none; background-color: white;">
<div draggable="false" title="Показать карту рельефа с названиями объектов" style="color: #000000; font-family: Roboto, Arial, sans-serif; -webkit-user-select: none; font-size: 11px; padding: 6px 8px 6px 6px; direction: ltr; text-align: left; white-space: nowrap; background-color: #ffffff;">
<div style="position: absolute; left: 1px; top: -2px; width: 13px; height: 11px; overflow: hidden; display: none;"><img src="https://maps.gstatic.com/mapfiles/mv/imgs8.png" draggable="false" style="position: absolute; left: -52px; top: -44px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none; width: 68px; height: 67px;" /></div>
<label style="vertical-align: middle; cursor: pointer;">Рельеф</label></div>
</div>
</div>
<div class="gm-style-mtc" style="float: left;">
<div draggable="false" title="Показать спутниковую карту" style="direction: ltr; overflow: hidden; text-align: center; position: relative; color: #565656; font-family: Roboto, Arial, sans-serif; -webkit-user-select: none; font-size: 11px; padding: 8px; border-bottom-right-radius: 2px; border-top-right-radius: 2px; -webkit-background-clip: padding-box; -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; border-left-width: 0px; min-width: 42px; background-color: #ffffff; background-clip: padding-box;">Спутник</div>
<div style="z-index: -1; padding: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; position: absolute; right: 0px; top: 29px; text-align: left; display: none; background-color: white;">
<div draggable="false" title="Показать спутниковую карту с названиями объектов" style="color: #000000; font-family: Roboto, Arial, sans-serif; -webkit-user-select: none; font-size: 11px; padding: 6px 8px 6px 6px; direction: ltr; text-align: left; white-space: nowrap; background-color: #ffffff;">
<div style="position: absolute; left: 1px; top: -2px; width: 13px; height: 11px; overflow: hidden;"><img src="https://maps.gstatic.com/mapfiles/mv/imgs8.png" draggable="false" style="position: absolute; left: -52px; top: -44px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none; width: 68px; height: 67px;" /></div>
<label style="vertical-align: middle; cursor: pointer;">Названия объектов</label></div>
</div>
</div>
</div>
<div style="margin-left: 5px; margin-right: 5px; z-index: 1000000; position: absolute; left: 0px; bottom: 0px;">
<div style="width: 66px; height: 26px; cursor: pointer;"><img src="https://maps.gstatic.com/mapfiles/api-3/images/google4.png" draggable="false" style="position: absolute; left: 0px; top: 0px; width: 66px; height: 26px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;" /></div>
</div>
</div>
</div>
<span class="wholeLocation">Координаты для GPS : 56.0365983 35.9420425</span></div>
</div>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>// <![CDATA[
	function addMapPoint() {
		$.data(document.body, 'mapCenter', new google.maps.LatLng('56.0365983', '35.9420425'));
		$.data(document.body, 'mapOptions', { center: $.data(document.body, 'mapCenter'), zoom: 16 });
		$.data(document.body, 'map', new google.maps.Map(document.getElementById("wholeMap"), $.data(document.body, 'mapOptions')));
		$.data(document.body, 'geocoder', new google.maps.Geocoder());
		$.data(document.body, 'mapPoint', new google.maps.Marker({ position: $.data(document.body, 'mapCenter'), map: $.data(document.body, 'map'), draggable: false}));
		$.data(document.body, 'mapPointArray').push($.data(document.body, 'mapPoint'));
		return;
	}
	$(document).ready(function() {
				$.data(document.body, 'map', '');
		$.data(document.body, 'mapPointArray', []);
		addMapPoint();
				$("[name='customer[phoneNumber]']").mask('+99999999999?999999999',{placeholder:" "});
		/*показываем-скрываем полное описание условий работ*/
		$("#showFullConditions").on("click", function(){
			$("#fullConditions").show();
			$("#truncateConditions").hide();
		});
		$("#showTruncateConditions").on("click", function(){
			$("#truncateConditions").show();
			$("#fullConditions").hide();
		});

resetDepartmentData();

/* выбираем машину из гаража */
		$(".car-item-block").on("click", function(){
			var manufacturer = $(this).find("[name='carManufacturer']").val();
			var model = $(this).find("[name='carModel']").val();
			var modificationId = $(this).find("[name='carModificationId']").val();
			var modificationName = $(this).find("[name='carModificationName']").val();

$("#selectModelCarLink").html(manufacturer + ' ' + model + ' ' + modificationName +'<div></div>').attr('title', manufacturer + ' ' + model + ' ' + modificationName).qtip('destroy');
			$('input[name="customer[carId]"]').val($(this).find("[name='carId']").val());
			$('input[name="customer[manufacture]"]').val(manufacturer);
			$('input[name="customer[model]"]').val(model + modificationName);
			$('input[name="customer[modificationId]"]').val(modificationId);

$.fancybox.close();
		});

$('.networkControl').fancybox({
            'autoDimensions': true,
            'width': 500,
            'height': 200,
            'autoScale': true,
            'transitionIn': 'none',
            'transitionOut': 'none',
            helpers: {
                overlay: {
                    css: {
                        'background': 'rgba(0, 0, 0, .1)'
                    },
                    locked: false
                }
            }
        });

validationReservationWorkForm();

$("a#selectModelCarLink").fancybox({
			'afterShow': function() {
				$('#getChoice').unbind('click').click(function () {
					var data = {
						manufacturerName: $('#choiceManufacturers option:selected').text(),
						modelName: $('#choiceModels option:selected').text(),
						newModelName: $('#newModel').val(),
						isNewModel: ($('#choiceModels').is(":visible")) ? 0 : 1,
						modificationName: $('#choiceModifications option:selected').text(),
						newModificationName: $('#newModification').val(),
						isNewModification: ($('#choiceModifications').is(":visible")) ? 0 : 1,
						modificationId: $('#choiceModifications option:selected').val()
					};
					$('input[name="customer[manufacture]"]').val(data.manufacturerName);
					var modelResult;
					if (data.isNewModel) {
						modelResult = data.newModelName;
					} else {
						modelResult = data.modelName;
					}
					if (data.isNewModification) {
						modelResult += ' ' + data.newModificationName;
					} else {
						modelResult += ' ' + data.modificationName;
					}
					$('input[name="customer[model]"]').val(modelResult);
					if (data.isNewModel == 0 && data.isNewModification == 0) {
						$('input[name="customer[modificationId]"]').val(data.modificationId);
					} else {
						$('input[name="customer[modificationId]"]').val('');
					}
					$("a#selectModelCarLink").html(data.manufacturerName + ' ' + modelResult + '<div></div>').attr('title', data.manufacturerName + ' ' + modelResult).qtip('destroy');
					$('input[name="customer[carId]"]').val("");
					$.fancybox.close();
				});
			},
			helpers : {
				title : null
			},
			padding: 0
		});

if ($('.workCheck').size() == 1) {
			$('.workCheck').trigger('click');
		}
	});
	var validationReservationWorkForm = function() {

jQuery.validator.addMethod("customDateValidator", function(value, element) {
			// dd.mm.yyyy
			var re = /^([0]?[1-9]|[1|2][0-9]|[3][0|1])[.]([0]?[1-9]|[1][0-2])[.]([0-9]{4}|[0-9]{2})$/ ;
			if (!re.test(value) ) {
				return false;
			}
			try{
				jQuery.datepicker.parseDate( 'dd.mm.yy', value);
				return true;
			} catch(e) {
				return false;
			}
		}, "Выберите время для резервирования");

$("#reservationWorkForm").validate({
			ignore: ":hidden:not(input[type='hidden'])",
			rules: {
				'customer[fullName]': {
					required: true,
					maxlength: 255,
					minlength: 2
				},
				'customer[phoneNumber]': {
					required: true
				},
				'customer[email]': {
					email: true
				},
				'customer[model]': {
					required: true
				},
				'customer[registrationNumber]': {
					required: true,
					maxlength: 20,
					minlength: 2
				},
				date: {
					required: true,
					customDateValidator: true
				},
				'works[]': {
					required: true
				}
			},
			messages: {
				'customer[fullName]': {
					required: "Введите своё ФИО",
					maxlength: "Укажите не более 255 символов",
					minlength: "Укажите минимум два символа"
				},
				'customer[phoneNumber]': {
					required: "Введите свой телефон"
				},
				'customer[email]': {
					email: "Укажите корректный email адрес"
				},
				'customer[model]': "Выберите свой автомобиль",
				'customer[registrationNumber]': {
					required: "Введите государственный регистрационный номер своего автомобиля",
					maxlength: "Укажите не более 20 символов",
					minlength: "Укажите минимум два символа"
				},
				date: {
					required: "Выберите дату резервирования",
					customDateValidator: "Укажите корректную дату в формате ДД.ММ.ГГГГ"
				},
				'works[]': {
					required: "Выберите работу"
				}
			},
			focusInvalid: true,

errorClass: "errormessage",
			onkeyup: false,
			submitHandler: function(form) {
				var errorTimeTableMessage = "Выберите время для резервирования";
				if ($('td.freePlaces').length == 0 && $('td.busy').length > 0) {
					errorTimeTableMessage = "Извините, на этот день свободных мест нет";
				} else if ($('td.freePlaces').length == 0) {
					errorTimeTableMessage = "В этот день автосервис не работает.";
				}
				if (checkSelectedTime($('input[name="time"]'), $('div.setTime'), errorTimeTableMessage)) {
					form.submit();
				}
			},
			errorPlacement: function (error, element) {
				errorPlacement(error, element);
			},
			success: $.noop
		});
	};

/*Выбираем-изменяем вид работы*/
	$('input[name="works[]"]').on("click", function(){
		//очищаем поля даты/времени
		$("#dateRange").val("");
		$('#loadingTime').hide();
		$('#timeTable').html("<span class='fr-form-control'>Сначала выберите дату</span>").show();

//меняем значение id бокса
		var departmentForWork = $(this).parent().find('input[name="departmentForWork"]').val();
		$('input[name="departmentId"]').val(departmentForWork);

resetDepartmentData(departmentForWork);
	});

$("div.workName input").on("click", function(){
		$("div.reservationWorkCont").show("100");
	});

/*выбираем контактные данные бокса*/
	function resetDepartmentData(departmentForWork) {
		$("[class ^= departmentsInfo-]").hide();
		$("[class = departmentsInfo-" + departmentForWork + "]").show();
	}
// ]]></script>
</div>
<p><span style="font-size: 14pt; font-family: 'arial black', 'avant garde';"><a href="http://ponyavto.ru/carservice" title="Запись на шиномонтаж">Запись на шиномонтаж</a></span></p>