<div style="text-align:left;">
<div id="type_text" class="box">
<script language="JavaScript">
var text = ['текст текст1 текст<br> '+
' текст текст текст<br>'+  
' текст текст текст.',
'текст2 текстк 2 текст2.<br>'+
'"текст?",
'текст3 текст3 текст3'
];
var i = 0;
var target = 0;
var timer;

function type( text ){
   clearTimeout( timer );
   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);
   }
   timer = setTimeout( function(){ type(text) }, 20 );
};
type( text[ target ] );

function changeBg( direction ){
   i = 0;
   target = Math.min(
     text.length-1,
     Math.max(
       0,
       target + direction
     )
   );
   type( text[ target ] );
};

</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(-1);return false;" class="button" type="image" src="http://cs617220.vk.me/v617220002/1c90c/r4qgO5AEzJ0.jpg" alt="Предыдущая страница" />            </td>
<td><input onclick="changeBg(-999);return false;" type="button" value="в начало" class="button"/></td>
<td style="text-align: right;">            <input onclick="changeBg(1);return false;" class="button" type="image" src="http://cs617220.vk.me/v617220002/1c913/wr25O7C3nxg.jpg" alt="Следующая страница"/></td>
</tr>
</tbody>
</table>
</form>
</div>