function christabs(id,contaner){
	var shown = "";
	$$('#' + id + ' ul.christabs_title li').each(function(el){
		el.addEvent('click', function(e){
			if (el.title != shown){
				fadein(el.title,e,contaner,shown);
				fadeout(el,e,shown);
				shown = el.title;
				
				changebutton(id,el.title);
			}
		});
		if (shown == ""){
			shown = el.title;
			fadein(shown,null,contaner,shown);
			changebutton(id,el.title)
		}else{
			fadeout(el,null,el.title);	
		}
	});	
}

function changebutton(id,selected){
	$$('#' + id + ' ul.christabs_title li').each(function(el){
		if (el.title == selected){
			el.addClass('active');
		}else{
			el.removeClass('active');
		}
	});
	}

function fadein(el,e,contaner,shown){
	var myEffect = new Fx.Morph(contaner, {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
 
	var size_old = $(shown).getSize();
	var size = $(el).getSize();
	myEffect.start({
		'height': [size_old.y, size.y] 
	});
		if (e != null){
			e.stop();
		}
		$(el).fade('in');
	
}
function fadeout(el,e,outdiv){
	if (e != null){
		e.stop();
	}
	$(outdiv).fade('out');
			
}