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

	var body = $(document.body);

	// align text to bottom
	var coordinates = $('content').getCoordinates();
	if (coordinates.height < 429) {
		var new_margin_top = 429 - coordinates.height;
		$('content').setStyle('margin-top', new_margin_top);
	}

	if(body.hasClass('welkom')) {

		// create quote array
		var quote_text_array = [];
		var quote_text_headings = $$('#quotes_content h2');
		quote_text_headings.each(function(heading, index) {
			quote_text_array.push({
				title: heading,
				text: heading.getNext('p')
			});
		});
		count_quotes = quote_text_array.length;
		var randomnumber=Math.floor(Math.random()*(count_quotes));
		$('quotes_content').innerHTML =
		'<h2>'+quote_text_array[randomnumber].title.get('html')+'</h2>'+
		'<p>'+quote_text_array[randomnumber].text.get('html')+'</p>';
		$('quotes_content').setStyle('display','block');
	}

	if(body.hasClass('contact') || body.hasClass('wie-zijn-wij') || body.hasClass('uitvaart-van')) {
		// make vlinderItems whiter
		var mouseovers_mask = $('mouseovers_mask');
		mouseovers_mask.setStyle('display', 'block');
	} else {
		// make vlinderItems hoverable
		mouseovers_mask = $('mouseovers_mask');
		mouseovers_mask.setStyle('display', 'block');
		mouseovers_mask.fade('hide');

		// create tooltip text array
		var tooltip_text_array = [];
		var vlinder_text_headings = $$('#mouseovers-text h2');
		vlinder_text_headings.each(function(heading, index) {
			tooltip_text_array.push({
				title: heading,
				text: heading.getNext('p')
			});
		});

		// empty
		$('mouseovers-text').empty();

		var vlinderItems = $$('#mouseovers li.vlinderItem');
		vlinderItems.each(function(vlinderItem, index) {

			vlinderItem.store('tip:title', tooltip_text_array[index].title.get('html'));
			vlinderItem.store('tip:text', tooltip_text_array[index].text.get('html'));

			vlinderItem.image_el = vlinderItem.getElement('.image');
			vlinderItem.image_el.setStyle('display', 'block');
			vlinderItem.image_el.fade('hide');

			vlinderItem.addEvents({
				mouseenter: function() {
					mouseovers_mask.fade(0.5);
					vlinderItem.image_el.fade(1);
				},
				mouseleave: function() {
					vlinderItem.image_el.fade(0);
					mouseovers_mask.fade(0);
				}
			});
		});

		new Tips(vlinderItems, {
			className: 'vlinderTooltip',
			showDelay: 0,
			hideDelay: 0
		});
	}
});