Boton para cambiar tamaño de imágenes

[sarape]

Hola a todos:
Quiero hacer que aparezca una imagen en pantalla y con un boton llamado "Redimensionar" me cambie el tamaño de la imagen, y que al volver a pulsarlo me vuelva a tamaño original.
La primera parte me sale pero la segunda no, porque el tamaño es 200 y no sé como guardar el tamaño original.
El código es:

Código Javascript:

function cambiaTamanio(){
    var img=document.images["foto"] || document.getElementById("foto");
    var ancho=img.width;
    alert(ancho);
    if(img.width!=200)
        img.width=200;
    else 
        img.width=ancho;
}
 

Código HTML:

<form>
<img src="images/body_bg.jpg" id="foto" name="foto" title="bebe"/>
<input type="button" onClick="cambiaTamanio()" id="boton" value="Redimensionar"/>
</form>
 

Gracias anticipadas

[sarape]

Bueno, me respondo yo.
Con jquery es muy sencillo, con javascript no he encontrado solución.
Quitamos el onclick del html y se queda
3

Código Html:

<input type="button" id="boton" value="Redimensionar">
 

id="boton" value="Redimensionar"/>
Creamos una clase que se llame pequena, con width =200, por ejemplo. Y ponemos

Código Javascript:

$(document).ready(function() {
$('#boton').toggle(function() {
$('#foto').addClass(''pequena');
}, function() {
$('#foto').removeClass('pequena');
});
});
 

Espero que les sirva, pero sigo sin saber hacerlo en javascript.
Un saludo
PS: Por favor no me puntuen negativo, no sé pero tengo buena voluntad.