window.onload = rolloverInit;

var myPix = new Array("publicImage","fireImage","lawImage");
var pixSrc = new Array("images/publicMain.jpg","images/fireMain.jpg","images/lawMain.jpg");
var pubPix = new Array("images/public1.jpg","images/public2.jpg","images/public3.jpg");
var firePix = new Array("images/fire1.jpg","images/fire2.jpg","images/fire3.jpg");
var lawPix = new Array("images/law1.jpg","images/law2.jpg","images/law3.jpg");
var randomNum1 = Math.floor((Math.random() * 3));

function rolloverInit() {
	
	for (var i=0; i<3; i++){
			setupRollover(i);
	}
}


function setupRollover(thisImage) {
	document.getElementById(myPix[thisImage]).outImage = new Image();
	document.getElementById(myPix[thisImage]).outImage.src = pixSrc[thisImage];
	document.getElementById(myPix[thisImage]).onmouseout = rollOut;	
	
	
	
	if(thisImage==0){
	document.getElementById(myPix[thisImage]).overImage  = new Image();
	document.getElementById(myPix[thisImage]).overImage.src = pubPix[randomNum1];
	document.getElementById(myPix[thisImage]).onmouseover = rollOver; 
		}
	else if(thisImage==1) {	
	document.getElementById(myPix[thisImage]).overImage  = new Image();
	document.getElementById(myPix[thisImage]).overImage.src = firePix[randomNum1];
	document.getElementById(myPix[thisImage]).onmouseover = rollOver;   
		}
	else {
	document.getElementById(myPix[thisImage]).overImage  = new Image();
	document.getElementById(myPix[thisImage]).overImage.src = lawPix[randomNum1];
	document.getElementById(myPix[thisImage]).onmouseover = rollOver;  
		}
		
	
	}
	
	
	function rollOut() {
	this.src = this.outImage.src;
	}
	
	function rollOver() {
	this.src = this.overImage.src;

	}