java script frame que se corre

[emecuadrado]

Hola tengo el siguiente problema:
Soy nueva en esto de java script, estoy haciendo este portfolio

http://www.emecuadradoweb.com/portfolio/index.html

como ven mi intencion es estructurarlos en base a cuadros con mini galerias que se manejan con las fuciones siguientes, anterior.

El primer cuadro me sale bien, pero el problema que tengo es que en el segundo, al hacer click en la flecha, es como que me recargara la pagina, y me lleva a la parte de arriba, cuando yo quiero que quede fijo en la galeria que estoy mirando.
No se si logro explicarme bien, aqui les pego el codigo, si alguien puede ayudarme?

Código Javascript:

<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
<script language="javascript">
//Array en la que debemos incluir
// la ruta a todas las imágenes de nuestro album
var misImagenes= new Array(12)
misImagenes [0]= "imag/trabajos/01.jpg";
misImagenes [1]= "imag/trabajos/02.jpg";
misImagenes [2]= "imag/trabajos/03.jpg";
misImagenes [3]= "imag/trabajos/04.jpg";
misImagenes [4]= "imag/trabajos/05.jpg";
misImagenes [5]= "imag/trabajos/06.jpg";
misImagenes [6]= "imag/trabajos/07.jpg";
misImagenes [7]= "imag/trabajos/08.jpg";
misImagenes [8]= "imag/trabajos/09.jpg";
misImagenes [9]= "imag/trabajos/10.jpg";
misImagenes [10]= "imag/trabajos/11.jpg";
misImagenes [11]= "imag/trabajos/12.jpg";
misImagenes [12]= "imag/trabajos/13.jpg";
var i = 0;
//funcion de carga de la primera imagen
function cargarImagen(){
document.imgSrc.src = misImagenes[i] ;
}
function anterior(){
if(i<1){
var NumImagen = i
} else {
var NumImagen = i-=1;
}
document.imgSrc.src = misImagenes[NumImagen];
}
function siguiente(){
if(i>11){
var NumImagen = i
} else {
var NumImagen = i+=1;
}
document.imgSrc.src = misImagenes[NumImagen];
}
//Llamar a la función
window.onload=cargarImagen;
function MM_effectAppearFade(targetElement, duration, from, to, toggle)
{
Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
 
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
 
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
 
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
<script language="javascript">
//Array en la que debemos incluir
// la ruta a todas las imágenes de nuestro album
var haras= new Array(10)
haras [0]= "imag/haras/01.jpg";
haras [1]= "imag/haras/02.jpg";
haras [2]= "imag/haras/03.jpg";
haras [3]= "imag/haras/04.jpg";
haras [4]= "imag/haras/05.jpg";
haras [5]= "imag/haras/06.jpg";
haras [6]= "imag/haras/07.jpg";
haras [7]= "imag/haras/08.jpg";
haras [8]= "imag/haras/09.jpg";
haras [9]= "imag/haras/10.jpg";
haras [10]= "imag/haras/11.jpg";
var j = 0;
//funcion de carga de la primera imagen
function anteriorH(){
if(j<1){
var NumImagen = j
} else {
var NumImagen = j-=1;
}
document.harasImagen.src = haras[NumImagen];
}
function siguienteH(){
if(j>9){
var NumImagen = j
} else {
var NumImagen = j+=1;
}
document.harasImagen.src = haras[NumImagen];
}
//Llamar a la función
window.onload=cargarImagen;
</script>
 

Código HTML:

<div id="contenedor">
<div id="info"><img src="imag/info.png" /><br />Ilustraciones - Haras<br></div><div id="arrow">
<table width="650px" align="right" height="20px"><tr>
<td width="610px"></td>
<td><a href="#" onClick="anteriorH();"><img src="imag/arrow-a.png"></a></td>
<td><a href="#" onClick="siguienteH();"><img src="imag/arrow.png" ></a></td>
</tr></table>
</div>
<div id="cont"><img src="imag/haras/01.jpg" name="harasImagen" id="harasImagen"></div>
</div>
 

Me dijeron que puede tener algo que ver con el div
PUEDER SER CIERTO?