var img1;
var img2;
var img3;
var img4;
var img5;
var img6;
var img7;
function onLoad() {
	img1 = new Image();
	img2 = new Image();
	img3 = new Image();
	img4 = new Image();
	img5 = new Image();
	img6 = new Image();
	img7 = new Image();
	img1.src = "assets/images/welkom_a.gif";
	img2.src = "assets/images/tapijt_a.gif";
	img3.src = "assets/images/gordijnen_a.gif";
	img4.src = "assets/images/rolgordijnen_a.gif";
	img5.src = "assets/images/laminaat_a.gif";
	img6.src = "assets/images/zonwering_a.gif";
	img7.src = "assets/images/contact_a.gif";
	
	menuRollovers();
}

function menuRollovers() {
	var items = $A($('menu').getElementsByClassName('menu_item'));
	
	items.each(function(i) {
		i.onmouseover = function() {
			this.src = this.src.slice(0, -4) + '_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.src = this.src.slice(0, -6) + '.gif';
			}
			this.overstate = "out";
		}
	});
}