function OnLoad()
{
	   vid = document.getElementById( "video1" );
   addEvent( vid, "click", divClickHandler );
	
	   timerInit();
	
}
function SeekTime( Time )
{   
   if( document.realplayer == undefined || document.realplayer == null )
   {
      return;
   }
   
   if ( document.realplayer.GetPlayState() == 0 || document.realplayer.GetPlayState() == 4 ) 
   {
      document.realplayer.DoPlay();
   }
   else 
   {
      MSTime = Time * 1000;
      document.realplayer.SetPosition( MSTime );
   }
}


function ScrollToIndex( DivID, destIndex ) 
{
   var nDestYCoord = destIndex.offsetTop; 
   var thisNode    = destIndex; 
   
   while ( thisNode.offsetParent && ( thisNode.offsetParent !=  document.body) ) 
   { 
      thisNode     = thisNode.offsetParent; 
      nDestYCoord += thisNode.offsetTop; 
   }

   nCurWindowYPos = GetCurrentScrollYPos( DivID.id );

   //Only scroll if it's needed..
   if( destIndex.offsetTop + destIndex.offsetHeight > DivID.clientHeight )
   {      
      nDestYCoord -= DivID.clientHeight;
      
      if( nDestYCoord > DivID.scrollTop )
      {
         DivID.scrollTop = nDestYCoord;
      }
   }
}

function GetCurrentScrollYPos( DivID ) 
{ 
   var aDivs = document.body.getElementsByTagName("DIV");

   for ( var i=0; i < aDivs.length; i++ ) 
   { 
      var Div = aDivs[i]; 

      if ( Div.id == DivID ) 
      { 
         return Div.scrollTop
      }
   }

   return 0;
}


function timerInit() 
{
   //Sets the timer to check every .1 second
   window.setInterval("timer()", 100);
}

function timer() 
{  
   if( document.realplayer == undefined || document.realplayer == null )
   {
      return;
   }
      
   if( document.realplayer.GetPlayState() == 3 ) 
   {
      var destIndex = null;
      
      var curTime = document.realplayer.GetPosition() / 1000;
      if( curTime >= 0.000000 && curTime < 151.099000 )
      {
         document.getElementById('Index0').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index0');
      }
      else
      {
         document.getElementById('Index0').style.backgroundColor = '';
      }

      
      if( destIndex != null )
      {
         ScrollToIndex( document.getElementById('indexlinks'), destIndex );
      }
   }
}

   var toc1     = null;
   var toc2     = null;
   var vid      = null;
     
   //adds and event listener across major browser versions
   function addEvent( obj, type, fn )
   {
	   if ( obj.addEventListener )
	   {
		   obj.addEventListener( type, fn, true );
	   }
	   else if ( obj.attachEvent )
	   {
		   obj.attachEvent( "on" + type, fn );
	   }
	   else
	   {
		   obj["on" + type] = fn;
	   }
   }

   //removes event listeners across major browser versions
   function removeEvent( obj, type, fn )
   {
      if ( obj.removeEventListener )
	   {
	      obj.removeEventListener( type, fn, true );	
	   }
	   else if ( obj.detachEvent )
	   {
	     obj.detachEvent( "on" + type, fn );
	   }
	   else
	   {
		   delete obj["on" + type];	
	   }
   }
   
   function divClickHandler()
   {
      SwitchPlayer( 'video1', 'video2', 'Centra_Nov17_2006_t2_m2.smil', '640', '516', '480', 'Centra_Nov17_2006_t2_m2_media/', 'realplayer', 'audio/x-pn-realaudio-plugin',  'audio/x-pn-realaudio-plugin', 'http://www.real.com/realplayer.html', 'false', 'imagewindow', 'One', 'true', '640', '36', 'ControlPanel', toc1, toc2 );
      
      removeEvent( vid, 'click', divClickHandler );
   } 
   toc1 = 
               '<table id="CsEmdPlr">'
             + '   <tr>'
             + '      <td class="top_center_clr">'
             + '         <div class="contentWrapper_left">'
             + '            <div class="content_left">'
             + '               <img src="Centra_Nov17_2006_t2_m2_media/images/top_left_corner.jpg" alt=" " class="borderTL" />'
             + '               <img src="Centra_Nov17_2006_t2_m2_media/images/top_right_corner.jpg" alt=" " class="borderTR" />'
             + '               <div id="indexlinks" class="indexlinks"><br/>'
             + '                  <h3></h3>'
+ '                  <p id="Index0"><a href="javascript:SeekTime(0.000000);" title="Sources of Mortality Data">  Sources of Mortality Data</a></p>'

             + '               </div>'
             + '            </div>'
             + '         </div>'
             + '         <div id="menuBottom"></div>'
             + '      </td>'
             + '      <td class="top_center">'
             + '         <div class="contentWrapper">'
             + '            <div class="content">'
             + '               <img src="Centra_Nov17_2006_t2_m2_media/images/top_left_corner.jpg" alt=" " class="borderTL" />'
             + '               <img src="Centra_Nov17_2006_t2_m2_media/images/top_right_corner.jpg" alt=" " class="borderTR" /><br/><br/>';          

   toc2 = 
               '               <br/>  '
             + '            </div>'
             + '         </div>'
             + '      </td>'
             + '   </tr>'
             + '   <tr>'
             + '      <td></td>'
             + '      <td class="bottom_center">'
             + '         <div class="contentWrapper">'
             + '            <div class="content">'
             + '               <img src="Centra_Nov17_2006_t2_m2_media/images/bottom_left.jpg" alt=" " class="borderBL"  />'
             + '               <img src="Centra_Nov17_2006_t2_m2_media/images/bottom_right.jpg" alt=" " class="borderBR" />'
             + '             </div>'
             + '         </div>'
             + '      </td>'
             + '   </tr>'
             + '</table>';