Сверстать по макету блок попапа на сайт (jquery)

Есть сайт, нужно по макетам сверстать блок попапа и подключить скрипты.

Итогом должно быть - блок, свёрстанный дивами, который я просто добавлю наверх вёрстки. И при нажатии на кнопку - будет вылезать это окно.

Теперь, что именно нужно и как должно работать:

При клике на кнопку поверх сайта - по центру и на 190пикселей ниже верха браузера открывается вот такой попап

http://gyazo.com/02c50bebea5fc50c7a2dbf4f5fc8b796.png (его можно закрыть + тень под ним)

- Внутри него загрузчик, внутри которого просто сделать, что бы бежали полоски справа налево (цикличное движения слоя полосок справа налево)

- Заголовок "Идёт поиск файла, пожалуйста подождите . . ." - здесь точки, они так же пояляются вначале их нет, потом появляется одна точка, потом вторая, потом третья, потом снова все исчезают и т.п. Скорость их появления я так же указывать должен сам в скрипте

- Бегут цифры от 0% до 100% - скорость за сколько от 1 до 100% добегут цифры я должен указывать в скриптах сам

- Как только цифры добегают до 100%, загрузчик плавно исчезает и вместо него появляется вот такая

http://gyazo.com/cbd973e8345d536f8f5cfffc1777ebca.png

Причем появляться строчки должны по-очереди, вначале имя файла: бла бла, затем где лежит, и после, что вирусов нет. Скорость появления этих строк я так же должен указывать сам в скрипте.

Здесь до сих пор наверху бегут точки в заголовке . . .

- После того, как появились все три строчки. Наверху заголовок "Идёт поиск файла" меняется на "Ваш файл найден. Скачиваем . . ."

http://gyazo.com/6e7d658474ef6b613db4a566441d7562.png

Снова бегут точки, их скорость я опять могу задать (Эти уже будут быстрее, чем у предыдущего заголовка про поиск).

Наконец на этом этапе через определённое время (задается в скрипте) - вылезает автоскачка файла с предложением куда его сохранить. Важно, есл я указал время автоскачки файла 2 секунды, например. То эти 2 секунды начинались с отсчета, когда все этапы поиска файла пройдут. Т.е. как только дошло до 100%, появились 3 строчки, поменялся заголовок, и после этого через 2 секунды вылезло предложение куда сохранить файл.

На моём сайте, скрипты следующие (что из них автоскачивание не знаю):

...............................

==============================

Файл default.js

function rand(m, n) {

m = parseInt(m);

n = parseInt(n);

return Math.floor(Math.random() * (n - m + 1)) + m;

}

$(document).ready(function(){

$('a[href*]').bind("click", function(e){

var anchor = $(this);

$('html, body').stop().animate({

scrollTop: $(anchor.attr('href')).offset().top

}, 600);

e.preventDefault();

});

jQuery(new Image()).load(function(){}).attr('src', '/images/but_s_h.png');

jQuery(new Image()).load(function(){}).attr('src', '/images/botstr_h.png');

jQuery(new Image()).load(function(){}).attr('src', '/images/a_h.png');

jQuery(new Image()).load(function(){}).attr('src', '/images/sk_h.png');

jQuery(new Image()).load(function(){}).attr('src', '/images/em_h.png');

jQuery(new Image()).load(function(){}).attr('src', '/images/leftstr2_h.png');

jQuery(new Image()).load(function(){}).attr('src', '/images/rightstr2_h.png');

$('.counter').each(function() {

id = $(this).attr('id');

setTimeout('update_counter("' + id + '")', rand(2000, 6000));

});

});

function update_counter(id) {

target = $('#' + id);

value = parseInt($(target).html());

$(target).html(value + 1);

setTimeout('update_counter("' + id + '")', rand(2000, 6000));

}

===========================================================