var img1;
var img2;
var img3;
function onLoad() {
	img1 = new Image();
	img2 = new Image();
	img3 = new Image();
	img1.src = "assets/images/welkom_a.gif";
	img2.src = "assets/images/aanbod_a.gif";
	img3.src = "assets/images/producten_a.gif";
	
	menuRollovers();
}

function menuRollovers() {
	var items = $A($('menu').getElementsByClassName('menu_item'));
	
	items.each(function(i) {
		i.onmouseover = function() {
			this.style.backgroundImage = this.style.backgroundImage.slice(0, -5) + '_a.gif)';
			this.overstate = "over";
		}
		i.onmouseout = function() {
			if(this.overstate == "over") { // make sure that the state was mouseover before onmouseout action is executed
				this.style.backgroundImage = this.style.backgroundImage.slice(0, -7) + '.gif)';
			}
			this.overstate = "out";
		}
	});
}