<p align="justify">
Оставляя заявку, Вы не берете никаких обязательств и можете принять окончательное решение позже. Заполните заявку сейчас, и получите при подключении в подарок 1000 Мб &laquo;быстрого&raquo; трафика.<br />
</p>
</div>

<div>

<style type="text/css">
#order {}
#order label { float: left; width: 12em; margin-right: 1em; }
#order fieldset { margin: 0 0 -1em 0; padding: 0 0 1em 0; border-style: none; border-top: solid 1px #BDBDBD; }
#order fieldset.submit { padding-left: 12em; }
#order fieldset.submit input { margin: 10px; width: auto; }
#order legend { font-weight: bold; color: #F2801F; }
#order ul { list-style-image: none; padding: 0; margin: 0; }
#order li { list-style-type: none; padding: 0; margin: 10px; }
#order em { background: url('images/required_star.gif') center no-repeat; width: 15px; }
#order input { width: 100px; }
#order .long input { width: 300px; }
#order textarea { margin: 1em; width: 500px; height: 100px; }
#order .redborder { border: dashed 1px red; background-color: #FFF0F0; }
</style>

<script language="JavaScript">
<!--
$(document).ready(function(){
$("#ul").change(function(){
if($(this).val() == -1)
{
$("#dom").val(-1).attr("disabled", "disabled");
$("#addr").show("slow");
$("#addr :input").addClass("req");
}
else
{
$("#addr").hide("slow");
$("#addr :input").removeClass("req redborder");
$("#dom").val(0).attr("disabled", "disabled");

if($(this).val() > 0)
{
$("body").css("cursor", "wait");
$("#dom").html("<option>загрузка...</option>");
$("#dom").load("scripts/ajax.php?plugin=order&pfn=order_domoptions", {numul: $(this).val()}, function(){
$("#dom").prepend("<option value='0'>-- дом</b>");
$("#dom").append("<option value='-1'>(другой дом)</option>");
$("#dom").attr("disabled", "").val(0);
$("body").css("cursor", "default");
});
}
}
});

$("#dom").change(function(){
if($(this).val() == -1)
{
$("#addr").show("slow");
$("#addr :input").addClass("req");
}
else
{
$("#addr").hide("slow");
$("#addr :input").removeClass("req redborder");
}
});

$("#order form").submit(function(){
var err = 0;
$(".req").each(function(){
if(!$(this).val() || $(this).val() == 0)
{
$(this).addClass("redborder");
err++;
}
});
if(err > 0) alert('Заполните все необходимые поля');
return err ? false : true;
});

$("#order :input").change(function(){ $(this).removeClass("redborder"); });

$("#searchul").click(function(){

$("#dom").val(0).change();
$("#ul").val(0).change().html("<option>загрузка...</option>").attr("disabled", "disabled");

$("body").css("cursor", "wait");
$("#ul").load("scripts/ajax.php?plugin=order&pfn=order_uloptions", {q: $("#ullike").val()}, function(){
$("#ul").append("<option value='-1'>(другая улица)</option>");
$("#ul").attr("disabled", "").val(0);
$("body").css("cursor", "default");
});

});


$("#ullike").keyup(function(e){

var keyID = e.keyCode || e.which;

if(keyID == 13){

e.preventDefault();
e.keyCode = 0;
e.returnValue = false;
return false;
}
else if($(this).val().length > 3)
{
if(keyID > 60)
{
$("#searchul").click();
}
}
});

$("#ullike").keydown(function(e){

var keyID = e.keyCode || e.which;

if(keyID == 13){
$("#searchul").click();

e.preventDefault();
e.keyCode = 0;
e.returnValue = false;
return false;
}
});
});
//-->
</script>

<p>Заполните форму заявки. Обязательные поля отмечены символом <img src="../images/required_star.gif" width="9" height="10" border="0" alt="Обязательно для заполнения" title="Обязательно для заполнения"></p>

<div id="order">
<form method=post action="../index.html">

<fieldset class="long">
<legend>Информация о клиенте</legend>
<ul>
<li><label for="fio">Ф.И.О.</label> <input type="text" name="fio" id="fio" class="req" required="required"> <img src="../images/required_star.gif" width="9" height="10" border="0" alt="Обязательно для заполнения" title="Обязательно для заполнения"></li>
<li><label for="tel">Телефон</label> <input type="text" name="tel" id="tel" class="req" required="required"> <img src="../images/required_star.gif" width="9" height="10" border="0" alt="Обязательно для заполнения" title="Обязательно для заполнения"></li>
<li><label for="eml">E-mail</label> <input type="text" name="email" id="eml"></li>
<li><label for="inf">Откуда узнали</label>
<select name="info" id="inf" style="width: 300px;" class="req">
<option>Радио</option>
<option>Реклама на остановке</option>
<option>Из телефонного справочника</option>
<option>Реклама в метро</option>
<option>Рассказали друзья</option>
<option>Объявление на подъезде</option>
<option selected>Письмо в почтовом ящике</option>
<option>Через Интернет</option>
<option>В диспетчерской (ДЕЗ)</option>
<option>Реклама на маршрутке</option>
<option>Календарик</option>
<option>Стикер на лифте</option>
<option>Прочая реклама</option>
<option>Магистральный щит</option>
<option>Другое</option>
</select>
<img src="../images/required_star.gif" width="9" height="10" border="0" alt="Обязательно для заполнения" title="Обязательно для заполнения">
</li>
</ul>
</fieldset>

<fieldset>
<legend>Адрес</legend>
<ul>
<li><label for="numul">Улица</label>
<input type="text" name="" id="ullike" style="width: 250px;">
</select>
<img src="../images/required_star.gif" width="9" height="10" border="0" alt="Обязательно для заполнения" title="Обязательно для заполнения">
</li>
<li><label for="numul">Дом</label>
<input type="text" name="" id="ullike" style="width: 250px;">
</select>
<img src="../images/required_star.gif" width="9" height="10" border="0" alt="Обязательно для заполнения" title="Обязательно для заполнения">
</li>
<li id="addr" class="long" style="display: none;"><label for="adr">Введите ваш адрес</label> <input type="text" name="adr" id="adr"> <img src="../images/required_star.gif" width="9" height="10" border="0" alt="Обязательно для заполнения" title="Обязательно для заполнения"></li>
<li><label for="pod">Подъезд</label> <input type="text" name="pod" id="pod" class="req" required="required"> <img src="../images/required_star.gif" width="9" height="10" border="0" alt="Обязательно для заполнения" title="Обязательно для заполнения"></li>
<li><label for="kpod">Кол-во подъездов в доме</label> <input type="text" name="kpod" id="kpod"></li>
<li><label for="etz">Этаж</label> <input type="text" name="et" id="etz" class="req" required="required"> <img src="../images/required_star.gif" width="9" height="10" border="0" alt="Обязательно для заполнения" title="Обязательно для заполнения"></li>
<li><label for="ketz">Кол-во этажей в доме</label> <input type="text" name="ket" id="ketz"></li>
<li><label for="kvt">Квартира</label> <input type="text" name="kv" id="kvt" class="req" required="required"> <img src="../images/required_star.gif" width="9" height="10" border="0" alt="Обязательно для заполнения" title="Обязательно для заполнения"></li>
</ul>
</fieldset>

<fieldset>
<legend>Комментарии</legend>
<textarea name="cmm" rows="10" cols="10"></textarea>
</fieldset>
<fieldset class="submit">
<input type="submit" name="send" value="Отправить заявку">
</fieldset>
</form>
</div>