addEvent = function (obj,evt,fn) {
	if (obj.addEventListener)
		obj.addEventListener(evt,fn,false);
	else if (obj.attachEvent)
		obj.attachEvent('on'+evt,fn);
}

removeEvent = function (obj,evt,fn) {
	if (obj.removeEventListener)
		obj.removeEventListener(evt,fn,false);
	else if (obj.detachEvent)
		obj.detachEvent('on'+evt,fn);
}

// find input elements with the class name 'submit' and 
// assign a rollover image to them
function submitRollovers() {
	this.buttons = new Array;
	var startNode = document.getElementById('main-content');
	var candidates = startNode.getElementsByTagName('input');
	for (var i=0; i<candidates.length; i++) {
		if (candidates[i].className == 'submit') {
			this.imgName = candidates[i].src;
			this.buttons[this.buttons.length] = new Button(this,candidates[i],this.imgName);
		}
	}
}
Button = function(buttons,subButton,imgName) {
	this.buttons = buttons;
	this.subButton = subButton;
	this.imgName = imgName;
	this.imgNameOver = this.imgName.replace('.png','-ro.png');
	this.imgName.Button = this;
	this.imgNameOver.Button = this;
	this.subButton.Button = this;
	this.subButton.onmouseover = function() {
		this.Button.rollOver(true);
		return true;
	}
	this.subButton.onmouseout = function() {
		this.Button.rollOver(false);
		return true;
	}	
}
// toggle rollover images
Button.prototype.rollOver = function(action) {
	if (action) {
		this.subButton.src = this.imgNameOver;
	}
	else
		{
		this.subButton.src = this.imgName;
	}
}


// find input elements and textareas and assign a focus style to them (except submit button)
function focusFields() {
	var candidates = new Array;
	var startNode = document.getElementById('main-content');
	var inputs = startNode.getElementsByTagName('input');
	var textareas = startNode.getElementsByTagName('textarea');
	for (var j=0; j<inputs.length; j++) {
		candidates[candidates.length] = inputs[j];
	}
	for (var k=0; k<textareas.length; k++) {
		candidates[candidates.length] = textareas[k];
	}
	for (var m=0; m<candidates.length; m++) {
		if (candidates[m].className != "submit") {
			candidates[m].onfocus = function () {
				this.className = "focus";
			}
			candidates[m].onblur = function () {
				this.className = "";
			}
		}
	}
}

// append the bottom shadow div
function appendShadow(node) {
	var d = document.createElement('div');
	d.className = 'bottom-border';
	node.appendChild(d);		
}

// add a bottom shadow border to IE6
function fixShadowIE() {
	var startNode = document.getElementById('main-content');
	var divs = startNode.getElementsByTagName('div');
	var forms = startNode.getElementsByTagName('form');
	for (var n=0; n<divs.length; n++) {
		// add bottom border to photos
		if ((divs[n].className == 'border') && (divs[n].parentNode.className == 'photo')) {
			appendShadow(divs[n]);
		}
		// add bottom border to flash elements and cards
		else if ((divs[n].className == 'flash') || (divs[n].className == 'card')) {
			appendShadow(divs[n]);
		}
	}
	// add bottom border to contact form
	for (var p=0; p<forms.length; p++) {
		if (forms[p].className == 'contact-form') {
			appendShadow(forms[p]);
		}
	}
}

function init() {
	submitRollovers();
	focusFields();
	if (navigator.appVersion.indexOf("MSIE 6")!=-1) {
		fixShadowIE();
	}
}

function submitContactForm() {
	var naam     	= document.contact.naam.value;
	var email    	= document.contact.email.value;
	var filter		= /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	  if(naam != "" && email != "")
	  {
		if(filter.test(email)) { 
			document.contact.submit(); 
		} else { 
			document.getElementById("error").innerHTML = "ongeldig e-mail adres"; 
		}
	  }
	  else
	  {
		if(naam == ""){ document.getElementById("error").innerHTML = "vul uw naam in a.u.b."; } else if(email == ""){ document.getElementById("error").innerHTML = "vul uw e-mail adres in a.u.b."; };
	  }
}

addEvent(window, "load", init);