function attachStyle(src) {
	var linker = new Element('link');
	linker.setProperties({
		rel: 'stylesheet',
		type: 'text/css',
		media: 'all',
		href: src
	});

	linker.injectBefore($(document.head).getElement('script'));
}

function populateForm(){
	enterText();
	
	$('naam').addEvent('focus', function(){
		emptyInput($('naam'));					   
	});
	$('email1').addEvent('focus', function(){
		emptyInput($('email1'));					   
	});
	$('email2').addEvent('focus', function(){
		emptyInput($('email2'));					   
	});
	$('bericht').addEvent('focus', function(){
		emptyInput($('bericht'));					   
	});
	
	$('naam').addEvent('blur', function(){
		resetter($('naam'), 'your name ...');					   
	});
	$('email1').addEvent('blur', function(){
		resetter($('email1'), 'your e-mail address ...');					   
	});
	$('email2').addEvent('blur', function(){
		resetter($('email2'), 'repeat your e-mail address ...');					   
	});
	$('bericht').addEvent('blur', function(){
		resetter($('bericht'), 'your message ...');					   
	});
	
}

function emptyInput(el){
	el.setProperty('value', '');
	
	el.setStyle('color', '#252525');
}

function resetter(el,msg){
	var value = el.getProperty('value');
	
	if (value == ''){
		el.setProperty('value',msg);	
		el.setStyle('color', '#858585');
	}
}

function enterText(){
	$('naam').setProperty('value', 'your name ...');
	$('email1').setProperty('value', 'your e-mail address ...');
	$('email2').setProperty('value', 'repeat your e-mail address ...');
	$('bericht').setProperty('value', 'your message ...');
	
	$('naam').setStyle('color', '#858585');
	$('email1').setStyle('color', '#858585');
	$('email2').setStyle('color', '#858585');
	$('bericht').setStyle('color', '#858585');
}


function maakRood(){
	this.getElement('span').setStyle('background-color', "red");						   
}

function maakZwart(){
	this.getElement('span').setStyle('background-color', "#252525");						   
}

function validate_form(){
	if (document.contactform.naam.value == null || document.contactform.naam.value == "" || document.contactform.naam.value == 'your name ...') {
		alert('Please enter your name ...');
		document.contactform.naam.focus();
		return false;
	} else if (document.contactform.email1.value == null || document.contactform.email1.value == "" || document.contactform.email1.value == 'your e-mail address ...') {
		alert('Please enter your e-mail address ...');
		document.contactform.email1.focus();
		return false;
	} else if (document.contactform.email2.value == null || document.contactform.email2.value == "" || document.contactform.email2.value == 'repeat your e-mail address ...') {
		alert('Please repeat your e-mail address ...');
		document.contactform.email2.focus();
		return false;
	} else if (document.contactform.email1.value != document.contactform.email2.value) {
		alert('Please check your e-mail address ...');
		document.contactform.email2.focus();
		return false;
	} else if (document.contactform.bericht.value == null || document.contactform.bericht.value == "" || document.contactform.bericht.value == 'your message ...') {
		alert('Don\'t forget to write a message ...');
		document.contactform.bericht.focus();
		return false;
	} else {
		return true;	
	}
}

window.addEvent('domready', function() {

	attachStyle('css/layout.css');	
	if($('contactform')){
		populateForm();
		$('contactform').addEvent('reset',function(){
			enterText();
			return false;
		});
		$('contactform').addEvent('submit',function(){
			if(!validate_form()){
				return false;	
			}
		});	
	}

	
	
	
	/* ACCORDION */
	
	//create our Accordion instance
	var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
		alwaysHide: true,
		show:0,
		onActive: function(toggler, element){
			toggler.getElement('span').setStyle('background-color', 'red');
			toggler.removeEvent('mouseover',maakRood);
			toggler.removeEvent('mouseout',maakZwart);
		},
		onBackground: function(toggler, element){
			toggler.getElement('span').setStyle('background-color', '#252525');
			toggler.addEvent('mouseover',maakRood);
			toggler.addEvent('mouseout',maakZwart);			
		}
	});

	$('accordion').getElements('h3.toggler').each(function(item, index){
		item.addEvent('mouseover',maakRood);
		item.addEvent('mouseout',maakZwart);
		item.setStyle('cursor','pointer');
	});
	$('accordion').getElements('h3.toggler:first-child').each(function(item, index){
		item.removeEvent('mouseover',maakRood);
		item.removeEvent('mouseout',maakZwart);
	});
	
	
	
	/* ACCORDION ILLUSTRATIONS */
	
	//create our Accordion instance
	var ill_accordion = new Accordion($('ill_accordion'), 'h3.ill_toggler', 'div.ill_element', {
		alwaysHide: true,
		show:0,
		onActive: function(toggler, element){
			toggler.getElement('span').setStyle('background-color', 'red');
			toggler.removeEvent('mouseover',maakRood);
			toggler.removeEvent('mouseout',maakZwart);
		},
		onBackground: function(toggler, element){
			toggler.getElement('span').setStyle('background-color', '#252525');
			toggler.addEvent('mouseover',maakRood);
			toggler.addEvent('mouseout',maakZwart);			
		}
	});

	$('ill_accordion').getElements('h3.ill_toggler').each(function(item, index){
		item.addEvent('mouseover',maakRood);
		item.addEvent('mouseout',maakZwart);
		item.setStyle('cursor','pointer');
	});
	$('ill_accordion').getElements('h3.ill_toggler:first-child').each(function(item, index){
		item.removeEvent('mouseover',maakRood);
		item.removeEvent('mouseout',maakZwart);
	});
	
});