<!--
/**
 * tab_window.js
 * - render a client side tab window
 * - read in display data and render the data as auto scroll
 *
 * @arthur	Tim Chen
 * @copyright	Copyright &copy; 2004, Veratta
 */


// scrollers width (pixels)
var scrollerwidth="195px";
// scrollers height
var scrollerheight="180px";
// scrollers speed
var scrollerspeed=1;

// Scrollers content goes here! Keep all of the message on the same line!
var scrollercontent_issue = '';
var scrollercontent_event = '';
var pauseit=1;

// variables used for tab system
var currentPaneStyle = 0;
var currentTab = 0;
var currentSection = "issues";


// change nothing below...
var copyspeed=scrollerspeed;
var iedom=document.all||document.getElementById;
var cross_scroller_issue, ns_scroller_issue;
var cross_scroller_event, ns_scroller_event;
var pausespeed=(pauseit==0)? copyspeed: 0;


window.onload = populate;
scrollerspeed=(document.all)? scrollerspeed : Math.max(1, scrollerspeed-1);


function tabstrip()
{
   this.tabs = new Array();
   this.add = addTab;
   this.write = writeTabstrip;
}

function tab(caption,content)
{
  this.setId = setId;
  this.caption = caption;
  this.content = content;
  
  
  this.write = writeTab;
  if (caption == "ISSUES")
  {
	  scrollercontent_issue = content;
	  this.writeContent = writePane_issue;
  }
  else
  {
	  scrollercontent_event = content;
	  this.writeContent = writePane_event;
  }
}


function addTab(tab)
{
  tab.setId("tab" + this.tabs.length);
  this.tabs[this.tabs.length] = tab;
}

function setId(id)
{
  this.id = id;
}

function initiate()
{
  var div = document.getElementById("tab0");
  showPane(div);
}

function showPane(div, sectionRequest)
{
  
  if (currentSection != sectionRequest && currentTab != 0)
  {
	  currentSection = sectionRequest;
	  if (sectionRequest == "issues")
	  {
		  document.issueTab.src = "images/tab_issue_active.gif";
		  document.eventTab.src = "images/tab_event_inactive.gif";
	  }
	  else
	  {
		  document.issueTab.src = "images/tab_issue_inactive.gif";
		  document.eventTab.src = "images/tab_event_active.gif";
	  }
  }
  currentTab = div;
  
  if(currentPaneStyle != 0)
  {
	  currentPaneStyle.display = "none";
  }
  var paneId = "pn_" + div.id;
  var objPaneStyle = document.getElementById(paneId).style;
  objPaneStyle.display = "block";
  currentPaneStyle = objPaneStyle;
}
function writePane_event()
{
	//document.write("<div class='pane' id='pn_" + this.id + "'>" + this.content + "</div>");
  
	document.write("<div class='pane' id='pn_" + this.id + "'>");
	if (iedom||document.layers){
		with (document){
			if (iedom){
				write('<div style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=scrollerspeed">')
				write('<div id="iescroller_event" style="position:absolute;left:0px;top:0px;width:100%;">')
				write('</div></div>')
			}
			else if (document.layers){
				write('<ilayer width='+scrollerwidth+' height='+scrollerheight+' name="ns_scroller_issue">')
				write('<layer name="ns_scroller2_event" width='+scrollerwidth+' height='+scrollerheight+' left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=scrollerspeed"></layer>')
				write('</ilayer>')
			}
		}
	}
	document.write("</div>");
	
}
function writePane_issue()
{  
	//document.write("<div class='pane' id='pn_" + this.id + "'>" + this.content + "</div>");
  
	document.write("<div class='pane' id='pn_" + this.id + "'>");
	if (iedom||document.layers){
		with (document){
			if (iedom){
				write('<div style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=scrollerspeed">')
				write('<div id="iescroller" style="position:absolute;left:0px;top:0px;width:100%;">')
				write('</div></div>')
				
			}
			else if (document.layers){
				write('<ilayer width='+scrollerwidth+' height='+scrollerheight+' name="ns_scroller_issue">')
				write('<layer name="ns_scroller2" width='+scrollerwidth+' height='+scrollerheight+' left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=scrollerspeed"></layer>')
				write('</ilayer>')
			}
		}
	}
	document.write("</div>");
	
}

function writeTab()
{   
   if (this.caption == 'ISSUES')
   {
	   document.write("<td class='tabs'><div class='tabsIssue' id='" + this.id + "' onclick='showPane(this, \"issues\")'>" + '<img src="images/tab_issue_active.gif" border="0" name="issueTab" />' + "</div></td>");
   }
   else
   {
	   document.write("<td class='tabs'><div class='tabEvent' id='" + this.id + "' onclick='showPane(this, \"events\")'>" + '<img src="images/tab_event_inactive.gif" border="0" name="eventTab" />' + "</div></td>");
	   document.write("<td class='tabs'><div class='tabSpace'>" + '<img src="images/tab_home_space.gif" border="0" />' + "</div></td>");
   }
}

function writeTabstrip()
{
  document.write('<table border="0" cellpadding="0" cellspacing="0"><tr>');
  for(var i = 0; i < this.tabs.length; i++)
  {
    this.tabs[i].write();
  }
  document.write("</tr></table>");
  
  for(var k = 0; k < this.tabs.length; k++)
  {
    this.tabs[k].writeContent();
  }
  initiate();
}



// methods for scrolling starts here
function populate(){
	if (iedom){
		cross_scroller_issue=document.getElementById? document.getElementById("iescroller") : document.all.iescroller
		cross_scroller_issue.style.top=parseInt(scrollerheight)+8+"px"
		cross_scroller_issue.innerHTML=scrollercontent_issue
	}
	else if (document.layers){
		ns_scroller_issue=document.ns_scroller_issue.document.ns_scroller2
		ns_scroller_issue.top=parseInt(scrollerheight)+8
		ns_scroller_issue.document.write(scrollercontent_issue)
		ns_scroller_issue.document.close()
	}
	if (iedom){
		cross_scroller_event=document.getElementById? document.getElementById("iescroller_event") : document.all.iescroller_event
		cross_scroller_event.style.top=parseInt(scrollerheight)+8+"px"
		cross_scroller_event.innerHTML=scrollercontent_event
		
	}
	else if (document.layers){
		ns_scroller_event=document.ns_scroller_issue.document.ns_scroller2_event
		ns_scroller_event.top=parseInt(scrollerheight)+8
		ns_scroller_event.document.write(scrollercontent_event)
		ns_scroller_event.document.close()
	}
	lefttime=setInterval("scrollscroller_issue()", 37)
	lefttime=setInterval("scrollscroller_event()", 40)
}

function scrollscroller_issue(){
	if (iedom){
		
		if (parseInt(cross_scroller_issue.style.top)>(cross_scroller_issue.offsetHeight*(-1)+8))
			cross_scroller_issue.style.top=parseInt(cross_scroller_issue.style.top)-copyspeed+"px"
		else
			cross_scroller_issue.style.top=parseInt(scrollerheight)+8+"px"
	}
	else if (document.layers){
		if (ns_scroller_issue.top>(ns_scroller_issue.document.height*(-1)+8))
			ns_scroller_issue.top-=copyspeed
		else
			ns_scroller_issue.top=parseInt(scrollerheight)+8
	}
}

function scrollscroller_event(){
	if (iedom){
		if (parseInt(cross_scroller_event.style.top)>(cross_scroller_event.offsetHeight*(-1)+8))
			cross_scroller_event.style.top=parseInt(cross_scroller_event.style.top)-copyspeed+"px"
		else
			cross_scroller_event.style.top=parseInt(scrollerheight)+8+"px"
	}
	else if (document.layers){
		if (ns_scroller_event.top>(ns_scroller_event.document.height*(-1)+8))
			ns_scroller_event.top-=copyspeed
		else
			ns_scroller_event.top=parseInt(scrollerheight)+8
	}
}
//-->