window.addEvents({
	'domready': function() {
		initFonts();
		initHeights();
		initTabs();
		initOptions();
		initSlider();
		initShoutbox();
		initLogin();
		initCheckboxes();
	}
})

function initLogin() {	
	$$('div.loginpage').each(function(el) {
		// bepaal hoogte scherm
		
	});
}

function initCheckboxes() {
	if($$('input.checkbox').length > 0) {
		$$('input.checkbox').each(function(el) {
			
			var customCheckbox = new Element('img', {
				'src': el.value == 0 ? 'fileadmin/templates/img/checkbox_off.gif' : 'fileadmin/templates/img/checkbox_on.gif'
			});
			
			customCheckbox.addEvent('click', function() {
				if(this.src.substr(-7,7) == 'off.gif') {
					el.value = 1;
					this.src = 'fileadmin/templates/img/checkbox_on.gif';
				} else {
					el.value = 0;
					this.src = 'fileadmin/templates/img/checkbox_off.gif';
				}
			});
			
			
			el.grab(customCheckbox, 'after');
		});
	}
}

function initShoutbox() {
	if($('shout')) {
		$('shout').addEvent('click', function() {
			tx_sbu_pi46processShout(xajax.getFormValues('tx_sbu_pi46_form'));
		});
		
		$$('a.shout_next').each(function(el) {
			el.addEvent('click', function() {
				tx_sbu_pi46getShout('next', $('current_shout').value);
			});
		});
		
		$$('a.shout_previous').each(function(el) {
			el.addEvent('click', function() {
				tx_sbu_pi46getShout('previous', $('current_shout').value);
			});
		});
	}
}

function initSlider() {
	
	var sliders = $$('div.slide');
	var totalWidth = (sliders.length*238);
	var maxHeight = 13;
	var n = 1;
	
	if($('slidewrapper')) {
	
		// bepaal de hoogte
		$('slidewrapper').getElements('span.onderschrift').each(function(el) {
			var thisHeight = el.getStyle('height').toInt();
			if(thisHeight > maxHeight) {
				maxHeight = thisHeight;
			}
		});
		
		var totalHeight = (maxHeight+27)+'px';
		
		$('slider').style.height = totalHeight;
		$('slidewrapper').style.height = totalHeight;	
		$('slidewrapper').style.width = totalWidth+'px';
		
		$$('div.slide').each(function(slider) {
			
			slider.style.height = totalHeight;
			slider.getElement('span.onderschrift').style.height = maxHeight+'px';
				
			var nextwidth = (-238*n)+'px';
			
			slider.getElements('div.next').each(function(next) {
				next.addEvent('mouseover', function() {
					next.addClass('nexthover');
				});
				next.addEvent('mouseout', function() {
					next.removeClass('nexthover');
				});
				next.addEvent('click', function() {
					var currentMargin = Math.round($('slidewrapper').style.marginLeft.replace(/px/, ''));
					if(currentMargin > Math.round('-'+(totalWidth-238))) {
						$('slidewrapper').set('morph', {duration: 'long', transition: 'expo:out'});				
						$('slidewrapper').morph({'marginLeft': nextwidth});
					}
				});
			});
			
			slider.getElements('div.previous').each(function(previous) {
				previous.addEvent('mouseover', function() {
					previous.addClass('previoushover');
				});
				previous.addEvent('mouseout', function() {
					previous.removeClass('previoushover');
				});
				previous.addEvent('click', function() {
					var currentMargin = Math.round($('slidewrapper').style.marginLeft.replace(/px/, ''));
					if(currentMargin < 0) {
						$('slidewrapper').set('morph', {duration: 'long', transition: 'expo:out'});
						$('slidewrapper').morph({'marginLeft': (currentMargin+238)+'px'});
					}
				});
			});
			
			n++;
		})
		
	}	
	
}

function initOptions() {
	$$('img.option').each(function(el) {
		el.addEvent('click', function() {
			
			var elSelected = el.hasClass('on');
			
			$$('img.option').each(function(el2) {
				el2.src = 'fileadmin/templates/img/case/option_off.png';
				el2.removeClass('on');
				$(el2.id+'_hidden').value = 0;
			});
			
			if(elSelected) {
				el.src = 'fileadmin/templates/img/case/option_off.png';				
				el.removeClass('on');
			} else {
				el.src = 'fileadmin/templates/img/case/option_on.png';
				$(el.id+'_hidden').value = 1;
				el.addClass('on');
			}
		});
	});
}

function initTabs() {
	
	if(!$('sbuweb')) return;
	
	$('sbuweb').addEvent('mouseover', function() {
		$('sbuweb').set('class', 'sbuweb_hover');
	});
	$('sbuweb').addEvent('mouseout', function() {
		$('sbuweb').set('class', 'sbuweb');
	});
	
	$('sbumit').addEvent('mouseover', function() {
		$('sbumit').set('class', 'sbumit_hover');
	});
	$('sbumit').addEvent('mouseout', function() {
		$('sbumit').set('class', 'sbumit');
	});
	
	$('dev030').addEvent('mouseover', function() {
		$('dev030').set('class', 'dev030_hover');
	});
	$('dev030').addEvent('mouseout', function() {
		$('dev030').set('class', 'dev030');
	});
}

function initFonts() {
	$$('h2.casered').each(function(el) {
		var text = el.get('html');
		var url = el.get('title');
		
		var header = new Element('img', {
			'src': 'fileadmin/templates/fonts/casered.php?text='+text,
			'alt': text
		});
		
		var link = new Element('a', {
			'href': url
		});
		
		link.adopt(header);
		
		link.replaces(el);
	});
}

function initHeights() {

	if(!$('leftcolumn') || !$('rightcolumn')) return;
	
	var left = $('leftcolumn').getStyle('height').toInt();
	var right = $('rightcolumn').getStyle('height').toInt();
	
	if(left > right) {
		$('rightcolumn').setStyles({'height': $('leftcolumn').getStyle('height')})
		$('righttabs').setStyles({'height': ($('leftcolumn').getStyle('height').toInt()+280)+'px'})
		
	} else {
		$('leftcolumn').setStyles({'height': $('rightcolumn').getStyle('height')})
		$('righttabs').setStyles({'height': ($('rightcolumn').getStyle('height').toInt()+280)+'px'})
	}
	
}

function displayErrors(error){		
	
	if(!error) return;

	var myObject = JSON.decode(error);
	
	$$('.error').each(function(el){
		el.removeClass('error');
	});
	
	$$('.errorintro').each(function(el){
		el.removeClass('errorintro');
	});
	
	$$('.errorbody').each(function(el){
		el.removeClass('errorbody');
	});
	
	$$('.textareaerror').each(function(el){
		el.removeClass('textareaerror');
	});
	
	$$('img.radiobutton').each(function(el) {
		el.src = el.src.replace(/radio_last_error.gif/, 'radio_last_off.gif');
		el.src = el.src.replace(/radio_first_error.gif/, 'radio_first_off.gif');
		el.src = el.src.replace(/radio_error.gif/, 'radio_off.gif');
	});
		
	myObject.each(function(obj){
		if($('label_'+obj.id)){	
			if($('label_'+obj.id).hasClass('radio_option')) {
				setRadioOptionErrors('label_'+obj.id);
			} else if($('label_'+obj.id).hasClass('intro')) {
				$('label_'+obj.id).addClass('errorintro');
			} else if($('label_'+obj.id).hasClass('body')) {
				$('label_'+obj.id).addClass('errorbody');	
			} else {
				$('label_'+obj.id).addClass('error');				
			}
		}
		if($(obj.id)){		
			if($(obj.id).hasClass('radiofield')) {
				setRadioOptionErrors(obj.id);
			} else if($(obj.id).hasClass('textareafield')) {
				$(obj.id).addClass('textareaerror');
			} else {
				$(obj.id).addClass('error');	
			}
		}
	});
}

function displayReaction() {
	if($$('div.reaction').length > 0) {
		$$('div.reaction').each(function(el) {
			if(el.hasClass('hidden')) {
				el.fade('hide');
				el.removeClass('hidden');
				el.fade('in');
			}
		});
	}
	if($('form_reaction')) {
		$('form_reaction').value = '';
		$('form_reaction').removeClass('error');
	}
	if($('form_name')) {
		$('form_name').value = '';
		$('form_name').removeClass('error');
	}
	if($('form_retype')) {
		$('form_retype').value = '';
		$('form_retype').removeClass('error');
	}	
	
	initHeights();
}

function deleteReaction(uid) {
	var answer = confirm("Wil je deze reactie echt verwijderen?")
	if (answer){
		tx_sbu_pi41deleteReaction(uid);
	}
}

function acceptOnderschrift(uid) {
	tx_sbu_pi41acceptOnderschrift(uid);
}