window.addEvent('domready', function(){
	placeBorders();
	setContentBackground();
	findFormFields();
});

window.addEvent('load', function(){
	setContentBackground();
});

window.addEvent('unload', function(){
	setContentBackground();
});

setContentBackground = function(){
	var content_coords = $('contentBigger').getCoordinates();
	$('contentBackground').setStyles({
		'height': (content_coords.height-245) + 'px'
	});
}
placeBorders = function() {
	$$('h6').each( function(el) {
		var parent = el.getParent('div');
		var newelement = new Element('div').set('html', el.get('html'));
		if(parent.get('id') == 'contentMiddleBig') {
			newelement.addClass('border-full');
		} else if(parent.get('id') == 'contentMiddle') {
			newelement.addClass('border-wide');
		}
		newelement.replaces(el);
	});
	$$('h5').each( function(el) {
		var parent = el.getParent('div');
		
		if(parent.get('id') == 'contentMiddleBig') {
			var newelement = new Element('div').set('html', el.get('html'));
			newelement.addClass('border-half');
			newelement.replaces(el);
		} else if(parent.get('id') == 'contentMiddle') {
			el.dispose();
		}
	});
	$$('h4').each( function(el) {
		var parent = el.getParent('div');
		if(parent.get('id') == 'contentMiddleBig') {
			el.dispose();
		} else if(parent.get('id') == 'contentMiddle') {
			var newelement = new Element('div').set('html', el.get('html'));
			newelement.addClass('border-white');
			newelement.replaces(el);
		}
	});
	
	
	$$('div.border-wide').each( function(el){
		var c= new Element('div').addClass('bgBorder').inject(el, 'after');
		el.inject(c,'inside').addClass('bgBorderContent');
		new Element('div').addClass('bgBorderBottom').inject(c,'after');
	});
	$$('div.border-white').each( function(el){
		var c= new Element('div').addClass('bgBorder').addClass('bgBorderWhite').inject(el, 'after');
		el.inject(c,'inside').addClass('bgBorderContent');
		new Element('div').addClass('bgBorderBottom').addClass('bgBorderBottomWhite').inject(c,'after');
	});
	
	$$('div.border-full').each( function(el){
		var c= new Element('div').addClass('bgBorder').addClass('bgBorderFull').inject(el, 'after');
		el.inject(c,'inside').addClass('bgBorderContent').addClass('bgBorderContentFull');
		new Element('div').addClass('bgBorderBottom').addClass('bgBorderBottomFull').inject(c,'after');
	});
	
	
	$$('div.border-half').each( function(el) {
		var c=new Element('div').addClass('bgTotaal');
		var a=new Element('div').addClass('bgBorderSmall');
		var b=new Element('div').addClass('bgBorderBottomSmall');
		var d=new Element('div').addClass('bgBorderContentSmall');
		c.inject(el,'after');
		el.inject(d,'inside');
		d.inject(a,'inside');
		b.inject(a,'after');
		a.inject(c,'inside');
		b.inject(c,'inside');
	});
	$$('div.border-half').each( function(el,x) {
		if(!(x&1)) {
			lastheight = el.getHeight();			
			lastelement = el;
		} else {
			thisheight = el.getHeight();
			thiselement = el;
			if (thisheight > lastheight) {
				lastelement.setStyle('height', thisheight + 'px');
			}
			else {
				thiselement.setStyle('height', lastheight + 'px');
			}
		}
	});
		
}

findFormFields = function() {
	if($('source') && $('source_diff')) {
		if ($('source').get('value') != 'Anders, namelijk') {
			$('source_diff').setStyles({
				visibility: 'hidden',
				opacity:'0'
			});
		}
		$('source').addEvents({change: function() {
			if(this.get('value')=='Anders, namelijk') {
				$('source_diff').fade(1);
			} else {
				$('source_diff').set('value','').fade(0);
			}
		}});
	}
}