window.onload = initRollover;

function initRollover(){
	for(var i=0; i<document.images.length;i++){
		if(document.images[i].parentNode.tagName == "A"  && document.images[i].parentNode.id == "rollover"){
			setupRollover(document.images[i]);
		}
	}
}


function setupRollover(currImg){
	currImg.outImg = new Image();
	currImg.outImg.src = currImg.src;
	currImg.onmouseout = rollOut;

	currImg.overImg = new Image();
	currImg.overImg.src = "images/" + currImg.id + "_on.jpg";
	currImg.onmouseover = rollOver;
}

function rollOut(){
	this.src = this.outImg.src;
	elem=document.getElementById("painting");
	elem.style.margin = '0';

}

function rollOver(){
	this.src = this.overImg.src;
	elem=document.getElementById("painting");
//	elem.style.background = 'red';
	elem.style.margin = '-27px -90px 0 0 ';
}