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 < 26.000000 )
      {
         document.getElementById('Index0').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index0');
      }
      else
      {
         document.getElementById('Index0').style.backgroundColor = '';
      }
      if( curTime >= 26.000000 && curTime < 112.900000 )
      {
         document.getElementById('Index1').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index1');
      }
      else
      {
         document.getElementById('Index1').style.backgroundColor = '';
      }
      if( curTime >= 112.900000 && curTime < 221.266000 )
      {
         document.getElementById('Index2').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index2');
      }
      else
      {
         document.getElementById('Index2').style.backgroundColor = '';
      }
      if( curTime >= 221.266000 && curTime < 290.666000 )
      {
         document.getElementById('Index3').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index3');
      }
      else
      {
         document.getElementById('Index3').style.backgroundColor = '';
      }
      if( curTime >= 290.666000 && curTime < 325.266000 )
      {
         document.getElementById('Index4').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index4');
      }
      else
      {
         document.getElementById('Index4').style.backgroundColor = '';
      }
      if( curTime >= 325.266000 && curTime < 339.966000 )
      {
         document.getElementById('Index5').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index5');
      }
      else
      {
         document.getElementById('Index5').style.backgroundColor = '';
      }
      if( curTime >= 339.966000 && curTime < 373.966000 )
      {
         document.getElementById('Index6').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index6');
      }
      else
      {
         document.getElementById('Index6').style.backgroundColor = '';
      }
      if( curTime >= 373.966000 && curTime < 377.166000 )
      {
         document.getElementById('Index7').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index7');
      }
      else
      {
         document.getElementById('Index7').style.backgroundColor = '';
      }
      if( curTime >= 377.166000 && curTime < 410.466000 )
      {
         document.getElementById('Index8').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index8');
      }
      else
      {
         document.getElementById('Index8').style.backgroundColor = '';
      }
      if( curTime >= 410.466000 && curTime < 475.866000 )
      {
         document.getElementById('Index9').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index9');
      }
      else
      {
         document.getElementById('Index9').style.backgroundColor = '';
      }
      if( curTime >= 475.866000 && curTime < 527.466000 )
      {
         document.getElementById('Index10').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index10');
      }
      else
      {
         document.getElementById('Index10').style.backgroundColor = '';
      }
      if( curTime >= 527.466000 && curTime < 585.766000 )
      {
         document.getElementById('Index11').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index11');
      }
      else
      {
         document.getElementById('Index11').style.backgroundColor = '';
      }
      if( curTime >= 585.766000 && curTime < 597.066000 )
      {
         document.getElementById('Index12').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index12');
      }
      else
      {
         document.getElementById('Index12').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", "StrengthsMapper Basic Intro PPTX.wmv", "640", "545", "StrengthsMapper%20Basic%20Intro%20PPTX_media/", "StrengthsMapper Basic Intro PPTX_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="StrengthsMapper%20Basic%20Intro%20PPTX_media/images/top_left_corner.jpg" alt=" " class="borderTL" />'
             + '               <img src="StrengthsMapper%20Basic%20Intro%20PPTX_media/images/top_right_corner.jpg" alt=" " class="borderTR" />'
             + '               <div id="indexlinks" class="indexlinks"><br/>'
             + '                  <h3>StrengthsMapper Basic Intro PPTX</h3>'
+ '                  <p id="Index0"><a href="javascript:SeekTime(0.000000);" title="Introduction">  Introduction</a></p>'
+ '                  <p id="Index1"><a href="javascript:SeekTime(26.000000);" title="Slide 2">  Slide 2</a></p>'
+ '                  <p id="Index2"><a href="javascript:SeekTime(112.900000);" title="Managing to Strengths">  Managing to Stren ...</a></p>'
+ '                  <p id="Index3"><a href="javascript:SeekTime(221.266000);" title="Examples of Managing to Strengths?">  Examples of Manag ...</a></p>'
+ '                  <p id="Index4"><a href="javascript:SeekTime(290.666000);" title="The Basic Strengths Elements">  The Basic Strengt ...</a></p>'
+ '                  <p id="Index5"><a href="javascript:SeekTime(325.266000);" title="The Four Strengths Domains">  The Four Strength ...</a></p>'
+ '                  <p id="Index6"><a href="javascript:SeekTime(339.966000);" title="StrengthsMapper Basic Features">  StrengthsMapper B ...</a></p>'
+ '                  <p id="Index7"><a href="javascript:SeekTime(373.966000);" title="Personal Strengths Map">  Personal Strength ...</a></p>'
+ '                  <p id="Index8"><a href="javascript:SeekTime(377.166000);" title="StrengthsMapper Basic Features">  StrengthsMapper B ...</a></p>'
+ '                  <p id="Index9"><a href="javascript:SeekTime(410.466000);" title="Personal Strengths Map">  Personal Strength ...</a></p>'
+ '                  <p id="Index10"><a href="javascript:SeekTime(475.866000);" title="Personalized Poster">  Personalized Pos ...</a></p>'
+ '                  <p id="Index11"><a href="javascript:SeekTime(527.466000);" title="StrengthsMapper Basic Value">  StrengthsMapper  ...</a></p>'
+ '                  <p id="Index12"><a href="javascript:SeekTime(585.766000);" title="Thanks for listening, &nbsp;Now put your strengths to work!">  Thanks for liste ...</a></p>'

             + '               </div>'
             + '            </div>'
             + '         </div>'
             + '         <div id="menuBottom"></div>'
             + '      </td>'
             + '      <td class="top_center">'
             + '         <div class="contentWrapper">'
             + '            <div class="content">'
             + '               <img src="StrengthsMapper%20Basic%20Intro%20PPTX_media/images/top_left_corner.jpg" alt=" " class="borderTL" />'
             + '               <img src="StrengthsMapper%20Basic%20Intro%20PPTX_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="StrengthsMapper%20Basic%20Intro%20PPTX_media/images/bottom_left.jpg" alt=" " class="borderBL"  />'
             + '               <img src="StrengthsMapper%20Basic%20Intro%20PPTX_media/images/bottom_right.jpg" alt=" " class="borderBR" />'
             + '             </div>'
             + '         </div>'
             + '      </td>'
             + '   </tr>'
             + '</table>';