//preloading images

image1off = new Image()
image1off.src = "images2/btnchildren.jpg"

image1on = new Image()
image1on.src = "images2/btnchristmas.jpg"

image2on = new Image()
image2on.src = "images2/btnclassical.jpg"

image3on = new Image()
image3on.src = "images2/btnhome.jpg"

image4on = new Image()
image4on.src = "images2/btnjazz.jpg"

image5on = new Image()
image5on.src = "images2/btnmemory.jpg"

image6on = new Image()
image6on.src = "images2/btnrelaxation.jpg"

image7on = new Image()
image7on.src = "images2/btnreligious.jpg"

image8on = new Image()
image8on.src = "images2/btnselfhelp.jpg"

image9on = new Image()
image9on.src = "images2/btntravel.jpg"

image10on = new Image()
image10on.src = "images2/hdrmenu2.jpg"

image11on = new Image()
image11on.src = "images2/btngreeting.jpg"

image12on = new Image()
image12on.src = "images2/images2/btncatalog.jpg"


function btnOn (btnItem) 
{

document.images.thePicture.src=eval("image"+btnItem+"on.src");
		 
}

function btnOff (btnItem)
{
	
document.images.thePicture.src=eval("image"+btnItem+"off.src");
	
}


/*<img src="images/pic1.gif" name="thePicture" height="125" width="116"> 
  <p><a href="http://www.edina.com/misc/mapthis/tristatemap.asp" target="main" onMouseOver = "btnOn('1')" onMouseOut = "btnOff('1')">*/