window.addEvent('domready', function() {
		if($defined($('experiencechooser'))){
			var height = $('experiencechooser').getSize().y;
			//var left = $('experiencechoose').getCoordinates().right;
			var left = $('countrychoose').getCoordinates().right;
			
			// If Chrome/Safari
			if (Browser.Engine.webkit) {
				left = left + 1;
			// 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;
			}
			
			$('experiencechooser').setStyles({'position': 'absolute', 'display': 'block', 'z-index': '1', 'top': '230px', 'left': '-20000px', 'width': '450px', 'height': '0px', 'overflow': 'hidden'});
				var myEffect = new Fx.Morph('experiencechooser', {duration: '1', transition: Fx.Transitions.linear, onComplete: function(){
					if (($('experiencechooser').getStyle('left') != '-20000px') && ($('experiencechooser').getStyle('height') == '0px')) {
						$('experiencechooser').setStyle('left', '-20000px');
					} else {
						$('experiencechooser').setStyle('left', left+'px');
					}
				}});
			$('experiencechoose').addEvent('mouseover', function(event) {
				myEffect.cancel();
				$('experiencechooser').setStyle('left', left);
				if($('experiencechooser').getStyle('height') != height){
					myEffect.start({
					    'height': [0, height]
					});
				}
			});
			$('experiencechooser').addEvent('mouseover', function(event) {
				myEffect.cancel();
				$('experiencechooser').setStyles({'height': height});
			});

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