[mmm84]

I have two questions for you guys...
1) how can I effeciently use Event.observe so that fadeOut() gets triggered every time a link is clicked?
2) every link features a different url... I am not sure how I can make fadeOut() point to the right url when a link is clicked... any suggestion?

THANK YOU TONS!!! ^_^

<div id="countries_wrapper">
<div class="continent" id="continent_EU"><h1>Europe</h1><br/><a class="country" href="/fr/">francais</a><br/><a class="country" href="/uk/">english</a><br/><a class="country" href="/de/">deutsch</a><br/><a class="country" href="/it/">italiano</a><br/><a class="country" href="/es/">espanol</a></div>
<div class="continent" id="continent_NA"><h1>North America</h1><br/><a class="country" href="/us/">united states</a><br/><a class="country" href="/ca-en/">canada francais</a><br/><a class="country" href="/ca-fr/">canada english</a></div>
<div class="continent" id="continent_LA"><h1>Latin America</h1><br/><a class="country" href="/es/">espanol</a></div> 
<div class="continent" id="continent_AS"><h1>Asia</h1><br/><a class="country" href="/jp/">japanese</a><br/><a class="country" href="/ch/">chinese</a></div>
<div class="continent" id="contient_INT"><h1>International</h1><br/><a class="country" href="/int/">english</a></div>
</div>

<script type="text/javascript" charset="utf-8">
//<![CDATA[
	function fadeOut(){
		var href = country.href; 
		new Effect.Fade('container', { duration:2.0, 
			afterFinish:function(){
				new Effect.Morph('wrapper',{style:'background:#080808', duration:1.0, 
					afterFinish:function(){ location.href = href }  
				});
		}
	});
	}
//]]>
</script>