textarea ajustable

[edie8]

Buenas
estoy intentando hacer un textarea ajustable al contenido que se le ponga es decir quiero que empiece siendo un campo de una fila y se valla ampliando a medida que escribes en el, e conseguido que se amplie a medida que se escribe pero tambien kiero que se vuelva a poner mas pequeño cada vez que se borre una linea mi codigo hasta ahora es este

Código PHP:

<script type="text/javascript">
function sapeartextarea(){
    var nav=(document.all)?"%0D":"%0A"
    var ref=document.getElementById("textarea")
    textoarea=escape(ref.value)
    lineas=textoarea.split(nav)
    lin=lineas.length
    if(lin>4){
        ref.rows=lin
        document.getElementById("clin").innerHTML=lin
    }
}
document.onkeyup = function(){sapeartextarea()}
</script>
 
<textarea name="textarea" id="textarea" cols="45" rows="5" style="overflow:hidden"></textarea>
 

Tambien quiero que funcione no solo al pulsar intro y aga el salto de linea sino al escribir que tampoco lo realiza aora.
Como puedo hacer que si borras una linea se haga mas pequeño este textarea??? esque no se mucho de javascritp, gracias un saludo.