Ya he conseguido moverlo de esta forma:
Código:
function aumentar(){
var imagen = document.getElementById("flecha");
$(imagen).css({'z-index' : '10'});
$(imagen).css({'position' : 'relative'});
$(imagen).css({'top' : '50%'});
$(imagen).css({'left' : '50%'});
$(imagen).animate({
width: '600px',
height: '100px',
padding: '20px'
},450);
imagen.style.top= "0 px";
}
La función aumenta la imagen (tengo otra función que la devuelve al estado original) y la lleva al centro (como bien dices, me falta por restar el tamaño del div entre 2) horizontalmente, pero no consigo centrarla verticalmente, de css no ando muy bien, alguien me ayuda?
gracias