window.addEvent('domready', function() {
	var selectbox = $('state-selector');
	var expandablediv = $('expandable-div');
	var thewidth = expandablediv.getSize().x;
	 $$('.changeablediv').each(function(el){
				 if(el.getStyle('display') == 'none' || el.getStyle('visibility') == 'hidden') {
					el.setStyles({'position':'absolute', 'width':thewidth, 'top': 0, 'visibility':'hidden', opacity: 0, 'display': ''});
				 }
			 });
	selectbox.addEvent('change', function() {
	 var thedivstr = 'SkiDiv'+selectbox.get('value');
	 if($(thedivstr)) {
	   var newdiv =   $(thedivstr);
	   var oldsize =  expandablediv.getSize().y
	   expandablediv.setStyle('height',oldsize);
	   //newdiv.setStyles({'display':'','visibility':'hidden'});
	   var newsize = newdiv.getSize().y;
	   var resizing = false;
	   if(Math.abs(newsize - oldsize) > 10) {
		 resizing = true;
		 expandablediv.tween('height', newsize);
	   }
	   newdiv.setStyle('opacity', 0);
	   if(resizing) {
		  (function(){
			 $$('.changeablediv').each(function(el){
				 if(el.getStyle('display') != 'none' && el.getStyle('visibility') != 'hidden') {
					el.fade('out');
				 }
			 });
			 (function() { newdiv.fade('in'); }).delay(200);
		  }).delay(500, this);
	   } else {
			$$('.changeablediv').each(function(el){
				 if(el.getStyle('display') != 'none' && el.getStyle('visibility') != 'hidden') {
					el.fade('out');
				 }
			 });
			   (function() { newdiv.fade('in'); }).delay(200);
	   }
	   
	 }
	
	});
});