window.addEvent("domready", function(){
	
	var menuItems = $$('.stClairMenuItem');
	
	menuItems.each(function(menuItem){
		var dropdown = menuItem.getElement("div.stClairMenuItemDropdown");
		if(dropdown){
			dropdown.set('opacity', '0');
			dropdown.setStyle('display', 'block');
			
			menuItem.addEvent('mouseover', function(){
				dropdown.set('tween', {duration: '200'});
				dropdown.tween('opacity', '1');
			});
			
			menuItem.addEvent('mouseleave', function(){
				dropdown.set('tween', {duration: '300'});
				dropdown.tween('opacity', '0');
			})
		}		
	});
	
});

// show the current event card
function showLightbox(contents){
	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':.6});
	}
	
	info.set('html',contents);
	
	centerEventDialog();
	setTimeout(centerEventDialog,100);
	setTimeout(centerEventDialog,200);	
}


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

//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');
}