var setActiveCard =
	{
		register : function(activeColor,inActiveColor)
		{
			this.activeElem = null;
			this.activeColor = activeColor;
			this.inActiveColor = inActiveColor;
		},

		action : function(id)
		{
			this.showElem = document.getElementById(id);
			if (this.activeElem != null)
				this.hide();

			if (this.activeElem != this.showElem)
			{
				this.show(this.showElem);
			}
		},

		hide : function()
		{
			this.activeElem.style.backgroundColor = this.activeColor;
			this.activeElem = null;
		},

		show : function(id)
		{
			this.showElem.style.backgroundColor = this.inActiveColor;
			this.activeElem = this.showElem;
		}
	};
	var showCardFacts =
	{
		register : function(activeClass,inActiveClass)
		{
			this.activeElem = null;
			this.activeClass = activeClass;
			this.inActiveClass = inActiveClass;
		},

		action : function(id)
		{
			setActiveCard.action('li-' + id);
			this.showElem = document.getElementById(id);
			if (this.activeElem != null)
				this.hide();

			if (this.activeElem != this.showElem)
			{
				this.show(this.showElem);
			}
		},

		hide : function()
		{
			this.activeElem.style.display = 'none';
			this.activeElem = null;
		},

		show : function(id)
		{
			this.showElem.style.display = 'block';
			this.activeElem = this.showElem;
		}
	};