var possible = new Array(0,1,2,3,4); 
var possible_media = new Array(0,"radioclassics","healthtalk","radiointerviews"); 

$(document).ready(function(){

	/********************************************************************************************************************
	THESE FUNCTIONS HANDLE THE EVENT CALENDAR FUNCTIONS
	********************************************************************************************************************/	
	$('.c_details').click(function() {
		current = $('.c_details').index(this);
		$('.c_description').eq(current).toggle();
	});	
	
	//ON CLICK OF BUTTON FILTER DOM 
	$('.c_button').click(function() {
		current = $('.c_button').index(this);
		
		for(var id in possible) {
			if(id == current) {
				$('.c_button').eq(id).addClass("c_on");
			} else {
				$('.c_button').eq(id).removeClass("c_on");
			}
		}
		
		for(var id in possible) {
			if(current != 0) {
				if(id == current) {
					$('.c_' + id).show();
				} else {
					$('.c_' + id).hide();
				}
			} else {
				$('.c_' + id).show();
			}
		}
		
	});
	
	//HIDE DESCRIPTIONS ON LOAD
	$('.c_description').hide();
	
	/********************************************************************************************************************
	THES FUNCTION ARE USED ON THE MEDIA PAGES
	********************************************************************************************************************/	
	$('.m_details').click(function() {
		current = $('.m_details').index(this);
		$('.m_description').eq(current).toggle();
	});	

	//ON CLICK OF BUTTON FILTER DOM 
	$('.m_button').click(function() {
		current = $('.m_button').index(this);
		for(var id in possible_media) {
			if(id == current) {
				$('.m_button').eq(id).addClass("m_on");
			} else {
				$('.m_button').eq(id).removeClass("m_on");
			}
		}
		
		var current2 = $(this).attr("rel");
		for(var i in possible_media) { 
			if(current != 0) {
				if(possible_media[i] == current2) {
					$('.m_' + possible_media[i]).show();
				} else {
					$('.m_' + possible_media[i]).hide();
				}
			} else {
				$('.m_item').show();
			}
		}
		
	});
	
	$('.m_description').hide();


});