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();
	loadPrefilledTextFields();
}

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";
		}
	});
}

function loadPrefilledTextFields(element) {
	if(element) {
		element = $(element);
	} else {
		element = $(document.body);
	}
	var prefilled_color = '#999999';
	var filled = $A(element.getElementsBySelector('input.prefilled'));
	filled.each( function (f) {
		f.normal_color = f.getStyle('color');
		f.setStyle( {color:prefilled_color} );
		f.onfocus = function() {
			if(!this.start_value || this.value.strip() == this.start_value.strip()) {
				this.start_value=this.value; 
				this.value='';
				$(this).setStyle( {color:this.normal_color} );
			}
		}
		f.onblur = function() {
			if($(this).value.strip() == '') { 
				this.value = this.start_value;
				$(this).setStyle( {color:prefilled_color} );
			}
		}
	});
}