jQuery(document).ready(function(){ 
	jQuery('.language-select').show();
	
	// get height of dropdown list and then hide it
	var initialHeight = jQuery('.language-select ul').height();
	jQuery('.language-select ul').css('height','0');

	jQuery('.language-select').hover(
		// show language list when mouse enters
		function(){
			jQuery('.language-select').addClass('open');
			jQuery('.language-select ul').stop().animate({ height: initialHeight + 'px' }, 250, 'swing');
		},
		// hide language list when mouse leaves
		function(){
			jQuery('.language-select ul').stop().animate({height:0}, 250, 'swing', function(){
				jQuery('.language-select').removeClass('open')
			});
	});
});