<script language="JavaScript" type="Text/JavaScript">
var delay = -1;
var Timeout;
var speed = 250;
var YourText = new Array();
YourText[1] = " you are fat and ugly ";
YourText[2] = " YOU ARE FAT AND UGLY ";
function BubbleWriting()
{
  delay++;
  if(delay == 0)
  {
      document.BubbleWritingText.WritingText.value = YourText[1];
     
  }
  if(delay == 1)
  {
      document.BubbleWritingText.WritingText.value = YourText[2].substring(0, 1) +YourText[1].substring(23, 1);
     
  }
  if(delay > 1)
  {
      YourText[3] = YourText[1].substring(0, delay - 1) + YourText[2].substring(delay - 1,delay) + YourText[1].substring(23, delay);
      document.BubbleWritingText.WritingText.value = YourText[3];
     
  }
  if(delay == YourText[1].length)
  {
      delay = -1;
     
  }
  Timeout    = setTimeout("BubbleWriting()",speed);
 
}
window.onload=BubbleWriting;
</script>
<center>
<form name="BubbleWritingText">
<input name="WritingText" type="text" style="1 background-color: #80ff00; layer-background-color: #80ff00; color: red; border: 1px none #000000; background-color: #CCFFCC; border-color: #FF0000; border-style: solid;" size="30" maxlength="300">
</form>
</center>