//var maxHeight = 79;
//var minHeight = 50;

var maxHeight = 55;
var minHeight = 48;

function animateTab(id){
	if (document.getElementById(id).style.height == maxHeight+'px')
		shrink(id);
	else
		grow(id);
}
function grow(id) {
	var myAnim = new YAHOO.util.Anim(id);
	myAnim.attributes.height = { from: minHeight, to: maxHeight };
	myAnim.duration = 2.0;
	myAnim.method = YAHOO.util.Easing.elasticOut;
	myAnim.animate();
}
function shrink(id) {	
	var myAnim = new YAHOO.util.Anim(id);
	myAnim.attributes.height = { from: maxHeight, to: minHeight };
	myAnim.duration = 2.0;
	myAnim.method = YAHOO.util.Easing.elasticOut;
	myAnim.animate();
}

function init() {
	document.getElementById('tab1').style.height='79px';
	document.getElementById('tab2').style.height='79px';
	document.getElementById('tab3').style.height='79px';
	setTimeout("shrink('tab1')",350);
	setTimeout("shrink('tab2')",200);
	setTimeout("shrink('tab3')",50);
}