Fade in Fade out - Boton "ir arriba"

[fede5426]

Buenas!

Ando con un pequeño dilema. Como ya mencione anteriormente en el foro, no soy experto, solo soy un estudiante de diseño y programación web con ganas de aprender jaja.
Estoy haciendo un sitio para unos amigos, solo de práctica, y quería agregar a la pagina un botón para volver arriba, el típico botoncito que aparece al hacer scroll y te lleva al TOP cuando lo presionas.

Hasta ahora pude hacer que el botón este en la esquina inferior derecha y que me lleve al top, lo que no logro es hacer que el botón aparezca cuando hago scroll, agradecería una ayudita..

Código HTML:

<img src="img/arriba.png" class="ir_arriba" width="65px" height="65px" onclick="subir();return false" /> 

Css:

Código:

.ir_arriba{
   display:none;
   position:fixed;
   bottom:10px;
   right:10px;
   cursor:pointer;
}

js:

Código:

var arriba;
function subir() {
if (document.body.scrollTop != 0 || document.documentElement.scrollTop != 0) {
	window.scrollBy(0, -15);
	arriba = setTimeout('subir()', 0.3);
}
else clearTimeout(arriba);
}

Hasta ahora es todo lo que tengo, si alguien puede ayudarme con el fade in fade out desde ya le agradezco muchisimo.

Saludos!