$(document).ready( function() {
	$('#calendar').fullCalendar( {
		events: "/event-calendar/json",
		editable: false,
		firstDay: 1,
		header: {
			left: 'prev,next today',
			center: 'title',
			right: 'month,agendaWeek,agendaDay'
		},
		columnFormat: {
			month: 'dddd',
			week: 'ddd M/d',
			day: 'dddd M/d'
		},
		eventRender: function( calEvent, element, view ) {
			
			var hyperlink = element.find( 'a' );
			
			if ( !hyperlink.length )
			{
				return;
			}
			
			hyperlink.fancybox( {
				'hideOnContentClick': false
			} );			
			
			var classes = $(element).attr( 'class' );
			var classArray = classes.split(/\s+/);
			
			if ( !classArray.length )
			{
				return;
			}

			var i;
			var cssClass;

			for ( i = 0; i < classArray.length; i++ )
			{
				cssClass = classArray[i];
				var color = cssClass.match(/color-(.*)/g);
				
				if ( color == null || !color.length )
				{
					continue;
				}
				
				color = color[0].substring( 6, 12 );
				
				hyperlink.css( 'background-color', '#' + color );
				break;
			}
		}
	} );
} );