Perwoll.CareTips = function() {
	
	var Dom = YAHOO.util.Dom;
	var Event = YAHOO.util.Event;
	var Anim = YAHOO.util.Anim;
	
	var curAnim = null;
	var collapseAnim = null;
	
	var expandedTip = null;
	
	var tips = Dom.getElementsByClassName("care-tip-question");
	
	for(var i = 0; i < tips.length; i++)
	{
		Event.on(tips[i].firstChild, "click", onToggle, tips[i]);
	}
	
	function collapse(tip)
	{
		if(collapseAnim && collapseAnim.isAnimated())
        {
            collapseAnim.stop(true);
        }
        
		
		Dom.removeClass(tip.parentNode, "care-tip-expanded");
		
		var answerNode = tip.parentNode.lastChild;
        
        var answerBd = answerNode.firstChild.childNodes[1];
		
        collapseAnim = new Anim(answerNode, {height: {to: 0}}, .5, YAHOO.util.Easing.easeOut);
		collapseAnim.onComplete.subscribe(function() {
			answerNode.style.display = "none";			
		});
        collapseAnim.animate();
	}
	
	function onToggle(e, tip)
	{
		if(expandedTip)
		{
			collapse(expandedTip);
			
			if(expandedTip == tip)
			{
				expandedTip = null;
				return;
			}
			
			expandedTip = null;
		}
		
		if(curAnim && curAnim.isAnimated())
		{
			curAnim.stop(true);
		}
		
		
		
		var answerNode = tip.parentNode.lastChild;
		answerNode.style.height = "auto";
		
		var answerBd = answerNode.firstChild.childNodes[1];
		answerBd.style.height = "0px";
		answerNode.style.display = "block";
		
		curAnim = new Anim(answerBd, {height: {to: answerBd.firstChild.offsetHeight}}, .5, YAHOO.util.Easing.easeOut);
		curAnim.animate();
		
		Dom.addClass(tip.parentNode, "care-tip-expanded");
		
		expandedTip = tip;
		
	}
	
	
	
}();
