arrow1 = new Image(); 
arrow1.src = "images/arrow1.gif";

arrow2 = new Image(); 
arrow2.src = "images/arrow2.gif";

arrow3 = new Image(); 
arrow3.src = "images/arrow3.gif";

arrow4 = new Image(); 
arrow4.src = "images/arrow4.gif";

top_arrow1_normal = new Image(); 
top_arrow1_normal.src = "images/top_arrow1_normal.gif";

top_arrow1_over = new Image(); 
top_arrow1_over.src = "images/top_arrow1_over.gif";

top_arrow2_normal = new Image(); 
top_arrow2_normal.src = "images/top_arrow2_normal.gif";

top_arrow2_over = new Image(); 
top_arrow2_over.src = "images/top_arrow2_over.gif";

top_arrow3_normal = new Image(); 
top_arrow3_normal.src = "images/top_arrow3_normal.gif";

top_arrow3_over = new Image(); 
top_arrow3_over.src = "images/top_arrow3_over.gif";


in_arrow1_normal = new Image(); 
in_arrow1_normal.src = "images/in_arrow1_normal.gif";

in_arrow1_over = new Image(); 
in_arrow1_over.src = "images/in_arrow1_over.gif";

in_arrow2_normal = new Image(); 
in_arrow2_normal.src = "images/in_arrow2_normal.gif";

in_arrow2_over = new Image(); 
in_arrow2_over.src = "images/in_arrow2_over.gif";

in_arrow3_normal = new Image(); 
in_arrow3_normal.src = "images/in_arrow3_normal.gif";

in_arrow3_over = new Image(); 
in_arrow3_over.src = "images/in_arrow3_over.gif";


function changeImage(imgName, imgSrc){
 document.images[imgName].src = imgSrc.src;
}


function spanIn(theSpan,theImg){
 theSpan.className='overSpan';
 changeImage(theImg, arrow2);
}

function spanOut(theSpan,theImg){
  theSpan.className='outSpan';
 changeImage(theImg, arrow1);
}


function spanIn2(theSpan,theImg){
 theSpan.className='overSpan2';
 changeImage(theImg, arrow2);
}

function spanOut2(theSpan,theImg){
 theSpan.className='outSpan2';
 changeImage(theImg, arrow3);
}



function topmenuIn(theSpan, theImgID){
  theSpan.className='overTopmenu';
  eval("changeImage('m"+ theImgID +"', top_arrow" + theImgID + "_over)");
}

function topmenuOut(theSpan, theImgID){
  theSpan.className='outTopmenu';
  eval("changeImage('m"+ theImgID +"', top_arrow" + theImgID + "_normal)");
}

function inmenuIn(theSpan, theImgID){
  theSpan.className='overInmenu';
  eval("changeImage('m"+ theImgID +"', in_arrow" + theImgID + "_over)");
}

function inmenuOut(theSpan, theImgID){
  theSpan.className='outInmenu';
  eval("changeImage('m"+ theImgID +"', in_arrow" + theImgID + "_normal)");
}