Переносимые окна

[importance 5]

Создайте виджет окна для чата.

Окно -- это DIV, который можно переносить, взявшись за заголовок. По нажатию на "Послать" данные передаются в содержание окна.

[demo src="index.html"/]

Синтаксис:

new DraggableWindow({
  title: "Чат с Петей",
  template: HTML-шаблон окна
});

Возможно появление прокрутки внутри окна, если сообщений много. Сообщения не должны вылезать вовне окна.
Окно нельзя вытащить за пределы экрана, даже резкими движениями мыши. Влево-вправо-вверх оно вообще не должно вылезать за границу, а вниз -- только до заголовка. Попробуйте перемещать его в демо, чтобы увидеть.
Для задания DOM-структуры окна используйте шаблон. Может быть создано несколько окон.

[edit src="task" task/]