Необычная форма обратной связи

Очень тяжело коротко описать то, что мне нужно, но я попробую...

Страница, используемая для примера:

http://artworks.com.ua/store/all/1_16.html

1.При нажатии кнопки "Купить" (находится внизу страницы), страница сайта становится темнее и появляется вот такое окошко:

http://artworks.com.ua/buy.jpg

Оно собственно и является формой обратной связи, в данном случае формой заказа картины. Дизайн полностью готов, просто нужно сделать чтобы это все работало как обычная форма обратной связи - при наведении на темные участки для ввода текста появляется вертикальная черточка курсора, при нажатии на участке вертикальная черточка курсора начинает мигать в центре поля и человек может вводить текст. После того как все поля заполнены человек нажимает "отправить", данные отправляются на e-mail, а клиенту выводится сообщение о том что все успешно отправлено (тоже в виде картинки). Для закрытия формы используется кнопка X.

2. При нажатии кнопки "Комментарий" (ее пока нет на странице) страница сайта становится темнее (тот же эффект что и с формой заказа) и появляется вот такое окошко:

http://artworks.com.ua/comm.jpg

В нем будут находится отзывы о картине в виде картинок с текстом. Все отзывы на одну страницу не войдут, поэтому должна быть возможность переключаться между страницами внутри окошка. При нажатии кнопки "написать отзыв" переходим к этому окошку:

http://artworks.com.ua/write.jpg

Ну и тут все по такой же схеме как в первом пункте.

Есть еще некоторые мелкие детали и уточнения, расскажу тому кто возьмется за проект.