if(index==lines.length)
{
index = 0;
}

(put it in the type() function directly below the “index++;” line)

Try to do it as a homework.

Some ideas:
- The line is being written in the “caption” paragraph. You could have multiple paragraphs (with different IDs instead of the same class) acting as the multiple lines.

- Duplicate some of the typing/erasing effect code to make it work for all the paragraphs simultaneously. It might not be the pest practice, but it will get you going.

- The cursor is irrelevant of the typing effect, and it blinks wherever you place the paragraph with the class “cursor”.

Hmmm…just an afterthought – would it be easily doable to have the TypeWriter effect display multiple lines at the same time (and cursor blink only at the end of the last line)? Or is that going too far?

function type()
{
if(index < lines.length)
{
caption = lines[index];
$(‘p.caption’).html(caption.substr(0, captionLength++));
if(captionLength < caption.length+1)
{
setTimeout(“type()”, 50);
}
else
{
captionLength = caption.length;
if(index < lines.length-1)
{
setTimeout(“erase()”, 500);
}
index++;
}
}
}

if(index < lines.length-1)
{
setTimeout(“erase()”, 500);
}