//Begin Pre-Load
    // counter
     var i = 0;
     // create object
     imageObj = new Image();
     // set image list
     images = new Array();
     images[0]="/images/buttons/home_o.gif"
     images[1]="/images/buttons/home_d.gif"
     images[2]="/images/buttons/about_o.gif"
     images[3]="/images/buttons/about_d.gif"
	 images[4]="/images/buttons/curriculum_o.gif"
	 images[5]="/images/buttons/curriculum_d.gif"
	 images[6]="/images/buttons/schoolday_o.gif"
	 images[7]="/images/buttons/schoolday_d.gif"
	 images[8]="/images/buttons/activities_o.gif"
	 images[9]="/images/buttons/activities_d.gif"
	 images[10]="/images/buttons/events_o.gif"
	 images[11]="/images/buttons/events_d.gif"
	 images[12]="/images/buttons/contact_o.gif"
	 images[13]="/images/buttons/contact_d.gif"
	 images[14]="/images/buttons/download_o.gif"
	 images[15]="/images/buttons/download_d.gif"	 
	 images[15]="/images/buttons/admissions_o.gif"
	 images[16]="/images/buttons/admissions_d.gif"
	 //Homepage
	 images[18]="/images/banners/homepage_o.gif"
	 images[19]="/images/banners/homepage_d.gif"
	 //About page
	 images[20]="/images/banners/about_o.gif"
	 //Events
	 images[21]="/images/eventstop.gif"
	 images[22]="/images/eventsmid.gif"
	 images[23]="/images/eventsbtm.gif"
    // start preloading
     for(i=0; i<=3; i++) 
     {
          imageObj.src=images[i];
     }

//End Pre-Load 

var GotMeARolly=0;
function rollOver(file, tag) {
document.images[tag].src = file;
}

function BannerDown(file, tag) {
// Set that we've pressed the mouse button
GotMeARolly=1;
document.images[tag].src = file;
}

function BannerOver(file, tag) {
if(GotMeARolly!=1)
//We not moused downalready so don't we can change the image
{
document.images[tag].src = file;
}
}