Верстка одностраничника

http://mashini.krovatishop.ru

Задача 1. Исправить баг с всплывающими окнами. На экранах большого размера (когда всплывающее окно полностью помещается на экран) все отлично, т.е. окно появляется по центру экрана и при скролинге не привязано к телу сайта и все время находиться в центре экрана (см. вложение "Задача 1 Правильно.png").

На маленьких экранах нетбуков или планшетов начинается баг. В браузерах Хром и Опера все вроде нормально, т.е. окно появляется в месте вызова и при скролинге "приклеено" к телу сайта (при скролинге сайта, окно также скролится) (см. вложение "Задача 1 Правильно мал.png"). Проблема в браузерах IE и Мозила. Всплывающее окно появляется не в месте вызова, а в самом верху сайта (см. вложение "Задача 1 Баг неправильно.png"). Это и надо исправить, т.е. окно должно появится в месте вызова и должно скролится во всех браузерах одинаково.

Вот скрипт из кода

$('.popup_t').click(function(){

var body_height = parseInt($('body').height()),

popup = $(this).next('.popup_bg').next('.popup'),

popup_height = parseInt($(popup).height());

$(this).next('.popup_bg').addClass('active');

$(popup).addClass('active');

if (body_height

var body_pos = $('body').scrollTop()

popup.css({'position':'absolute', 'top':body_pos+15, 'margin-top':'0'})

};

})

Задача 2. Требуется добавить меню в виде новой шапки или приклеить к уже имеющейся. Требования к меню: Стиль как у основной шапки; При скролинге сайта, меню должно всегда отображаться вверху окна браузера; При нажатии клавиш меню сайт должен прокручиваться на заданное место одностроничника; Состав меню: Главная, Каталог, Отзывы, Сертификаты, Оплата и доставка, О нас.

Пример: http://avto-krovatka.ru/.

Задача 3. Требуется добавить на сайт блок калькулятор заказа. Макет в виде рисунка прикреплен к проекту (см. вложение "Задача 3 Калькулятор.png"). Блоки 1-11 должны быть картинками (картинки предоставлю или потом сам заменю). Текстовые блоки должны содержать два текстовых стиля, первым указывается наименование блока вторым идет краткое описание пункта. В разделе "Цена" должна указываться сумма всех пунктов (1-11). В разделе "Состав кровати" должно идти перечисление всех выбранных пунктов. Первые два пункта являются обязательным выбором. Пункты 3; 5; 7-11 имеют неизменную цену. В зависимости от выбора первого пункта изменяется цена второго пункта . В зависимости от выбора пункта 2 изменяется цена пунктов 4 и 6. При выборе пункта 6, пункты 4-5, должны становиться не активными (полупрозрачными если возможно). Кнопки выбора пунктов хотелось бы сделать в виде галок, на подобие как на выборах в бюллетенях (желательно, но не критично, рассмотрю варианты). В блоки "Введите Ваше ...." клиент должен вводить свою информацию, при этом должна осуществляться проверка на ввод запрещенных символов (допустим в раздел телефон можно вводить только цифры скобки и знак "-"). При нажатии кнопки "заказать" должно генерироваться письмо из блоков "Состав кровати" "Цена" "Имя; телефон; E-mail" и отправляться на заданную почту.