JS Главная + модальное

Добрый день.

Задача следующая

На данный момент, сайт состоит из двух страниц:

- Главная

- Модальное окно

Главная страница

На главной странице создается массив истории, в который записываются ссылки на открывающиеся модальные окна, переходы на главную и тому подобное.

На все ссылки на главной внутри #content нужно навесить обработчик со следующим функционалом:

у ссылки берется URL;

у #lightbox-container удаляется класс hidden c анимацией, шапка (черная полоска сверху) расширяется до размеров шапки из модального окна;

у #lightbox-frame источником устанавливается URL;

когда iframe закончит загрузку, он “разворачивается”, наподобие slideDown в jQuery;

URL добавляется в массив истории.

После закрытия модального окна (это будет описано дальше), значение scrollTop устанавливается равным тому, что было до открытия.

Также создается список “основных” страниц (подробнее ниже).

Модальное окно

При введении ссылки на модальное окно, оно открывается поверх главной страницы.

Все ссылки в нем обрабатываются аналогично тому, как на главной (кроме пункта 2), только сначала все модальное окно сворачивается (slideUp).

У каждого модального окна есть свой адрес, по которому его можно открыть. Адрес должен быть полноценный, то есть вида “/window/”.

Кнопка back возвращает на предыдущую страницу, независимо от того, главная это, или модальное окно, кнопка “назад” в браузере делает тоже самое.

Кнопка close (кружок с крестиком внутри) - просматривает историю не учитывая текущую страницу в обратном порядке и при совпадении с одной из “основных” страниц, переход производится на нее, способом, аналогичным с back.

Если производится переход на главную, модальное окно “сворачивается”, к #lightbox-container плавно добавляется hidden - окно закрывается.

Главная есть, нужно создать и прикрутить модальное согласно ТЗ.

Серверная часть - Джанго.