﻿window.onload = function(){
	document.getElementById("changeButton1").onmouseover = function() {
		album3.change(["img/a001.jpg"]);
	}
	document.getElementById("changeButton2").onmouseover = function() {
		album3.change(["img/a002.jpg"]);
	}
	document.getElementById("changeButton3").onmouseover = function() {
		album3.change(["img/a003.jpg"]);
	}
	document.getElementById("changeButton4").onmouseover = function() {
		album3.change(["img/a004.jpg"]);
	}
	document.getElementById("changeButton5").onmouseover = function() {
		album3.change(["img/a005.jpg"]);
	}
	document.getElementById("changeButton6").onmouseover = function() {
		album3.change(["img/a006.jpg"]);
	}
	document.getElementById("changeButton7").onmouseover = function() {
		album3.change(["img/a007.jpg"]);
	}
	document.getElementById("changeButton8").onmouseover = function() {
		album3.change(["img/a008.jpg"]);
	}
	document.getElementById("changeButton9").onmouseover = function() {
		album3.change(["img/a009.jpg"]);
	}
	document.getElementById("changeButton10").onmouseover = function() {
		album3.change(["img/a010.jpg"]);
	}
	document.getElementById("changeButton11").onmouseover = function() {
		album3.change(["img/a011.jpg"]);
	}
	document.getElementById("changeButton12").onmouseover = function() {
		album3.change(["img/a012.jpg"]);
	}
	document.getElementById("changeButton13").onmouseover = function() {
		album3.change(["img/a013.jpg"]);
	}

}
var album3 = {
	change : function(imageArray){
		var imgTag = document.getElementById("photoalbum").getElementsByTagName("img");
		for (var i=0; i<imgTag.length; i++){
			imgTag[i].src = imageArray[i];
		}
	}
}


