Javascript-форум - Пустая строка через каждые н строк

Добрый день!
Есть textarea, в него вводится текст, в данном случае стих. Мне нужно, что бы через каждые 4 строки появлялась пустая строка. Например:
Ввод:

Код:

У лукоморья дуб зелёный;

Златая цепь на дубе том:

И днём и ночью кот учёный

Всё ходит по цепи кругом.

Идёт направо - песнь заводит,

Налево - сказку говорит.

Там чудеса: там леший бродит,

Русалка на ветвях сидит.

Вывод:

Код:

У лукоморья дуб зелёный;

Златая цепь на дубе том:

И днём и ночью кот учёный

Всё ходит по цепи кругом.



Идёт направо - песнь заводит,

Налево - сказку говорит.

Там чудеса: там леший бродит,

Русалка на ветвях сидит.

При этом, если в конце 4 строки, оно не должно добавлять пустую строку.

<!DOCTYPE html> <html> <head> <title>Untitled</title> <meta charset="utf-8"> </head> <body> <script> function Xerox() { var src = document.getElementById("Source").value; var res = document.getElementById("Receiver"); var myList = src.trim().split(/[\r\n\f]+/); res.value = myList.reduce(function(str,el,i) { return str + el + ((i + 1)% 4 ? "\r\n" :"\r\n\r\n") },"").trim(); } </script> <body> <textarea id='Source' rows='12' cols='40'>У лукоморья дуб зелёный; Златая цепь на дубе том: И днём и ночью кот учёный Всё ходит по цепи кругом. Идёт направо - песнь заводит, Налево - сказку говорит. Там чудеса: там леший бродит, Русалка на ветвях сидит.</textarea><br /> <input type='button' value='click me' onclick='Xerox()' /><br /> <textarea id='Receiver' rows='12' cols='40'></textarea> </body> </body> </html>