window.addEvent('domready', function() {
	var mySlide = new Fx.Slide('country_menu');
	var mySlide_style = $('country_menu').setStyle('visibility','hidden');
	var selector = new Fx.Slide('coutry_trigger');
	var selector_style = $('coutry_trigger').setStyle('visibility','visible');
	mySlide.hide();
	
	// There are different ways to add a fading opacity effect to an element click
	
	// Short version
	$('languagesDivTrigger').addEvent('click', function(e) {
		// You often will need to stop propagation of the event
		e = new Event(e);
		mySlide.show();
		selector.hide();
		selector_style.setStyle('visibility','hidden');
		mySlide_style.setStyle('visibility','visible');
		e.stop();
	});
	
	$(document.body).addEvent('click',function(){
		mySlide.hide();				
		selector.show();
		selector_style.setStyle('visibility','visible');
		mySlide_style.setStyle('visibility','hidden');
	}.bind(mySlide));
});
