Всплывающие окна
Требуется сделать серию всплывающих окон на JQuery UI посреди экрана на затемнённом фоне. Окна должны всплывать по следующим событиям с сообщениями:
- Заход на сайт спустя какое-то время. Сообщение: Вы снова вернулись на сайт спустя Х дней (часов / месяцев) / Вы второй раз зашли на сайт спустя Х дней (часов / месяцев) / Вы третий раз зашли на сайт спустя Х дней (часов / месяцев) / ...
- Х секунд проведённые на сайте. Сообщение: Вы провели на сайте Y минут, Х секунд.
- Х секунд бездействия (нет скролла, движений мыши). Сообщение: Вы не пользовались страницей Y минут, Х секунд.
- Увод мышки через верхний край окна, при этом посетитель был на сайте меньше Х секунд . Сообщение: Вы провели на сайте Х минут, Y секунд
- Увод мышки через верхний край окна, при этом посетитель был на сайте больше Х секунд . Сообщение: Вы провели на сайте Х минут, Y секунд
- Возврат фокуса вкладке / окну. Сообщение: Вы снова на нашем сайте.
- Второй и последующие возвращения фокуса. Сообщение: Вы снова вернулись на наш сайт
Оформление должно соответствовать положенной на нужно место на сайте сгенерированной теме UI http://jqueryui.com/themeroller/
Комплект файлов должен состоять из:
- Кода вставки на страницу
- Файлов JS
- Темы UI
Надо сделать так, чтобы комплект был более или менее универсальным.
Также в коде должны задаваться настройки показа окон. Показывать или не показывать окно, а также содержание окна зависит от дня месяца, дня недели и времени суток.
Инициализация каждого отдельного окна включает в себя примерно следующее:
- Тип окна
- Числовой параметр секунд (часов/дней)
дата (без года) / день недели / диапазон времени, когда показывается это окно. При этом у даты наивысший приоритет у диапазона времени наименьший
- HTML код для текст сообщения
- А также задать размеры всплывающего окна.
И ещё мелочь нужна. Смена иконки сайта по таймауту из списка url