$(document).ready(function() {
			$('#eventCalendar').fullCalendar({
				editable: false,
				header: {
					left: 'prev,next today',
					center: 'title',
					right: 'month,agendaWeek,agendaDay'
				},
				events: $.fullCalendar.calendarData('http://www.snowbasin.com/BlogJson.pxml'),
				eventClick: function(calEvent, jsEvent, view) {
					var detailUrl = 'http://www.snowbasin.com/BlogGetPost.pxml';
					var parms = {
						'ArticleID': calEvent.articleID
					}
					var detail = $('#eventDetailTemplate').clone();
					$.fancybox.showActivity();
					$.getJSON(detailUrl, parms, function(data) {
						$.fancybox.hideActivity();
						if (data.methodResponse.params.param.value.struct) {
							var articleHtml = data.methodResponse.params.param.value.struct.member[3].value.string;
							articleHtml = articleHtml.replace(/\[caption[^\]]*\]/g, ''); //rip out caption
							articleHtml = articleHtml.replace(/\[\/caption\]/g, ''); //rip out caption
							
							detail.children('.eventDetail').children('.title').html(calEvent.title);//alert(calEvent.start);
							detail.children('.eventDetail').children('.startDate').html(
								$.fullCalendar.formatDate(calEvent.start, "dddd', 'MMMM' 'dS' 'yyyy', 'h':'mmtt")
							);
							$('.eventDetail > .footer .footerUrl', detail).attr('href', calEvent.url_alt);
							//detail.children('.eventDetail').children('.eventBody').html(articleHtml);
							//detail.children('.eventDetail > .eventBody').html(articleHtml);
							$('.eventDetail > .eventBody', detail).html(articleHtml);
							
							var x = 0;
							//detail.children('.eventDetail').children('.eventBody > img').each(function() {
							$.each($('.eventDetail > .eventBody img', detail), function(i, element) {
								x=x+1;
								var maxWidth = 250; // Max width for the image
								var maxHeight = 250;    // Max height for the image
								var ratio = 0;  // Used for aspect ratio
								var width = element.width;    // Current image width
								var height = element.height;  // Current image height
						 		//alert(width + ' ' + height);
								// Check if the current width is larger than the max
								if(width > maxWidth){
									ratio = maxWidth / width;   // get ratio for scaling image
									$(this).css("width", maxWidth); // Set new width
									$(this).css("height", height * ratio);  // Scale height based on ratio
									height = height * ratio;    // Reset height to match scaled image
									width = width * ratio;    // Reset width to match scaled image
								}
						 
								// Check if current height is larger than max
								if(height > maxHeight){
									ratio = maxHeight / height; // get ratio for scaling image
									$(162).css("height", maxHeight);   // Set new height
									$(300).css("width", width * ratio);    // Scale width based on ratio
									width = width * ratio;    // Reset width to match scaled image
								}
							});
							//alert(x);
							
							$.fancybox({
								'content'	: detail.html(),
								'autoDimensions'		: true,
								'autoScale'	: true,
								'centerOnScroll'	: true,
								'scrolling'	: 'no'/*,
								'width'		: 800,
								'height'		: 600*/
							});
						}
					});
				}
			});
		});