$(function() {
	//console.log($('#torso').scrollTop());
	var body = $('body');
	
	var veil = $('<div class="veil"></div>');
	veil.css({
		opacity: 0.6,
		backgroundColor: '#333333',
		zIndex: 6,
		top: 0,
		left: 0
	});
	veil.hide();
	body.append(veil);
	
	var overlay = $('<div id="event_overlay"></div>');
	
	function reposition_overlay() {
		
		// IE6 specific styles since it doesn't support position: fixed
		if (jQuery.browser.msie == true && jQuery.browser.version.substr(0,1) == "6") {
			overlay.css({
				left: (($(window).width() - overlay.outerWidth() + content_offset)/2) + 'px',
				top: ((($(window).height()-overlay.outerHeight())/2) + document.documentElement.scrollTop) + 'px'	
			});
		
			veil.css({
				width: $(document).width() + 'px',
				height: $(document).height() + 'px'
			});
					
		} else {
			overlay.css({
				left: (($(window).width() - overlay.outerWidth() + content_offset)/2) + 'px',
				top: (($(window).height()-overlay.outerHeight())/2) + 'px'	
			});
			
			veil.css({
				width: $(window).width() + 'px',
				height: $(window).height() + 'px'
			});
		}
	}
	
	function close_overlay() {
		overlay.hide();
		veil.hide();
		return false;
	};
	veil.click(close_overlay);
	
	var close         = $('<a href="#" class="close_x"><img src="/sup/img/close_x.gif" alt="close"/></a>').click(close_overlay);
	var overlay_title = $('<h4></h4>');
	var overlay_list  = $('<ul></ul>');
	
	overlay.append(close).append(overlay_title).append(overlay_list);
	body.append(overlay);
	
	var content_offset = $('#torso').outerWidth()-$('#primary_main').outerWidth();
	
	reposition_overlay();
	$(window).resize(reposition_overlay);
	
	var qs     = document.location.search.replace('?', '');
	var values = {
		month: $('#month .calendar_nav em').text()
	};
	
	if (qs) {
		var params = qs.split('&');
		for (i in params) {
			var parts = params[i].split('=');
			values[parts[0]] = parts[1];	
		}
	}
	
	$.getJSON(
		'/sup/ajax/events_by_month',
		values,
		function(events) {
			$('.calendar_display td ul li.event_type a').click(function() {
				var date = $(this).closest('td').attr('id').replace('date_', '');
				
				overlay_list.children().remove();
				overlay_title.text(events[date]['name']);
				
				for (i in events[date]['events']) {
					var title = events[date]['events'][i].title;
					
					var time  = '';
					if (events[date]['events'][i].start_time) {
						time += events[date]['events'][i].start_time;	
					}
					if (events[date]['events'][i].end_time) {
						time += ' – ' + events[date]['events'][i].end_time;	
					}
					if (time) {
						time += ': ';
					}
					
					var li = $('<li></li>');
					var a  = $('<a href="#"></a>').html(title);
					a.attr('href', events[date]['events'][i].url);
					overlay_list.append(li.append('<strong>' + time + '</strong>').append(a));	
				}
				
				veil.show();
				reposition_overlay();
				overlay.show();
				
				
				return false;	
			});
		}
	);
});