// JavaScript Document

window.onload = rolloverInit;

function rolloverInit() {
	// for more links
	rolloverInit2("m1","m1Img",6);
	rolloverInit2("m2","m2Img",6);
	rolloverInit2("m3","m3Img",6);
	rolloverInit2("m4","m4Img",6);
	rolloverInit2("m5","m5Img",6);
	rolloverInit2("m6","m6Img",6);
	rolloverInit2("m7","m7Img",6);
	rolloverInit2("m8","m8Img",6);
	rolloverInit2("m9","m9Img",6);
	rolloverInit2("m10","m10Img",6);
	rolloverInit2("m11","m11Img",6);
	rolloverInit2("m12","m12Img",6);
	rolloverInit2("m13","m13Img",6);
	rolloverInit2("m14","m14Img",6);
	rolloverInit2("m15","m15Img",6);
	
		// 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;
}