<script type="text/javascript">

$(document).ready(function(){
	$('#taalPopUp li').hover(function(){
		$("> a .up", this).stop().animate({opacity: "0"}, "fast");
		$("> a .hover", this).stop().animate({opacity: "1"}, "fast");
		$("> a .text", this).stop().animate({color: "#ffffff"}, "fast");
	},function(){
		$("> a .up", this).stop().animate({opacity: "1"}, "fast");
		$("> a .hover", this).stop().animate({opacity: "0"}, "fast");
		$("> a .text", this).stop().animate({color: "#a04d0e"}, "fast");
	});
	
	$('#taalPopUp a.huidige').click(function(){
		$.fn.colorbox.close();
	});
	
});
</script>

<div id="taalPopUp">
    <div class="logoWit"></div>
    <span class="title">Kies uw taal /<br />Select your language /<br />W&auml;hlen Sie Ihre Sprache /<br />Choisissez votre langue<br/>Elija su idioma</span>
    <ul>
        <li class="nederlands"><a href="http://www.promic.nl/nl/"><span class="up"></span><span class="hover"></span><span class="text">Nederlands</span></a></li>
        <li class="english"><a href="http://www.promic.nl/en/"><span class="up"></span><span class="hover"></span><span class="text">English</span></a></li>
        <li class="deutsch"><a href="http://www.promic.nl/de/"><span class="up"></span><span class="hover"></span><span class="text">Deutsch</span></a></li>
        <li class="french"><a class="huidige" href="http://www.promic.nl/fr/"><span class="up"></span><span class="hover"></span><span class="text">Fran&ccedil;ais</span></a></li>
        <li class="spanish"><a href="http://www.promic.nl/es/"><span class="up"></span><span class="hover"></span><span class="text">Spanish</span></a></li>
    </ul>
</div>