$(function() {
	
	$('#calendar').fullCalendar({
		draggable: false,
		events: function(start, end, callback){
            $.getJSON(
				BASE_PATH + "communities/month", 
				{
	                start: start.getTime() / 1000,
	                end: end.getTime() / 1000,
					format: 'json',
					id: community_id
	            }, 
				function(result){
	                callback(result.events);
	            }
			);
        },
		eventRender: function(event, element) {
			
			$('.event-time', element).empty().append(
				'<img src="' + BASE_PATH + event.logo + '" alt="" width="16" />'
			);
			
			if ( event.type == 'Group Class' ) {
				element.addClass('comstyle1');
				
			} else {
				switch( event.reserved_type ) {
					case 'available':
						element.addClass( 'available' );
						break;
					case 'reserved':
						element.addClass( 'unavailable' );
						break;
					case 'by_me':
						element.addClass( 'comstyle2' );
				}
			}
			
			return element;
		}
	});
	
	//Week Calendar
	$('#week_calendar').weekCalendar({
		allowCalEventOverlap : true,
		overlapEventsSeparate: true,
		timeslotsPerHour: 2,
		businessHours:{start: 5, end: 22, limitDisplay: true},
		timeslotHeight:24,
		resizable: function() { return false; },
		draggable: function() { return false; },
		data: function(start, end, callback){
            $.getJSON(
				BASE_PATH + "communities/week", 
				{
	                start: Math.ceil(start.getTime() / 1000),
	                end: Math.ceil(end.getTime() / 1000),
					format: 'json',
					id: community_id
	            }, 
				function(result){
	                callback(result.events);
	            }
			);
        },
		useShortDayNames: true,
		dateFormat: ", M d",
		timeFormat : "g:ia",
		eventRender: function(event, element)
		{
			return $( 
'<div class="cal-event ui-corner-all">\
<img src="' + BASE_PATH + event.logo + '" alt="" class="image" />\
<span class="text">' + event.title + '</span>\
</div>'
			);
		}
	});
	
	$('#calendar').addClass('ui-tabs-hide');
	
	$('#week_toggle').click(function(){
		$("#calendar").addClass('ui-tabs-hide');
		$("#week_calendar").removeClass('ui-tabs-hide');
		$("#week_calendar").weekCalendar("refresh");
		});
	$('#month_toggle').click(function(){
		$("#week_calendar").addClass('ui-tabs-hide');
		$("#calendar").removeClass('ui-tabs-hide');
	});
	
		
	//FANCY BOX
	$("#measurement_sample").fancybox({
		'zoomOpacity'			: true,
		'overlayShow'			: false,
		'zoomSpeedIn'			: 500,
		'zoomSpeedOut'			: 500
	});

	$('#popup1_link').hover(
		function() { $('#popup1').show() },
		function() { $('#popup1').hide() }
	);

	$('#popup2_link').hover(
		function() { $('#popup2').show() },
		function() { $('#popup2').hide() }
	);
});