var ShowHidden =
{
  //init function runs on page load
  init: function()
  {
	//add a listener to any links that have class show-hidden
	var showlinks = Core.getElementsByClass("show-hidden");
	for (var i = 0; i < showlinks.length; i++)
	{
		Core.addEventListener(showlinks[i], "click", ShowHidden.removeHiddenClass);
	}
  },
  //function works as a toggle to hide show the element
  removeHiddenClass: function(event)
	{
		//get the element that has the hidden ID
		 var hiddenElement = document.getElementById('hidden');
		 //check if it has the css classname of hidded (meaning it is not showing)
		 if (hiddenElement.className == 'hidden')
		 {
			//remove the hidden class so it shows
			Core.removeClass(hiddenElement,'hidden'); 
		 }
		 else
		 {
			//if hidden class is not on, then we should add the hidden class to hide the element again
			Core.addClass(hiddenElement,'hidden'); 
		 }
	}

};
Core.start(ShowHidden);