// JavaScript Document

window.onload = rolloverInit;

function rolloverInit() {
	// for more links
	rolloverInit2("m1","m1Img",0);
	rolloverInit2("m2","m2Img",0);
	rolloverInit2("m3","m3Img",0);
	rolloverInit2("m4","m4Img",0);
	rolloverInit2("m5","m5Img",0);
	rolloverInit2("m6","m6Img",0);
	rolloverInit2("m7","m7Img",0);
	rolloverInit2("m8","m8Img",0);
	rolloverInit2("m9","m9Img",0);
	// for next-prev links
	rolloverInit2("nptop","nptopImg",2);
	rolloverInit2("pptop","pptopImg",4);
	rolloverInit2("npbot","npbotImg",2);
	rolloverInit2("ppbot","ppbotImg",4);	
}

function rolloverInit2(x1,x2,x3) {
	var linkObj = document.getElementById(x1);
	var imgObj = document.getElementById(x2);
	if (linkObj && imgObj) { 
		setupRollover(linkObj,imgObj,x3);
	}
}

function setupRollover(thisLink,thisImage,x3) {
  	thisLink.imgToChange = thisImage;
	thisLink.onmouseout = rollOut;
	thisLink.onmouseover = rollOver;
	
	thisLink.outImage = new Image();
	thisLink.outImage.src = thisImage.src;
	
	thisLink.overImage = new Image();
	thisLink.overImage.src = imgs[x3].src;
}

function rollOver() {
	this.imgToChange.src = this.overImage.src;
}

function rollOut() {
	this.imgToChange.src = this.outImage.src;
}