function hide(id) {
	document.getElementById(id).style.visibility = 'hidden';
}
function show(id) {
	document.getElementById(id).style.visibility = 'visible';
}
function visible(id) {
	return document.getElementById(id).style.visibility == 'visible';
}

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

	var bedrijfsInfoSlide = new Fx.Tween('bedrijfsinfo_slider');
	
	$('bedrijfsinfo').addEvent('click', function(e){
		if (!visible('bedrijfsinfo_slider')) {
			e = new Event(e);
			resetSliders();
			show('bedrijfsinfo_slider');
			bedrijfsInfoSlide.start('left', '550px', '336px');
			e.stop();
		}
	});
	
	var behandelingSlide = new Fx.Tween('behandeling_slider');
	
	$('behandeling').addEvent('click', function(e){
		if (!visible('behandeling_slider')) {
			e = new Event(e);
			resetSliders();
			show('behandeling_slider');
			behandelingSlide.start('left', '550px', '336px');
			e.stop();
		}
	});
	
	var prijslijstSlide = new Fx.Tween('prijslijst_slider');
	
	$('prijslijst').addEvent('click', function(e){
		if (!visible('prijslijst_slider')) {
			e = new Event(e);
			resetSliders();
			show('prijslijst_slider');
			prijslijstSlide.start('left', '550px', '336px');
			e.stop();
		}
	});
	
	var contactSlide = new Fx.Tween('contact_slider');
	
	$('contact').addEvent('click', function(e){
		if (!visible('contact_slider')) {
			e = new Event(e);
			resetSliders();
			show('contact_slider');
			contactSlide.start('left', '700px', '490px');
			e.stop();
		}
	});
	
	function resetSliders() {
		if (visible('bedrijfsinfo_slider')) {
			hide('bedrijfsinfo_slider');
			bedrijfsInfoSlide.start('left', '336px', '550px');
		}
		
		if (visible('behandeling_slider')) {
			hide('behandeling_slider');
			behandelingSlide.start('left', '336px', '550px');
		}
	
		if (visible('prijslijst_slider')) {
			hide('prijslijst_slider');
			prijslijstSlide.start('left', '336px', '550px');
		}
	
		if (visible('contact_slider')) {
			hide('contact_slider');
			contactSlide.start('left', '490px', '700px');
		}
	}
	
});