window.addEvent('domready', function() {

		if($defined($('countrychooser'))){
			//var height = $('countrychooser').getSize().y;
			var height = 140;
			var left = $('countrychoose').getCoordinates().right;
			
			// If Chrome/Safari
			if (Browser.Engine.webkit) {
				left = left + 2;
			// If IE
			} else if (Browser.Engine.trident) {
				//IE does it right since it always has a scrollbar
			// If everyone else (including FF)
			} else {
				left = left + 1;
			}
			
			$('countrychooser').setStyles({'position': 'absolute', 'display': 'block', 'z-index': '1', 'top': '140px', 'left': '-20000px', 'width': '150px', 'height': '0px', 'overflow': 'hidden'});
				var myEffect = new Fx.Morph('countrychooser', {duration: '1', transition: Fx.Transitions.linear, onComplete: function(){
					if (($('countrychooser').getStyle('left') != '-20000px') && ($('countrychooser').getStyle('height') == '0px')) {
						$('countrychooser').setStyle('left', '-20000px');
					} else {
						$('countrychooser').setStyle('left', left+'px');
					}
				}});
			$('countrychoose').addEvent('mouseover', function(event) {
				myEffect.cancel();
				$('countrychooser').setStyle('left', left);
				if($('countrychooser').getStyle('height') != height){
					myEffect.start({
					    'height': [0, height]
					});
				}
			});
			$('countrychooser').addEvent('mouseover', function(event) {
				myEffect.cancel();
				$('countrychooser').setStyles({'height': height});
			});

			$('countrychooser').addEvent('mouseout', function(event) {
				myEffect.cancel();
				myEffect.start({
				    'height': [height, 0]
				});
			});
			$('countrychoose').addEvent('mouseout', function(event) {
				myEffect.cancel();
				myEffect.start({
				    'height': [height, 0]
				});
			});
		}
	
	
	});