var ReferentieList = {
	
	animDur: 750,
	animEase: 'easeOutQuart',
	
	active: 0,
	
	init: function() {
		$('.referentie-list-block-inactive .referentie-list-block-background').css({opacity:0,display:'block'});
	},
	
	setActive: function(id) {
		if (this.active != id) {
			this.slideIn(this.active);
		} else {
			return;
		}
		this.active = id;
		this.slideOut(id);
	},
	
	slideIn: function(id) {
		if (id == 0) return;
		
		
		
	
		$('#referentie-list-block-'+id+' .referentie-list-block-head').css('cursor', 'pointer');
		
		$('#referentie-list-block-'+id+' h4, #referentie-list-block-'+id+' h5, #referentie-list-block-'+id+' referentie-list-block-text')
		.stop(true,true)
		.animate(
			{color:'#4D4D4D'},
			{duration:ReferentieList.animDur}
		)
		.removeClass('active')
	;
		
		$('#referentie-list-block-'+id)
		.animate(
			{height:60,color:'#4D4D4D'},
			{duration:ReferentieList.animDur,easing:ReferentieList.animEase}
		)
	;

		$('#referentie-list-block-'+id+' .referentie-list-block-background')
		.stop(true,true)
		.animate(
			{opacity:0,height:60},
			{duration:ReferentieList.animDur}
		)
	;
	
		$('#referentie-list-block-'+id).removeClass('referentie-list-block-active');
		
	},
	
	slideOut: function(id) {
		iNewHeight = $('#referentie-list-block-'+id+' .referentie-list-block-content-inner').outerHeight();
		
		$('#referentie-list-block-'+id+' .referentie-list-block-background')
			.stop(true,true)
			.animate(
				{opacity:1,height:iNewHeight},
				{duration:ReferentieList.animDur,easing:ReferentieList.animEase}
			)
		;
		
		$('#referentie-list-block-'+id)
			.animate(
				{height:iNewHeight,color:'#ffffff'},
				{duration:ReferentieList.animDur,easing:ReferentieList.animEase}
			)
		;
		
		$('#referentie-list-block-'+id+' h4, #referentie-list-block-'+id+' h5, #referentie-list-block-'+id+' referentie-list-block-text')
			.stop(true,true)
			.addClass('active')
			.animate(
				{color:'#ffffff'},
				{duration:ReferentieList.animDur}
			)
		;
		
		$('#referentie-list-block-'+id+' .referentie-list-block-head').css('cursor', 'default');
	}
	
};