window.addEvent('domready',function(){
	
	// initial tips on load - reloads each time a new month arrives
	var eventTips = new Tips('.eventLink', {
		className: 'eventTip',
		text: 'title'
	});

});


//hides the card and fades the overlay out
function closeEvent(){
	var overlay = $('eventsOverlay');
	var card = $('eventsCard');
	
	overlay.setStyle('opacity',.6);
	var fade = new Fx.Morph(overlay, {duration: 200, transition: Fx.Transitions.Sine.easeOut}).start({'opacity':0});
	card.setStyle('display','none');
}



// show the current event card
function showEvent(eventID){
	var overlay = $('eventsOverlay');
	var card = $('eventsCard');
	var info = $('eventsInfo');
	
	overlay.setStyle('display','block');
	card.setStyle('display','block');
	
	if(overlay.getStyle('opacity') != .6){
		overlay.setStyle('opacity',0);
		var fade = new Fx.Morph(overlay, {duration: 200, transition: Fx.Transitions.Sine.easeOut}).start({'opacity':.3});
	}
	
	info.set('text','Loading Event...');
	
	centerEventDialog();

	var changeCalendar = new Request({
		method: 'get', 
		url: 'components/com_events_calendar/ajax.php',
		data: {
			'action':'getEvent',
			'eventID':eventID
		},
		
		onSuccess: function(response){	
			info.set('html',response);
			centerEventDialog();
			setTimeout(centerEventDialog,100);
			setTimeout(centerEventDialog,200);
			setTimeout(centerEventDialog,500);
			setTimeout(centerEventDialog,1000);
			setTimeout(centerEventDialog,1500);
			setTimeout(centerEventDialog,2000);
			setTimeout(centerEventDialog,2500);
			setTimeout(centerEventDialog,5000);
		}
	}).send();
	
}



//centers the dialog
function centerEventDialog(){
	var card = $('eventsCard');
	var win = window.getCoordinates();
	var car = card.getCoordinates();
	
	card.setStyle('top', (win.height / 2) - (car.height / 2));
	card.setStyle('left', (win.width / 2) - (car.width / 2));	
}




// switch the current month we are viewing
function eventsCalendarChangeMonth(date, eventsCalendarID){
	
	var calendar = $("eventsCalendar_"+eventsCalendarID);
	var overlay = $("eventsCalendarOverlay_"+eventsCalendarID);
	
	overlay.set('style','display:block');
	
	var changeCalendar = new Request({
		method: 'get', 
		url: 'components/com_events_calendar/ajax.php',
		data: {
			'action':'changeDate',
			'eventsCalendarID':eventsCalendarID,
			'date':date
		},
		
		onSuccess: function(response){	
			calendar.set('html',response);
			overlay.set('style','display:none');
			
			var eventTips = new Tips('.eventLink', {
				className: 'eventTip',
				text: 'title'
			});
			
		}
	}).send();
	
}