function CategoryContent() 
{
	
	var buttonElement;
	var contentElement;
	var hidden;
	
	var fadeOutAnimation;
	var fadeInAnimation;
	
	var fadeInHeightAnimation;
	var fadeOutHeightAnimation;
	
	
	
	function construct()
	{	
		
		buttonElement = new YAHOO.util.Element('category_info');
		contentElement = new YAHOO.util.Element('category_description');
		hidden = true;
		
		buttonElement.on('click', toggleAnimation);	
		
		var fadeInAttributes = { color: { to: '#000' }}; 
	    var fadeOutAttributes = { color: { to: '#feeac9' }};
		
		fadeOutAnimation = new YAHOO.util.ColorAnim(contentElement.get('id'), fadeOutAttributes);
		fadeOutAnimation.duration = 0.5;
		fadeInAnimation = new YAHOO.util.ColorAnim(contentElement.get('id'), fadeInAttributes);
		fadeInAnimation.duration = 1.0;
		
		fadeOutHeightAnimation = new YAHOO.util.Anim(contentElement.get('id'));
		fadeOutHeightAnimation.duration = 0.5;
		fadeOutHeightAnimation.attributes.height = { to: 0};
		
		fadeInHeightAnimation = new YAHOO.util.Anim(contentElement.get('id'));
		fadeInHeightAnimation.duration = 0.5;
		fadeInHeightAnimation.attributes.height = { to: 110 };
		
		fadeOutHeightAnimation.onComplete.subscribe(onComplete);
		
	}
	
	construct();
	
	function onComplete()
	{
		contentElement.setStyle('display', 'none');
	}
	
	function hide()
	{
		contentElement.setStyle('display', 'none');
		contentElement.setStyle('color', '#fff');
		contentElement.setStyle('height', '0px');
		hidden = true;
	}
	
	function toggleAnimation()
	{
		if(hidden)
		{
			contentElement.setStyle('display', 'block');
			fadeInHeightAnimation.animate();
			fadeInAnimation.animate();
			hidden = false;
		}
		else
		{
			fadeOutAnimation.animate();
			fadeOutHeightAnimation.animate();
			hidden = true;
		}
	}
	
	
	
	return ({
		getId : function()
		{
			return id;
		},
		hide: function()
		{
			hide();
		}
	});
}