Смена текста при нажатии на кнопку.

[Anorions]

Добрый день всем. В JS и CSS я новенький, поэтому прошу помощи. 

Имеется код:

<div style="text-align:left;">

<div id="type_text" class="box">

<script language="JavaScript">

var text = 'текст 1 текст1 текст 1.<br> '+

' ...текст 1 текст1 текст 1<br>'+ 

' текст 1 текст1 текст 1.'+ 

' текст 1 текст1 текст 1,'+ 

' текст 1 текст1 текст 1'+ 

' текст 1 текст1 текст 1';

i = 0;

function type(){

i++;

if( i <= text.length )

if(text.substr(i-1,1)=='<'){ 

     document.getElementById("type_text").innerHTML +='<br>' 

    }

else

{ 

document.getElementById("type_text").innerHTML = text.substr(0, i);

}

setTimeout( type, 20 );

}

type();

</script>

</div>

</div>

<div id="dalee">

<form>

<table style="height: 70%; width: 60%; margin-left: auto; margin-right: auto;">

<tbody>

<tr>

<td style="text-align: left;">                                      <input onclick="changeBg(this);return false;" type="button" value="Назад" />            </td>

<td style="text-align: right;">            <input onclick="changeBg(this);return false;" type="button" value="Читать далее" /></td>

</tr>

</tbody>

</table>

</form>

</div>

При нажатии кнопки "Читать далее" должен появиться другой текст взамен старого в том же блоке, а при нажатии кнопки назад, должен появиться предыдущий текст. Прошу помощи и по возможности пример кодом и из за того, что новенький в этом всём, более простым языком объяснить. 

P.S. если в этом коде что то смущает, поправьте, пожалуйста.

[klierik]

прочитай в подписи как правильно задать вопрос, пожалуйста