//new overview javascript code
	
	function initiate()
	{
	  var div = document.getElementById("tab0");
	  showPane(div);
	}
	
	var currentPaneStyle = 0;
	var currentTab = 0;
	
	function tabstrip()
	{
	   this.tabs = new Array();
	   this.add = addTab;
	   this.write = writeTabstrip;
	}
	
	function tab(caption)
	{
	  this.setId = setId;
	  this.caption = caption;
	  this.write = writeTab;
	}
	
	function addTab(tab)
	{
	  tab.setId("tab" + this.tabs.length);
	  this.tabs[this.tabs.length] = tab;
	}
	
	function setId(id)
	{
	  this.id = id;
	}
	
	  // HERE IS WHERE THE TABS GET CALLED //
	function writeTabstrip()
	{
	  document.write("<table border='0' cellspacing='0' cellpadding='0' align='left' id='otab'><tr>");
  
	  for(var i = 0; i < this.tabs.length; i++)
	  {
		this.tabs[i].write();
	  }
	  document.write("</tr></table>");
	}
	
	function showPane(div)
	{
	  if(currentTab != 0)
	  {
			currentTab.className='unselectedTab tabSize';
	  }
	  div.className = 'selectedTab tabSize';
	  currentTab = div;
	
	  if(currentPaneStyle != 0)
		currentPaneStyle.display = "none";
	  var paneId = "pn_" + div.id;  
	  var objPaneStyle = document.getElementById(paneId).style;
	  objPaneStyle.display = "block";
	  currentPaneStyle = objPaneStyle;
	  
	}