activeStory = "";

function entity(name)
{
//object to create a crossbrowser object out of a CSS ID
  this.style = name;


  if (!document.layers) {
	this.style = document.getElementById(this.style).style;
  } else {
	this.style = document.layers[this.style];
  }
}

function toggle(name) {
 if (name != activeStory) {
	 toggleSafe(name);	
	 }
}

function toggleSafe(name) {
	// get story heading
	var storyHeading = "<div id='activeHeading'>" + document.getElementById(name+"-heading").innerHTML + "</div>";
	
	// get story date
	var storyDate = document.getElementById(name+"-date").innerHTML;
	
	// get story content
	var storyContent = "<div id='activeContent'>" + document.getElementById(name+"-content").innerHTML + "</div>";
	
	// move the pieces into the active area
	var active = document.getElementById("story-active");
	active.innerHTML = storyHeading + "\n" +  storyContent + "\n";
	
	if(activeStory){
		//reveal the hidden item
		var hiddenDiv = document.getElementById(activeStory);
		hiddenDiv.style.visibility = 'visible';
		hiddenDiv.style.display = 'block';
	}
	
	//hide the clicked-on item
	var theDiv = document.getElementById(name);
	theDiv.style.visibility = 'hidden';
	theDiv.style.display = 'none';
	
	activeStory = name;
}