function OnLoad()
{
	   vid = document.getElementById( "video1" );
   addEvent( vid, "click", divClickHandler );
	
	   timerInit();
	
}
function SeekTime( Time )
{
   if( document.mediaPlayer == undefined || document.mediaPlayer == null )
   {
      return;
   }
   
   if (navigator.appName == "Netscape" && !window.GeckoActiveXObject ) 
   {
      document.mediaPlayer.getControls().setCurrentPosition( Time );
      document.mediaPlayer.getControls().Play();
   } 
   else 
   {
      document.mediaPlayer.controls.currentPosition = Time;
      document.mediaPlayer.controls.play();
   }	
}


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.mediaPlayer == undefined || document.mediaPlayer == null )
   {
      return;
   }
   
   if( document.mediaPlayer.PlayState == 3 ) 
   {
      var destIndex = null;
      
var curTime = mediaPlayer.controls.currentPosition;
      if( curTime >= 0.000000 && curTime < 70.833000 )
      {
         document.getElementById('Index0').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index0');
      }
      else
      {
         document.getElementById('Index0').style.backgroundColor = '';
      }
      if( curTime >= 70.833000 && curTime < 111.533000 )
      {
         document.getElementById('Index1').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index1');
      }
      else
      {
         document.getElementById('Index1').style.backgroundColor = '';
      }
      if( curTime >= 111.533000 && curTime < 268.800000 )
      {
         document.getElementById('Index2').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index2');
      }
      else
      {
         document.getElementById('Index2').style.backgroundColor = '';
      }
      if( curTime >= 268.800000 && curTime < 467.533000 )
      {
         document.getElementById('Index3').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index3');
      }
      else
      {
         document.getElementById('Index3').style.backgroundColor = '';
      }
      if( curTime >= 467.533000 && curTime < 498.733000 )
      {
         document.getElementById('Index4').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index4');
      }
      else
      {
         document.getElementById('Index4').style.backgroundColor = '';
      }
      if( curTime >= 498.733000 && curTime < 520.733000 )
      {
         document.getElementById('Index5').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index5');
      }
      else
      {
         document.getElementById('Index5').style.backgroundColor = '';
      }
      if( curTime >= 520.733000 && curTime < 784.266000 )
      {
         document.getElementById('Index6').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index6');
      }
      else
      {
         document.getElementById('Index6').style.backgroundColor = '';
      }
      if( curTime >= 784.266000 && curTime < 905.500000 )
      {
         document.getElementById('Index7').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index7');
      }
      else
      {
         document.getElementById('Index7').style.backgroundColor = '';
      }
      if( curTime >= 905.500000 && curTime < 1190.000000 )
      {
         document.getElementById('Index8').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index8');
      }
      else
      {
         document.getElementById('Index8').style.backgroundColor = '';
      }
      if( curTime >= 1190.000000 && curTime < 1204.133000 )
      {
         document.getElementById('Index9').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index9');
      }
      else
      {
         document.getElementById('Index9').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', 'MatchPoint v1 WMV 640 x 480.wmv', '640', '545', 'MatchPoint%20v1%20WMV%20640%20x%20480_media/', 'MatchPoint v1 WMV 640 x 480_media/', 'mediaPlayer', 'application/x-oleobject', 'CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6', 'http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701', 'Loading Microsoft Windows Media Player components...', 'EmbedmediaPlayer', 'false', 'true', 'full', 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="MatchPoint%20v1%20WMV%20640%20x%20480_media/images/top_left_corner.jpg" alt=" " class="borderTL" />'
             + '               <img src="MatchPoint%20v1%20WMV%20640%20x%20480_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="Introduction">  Introduction</a></p>'
+ '                  <p id="Index1"><a href="javascript:SeekTime(70.833000);" title="Metadata Model">  Metadata Model</a></p>'
+ '                  <p id="Index2"><a href="javascript:SeekTime(111.533000);" title="MatchPoint Tag Search">  MatchPoint Tag Se ...</a></p>'
+ '                  <p id="Index3"><a href="javascript:SeekTime(268.800000);" title="Project Management">  Project Managemen ...</a></p>'
+ '                  <p id="Index4"><a href="javascript:SeekTime(467.533000);" title="Tags on Documents">  Tags on Documents</a></p>'
+ '                  <p id="Index5"><a href="javascript:SeekTime(498.733000);" title="SharePoint Site Columns Integration">  SharePoint Site C ...</a></p>'
+ '                  <p id="Index6"><a href="javascript:SeekTime(520.733000);" title="Automatic Tagging of Documents">  Automatic Tagging ...</a></p>'
+ '                  <p id="Index7"><a href="javascript:SeekTime(784.266000);" title="File Server Migration">  File Server Migra ...</a></p>'
+ '                  <p id="Index8"><a href="javascript:SeekTime(905.500000);" title="MatchPoint Tagging Client">  MatchPoint Taggin ...</a></p>'
+ '                  <p id="Index9"><a href="javascript:SeekTime(1190.000000);" title="Thank You">  Thank You</a></p>'

             + '               </div>'
             + '            </div>'
             + '         </div>'
             + '         <div id="menuBottom"></div>'
             + '      </td>'
             + '      <td class="top_center">'
             + '         <div class="contentWrapper">'
             + '            <div class="content">'
             + '               <img src="MatchPoint%20v1%20WMV%20640%20x%20480_media/images/top_left_corner.jpg" alt=" " class="borderTL" />'
             + '               <img src="MatchPoint%20v1%20WMV%20640%20x%20480_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="MatchPoint%20v1%20WMV%20640%20x%20480_media/images/bottom_left.jpg" alt=" " class="borderBL"  />'
             + '               <img src="MatchPoint%20v1%20WMV%20640%20x%20480_media/images/bottom_right.jpg" alt=" " class="borderBR" />'
             + '             </div>'
             + '         </div>'
             + '      </td>'
             + '   </tr>'
             + '</table>';