<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<title>eCaisse Demonstration</title>
<style>
a:link {font-size:small;text-decoration:none;padding-top:5px;padding-bottom:5px;padding-left:2px;padding-right:5px;color:black;display:block;margin-top:0px;margin-bottom:0px;}
a:visited {font-size:small;text-decoration:none;padding-top:5px;padding-bottom:5px;padding-left:2px;padding-right:5px;display:block;margin-top:0px;margin-bottom:0px;}
a:hover {
	font-size:small;
	text-decoration:none;
	padding-top:4px;padding-bottom:4px;padding-left:2px;padding-right:5px;	
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	background-color:white;
	margin-top:0px;margin-bottom:0px;
}

a.notdisplayed:link {
      font-size: small;
      text-decoration: underline;
      padding: 3px; 
      border: 0px none;     
      display:inline
}

a.notdisplayed:visited{
      font-size: small;
      text-decoration: underline;
      padding: 3px; 
      border: 0px none;     
      display:inline
}


a.notdisplayed:hover {
      font-size: small;
      text-decoration: underline;
      padding: 3px;   
      border: 0px none;
      background-color: transparent;
      display:inline
}

p{margin-top:-1px;margin-bottom:0px;vertical-align:middle;font-size:small;}
.title{text-indent:6px;padding-bottom:3px;margin-top:-15px;vertical-align:middle;font-size:small;font-weight:bold;color:#444444;}

BODY {
   BORDER-TOP-WIDTH: 0px;
   PADDING-RIGHT: 0px;
   PADDING-LEFT: 0px;
   BORDER-LEFT-WIDTH: 0px;
   BORDER-BOTTOM-WIDTH: 0px;
   PADDING-BOTTOM: 0px;
   MARGIN: 0px;
   PADDING-TOP: 0px;
   BORDER-RIGHT-WIDTH: 0px;
   vertical-align: top;
}
BODY {
padding-top:2%;
   PADDING-BOTTOM: 0px;
   COLOR: #000000;
   FONT-FAMILY: "Arial", san-serif;
   BACKGROUND-COLOR: #cccccc;
   background-repeat: repeat-x;
   background-position: center top;
   background-image: url('http://www.telpayfsp.ca/DEMO/parttwo_media/images/background_darker.gif');
}</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META name="Author" content="bsmith@telpay.ca">
<META name="Title" content="eCaisse">

<script language=javascript type="text/javascript">
function OnLoad()
{
   timerInit();
}
</script>

<Script language=javascript type="text/javascript" >
function SeekTime( Time )
{
    var FrameRate        = 15;
    var Frame            = Math.floor(Time * FrameRate);
    var swfMovie;
    
        if( eval( document.embeds["EmbedflashMovie"] ) != undefined ) 
    {
	  swfMovie = document.embeds["EmbedflashMovie"];
	} 
	else 
	{
	  swfMovie = window.document.flashMovie;
	}
		    
	
    var TotalFrames = swfMovie.TGetProperty("/movieLoader_csmovie/movie_mc", 5);
    if ( Frame > TotalFrames-1 ) Frame = TotalFrames-1;

    swfMovie.TGotoFrame("/movieLoader_csmovie/movie_mc", Frame);
    swfMovie.TPlay("/movieLoader_csmovie/movie_mc");
    swfMovie.TCallFrame("/movieLoader_csmovie/movie_mc", Frame);
}
</Script>



<script language=javascript type="text/javascript">

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;
}

</script>

<script language=javascript type="text/javascript">
var g_LastFrame = 0;

function timerInit() 
{
   //Sets the timer to check every .1 second
   window.setInterval("timer()", 100);
}

function timer() 
{    
   var destIndex = null;
   
      var FrameRate = 15;
      var swfMovie;
    if( eval( document.embeds["EmbedflashMovie"] ) != undefined ) 
    {
	  swfMovie = document.embeds["EmbedflashMovie"];
	} 
	else 
	{
	  swfMovie = window.document.flashMovie;
	}
		
      var CurFrame = swfMovie.TCurrentFrame("/movieLoader_csmovie/movie_mc");
      var curTime  = (CurFrame+1) / FrameRate;
     // if( curTime >= 0.000000 && curTime < 6.570000 )
   //   {
       //  document.getElementById('Index0').style.backgroundColor = '#ffffcc';
       //  destIndex = document.getElementById('Index0');
  //       document.getElementById('Index1').style.backgroundColor = '#ffffcc';
  //       destIndex = document.getElementById('Index1');
   //   }
   //   else
   //   {
         //document.getElementById('Index0').style.backgroundColor = '';
    //     document.getElementById('Index1').style.backgroundColor = '';
    //  }
      if( curTime >= 0.000000 && curTime < 31.370001 )
      {
         document.getElementById('Index1').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index1');
      }
      else
      {
         document.getElementById('Index1').style.backgroundColor = '';
      }
      if( curTime >= 31.370001 && curTime < 59.160003 )
      {
         document.getElementById('Index2').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index2');
      }
      else
      {
         document.getElementById('Index2').style.backgroundColor = '';
      }
      if( curTime >= 59.160003 && curTime < 184.705009 )
      {
         document.getElementById('Index3').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index3');
      }
      else
      {
         document.getElementById('Index3').style.backgroundColor = '';
      }
      if( curTime >= 184.705009 && curTime < 235.588011 )
      {
         document.getElementById('Index4').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index4');
      }
      else
      {
         document.getElementById('Index4').style.backgroundColor = '';
      }
      if( curTime >= 235.588011 && curTime < 251.856012 )
      {
         document.getElementById('Index5').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index5');
      }
      else
      {
         document.getElementById('Index5').style.backgroundColor = '';
      }
      if( curTime >= 251.856012 && curTime < 266.731013 )
      {
         document.getElementById('Index6').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index6');
      }
      else
      {
         document.getElementById('Index6').style.backgroundColor = '';
      }
      if( curTime >= 266.731013 && curTime < 326.996016 )
      {
         document.getElementById('Index7').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index7');
      }
      else
      {
         document.getElementById('Index7').style.backgroundColor = '';
      }
      if( curTime >= 326.996016 && curTime < 383.521018 )
      {
         document.getElementById('Index8').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index8');
      }
      else
      {
         document.getElementById('Index8').style.backgroundColor = '';
      }
      if( curTime >= 383.521018 && curTime < 407.321019 )
      {
         document.getElementById('Index9').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index9');
      }
      else
      {
         document.getElementById('Index9').style.backgroundColor = '';
      }
      if( curTime >= 407.321019 && curTime < 437.024021 )
      {
         document.getElementById('Index10').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index10');
      }
      else
      {
         document.getElementById('Index10').style.backgroundColor = '';
      }
      if( curTime >= 437.024021 && curTime < 446.720021 )
      {
         document.getElementById('Index11').style.backgroundColor = '#ffffcc';
         destIndex = document.getElementById('Index11');
      }
      else
      {
         document.getElementById('Index11').style.backgroundColor = '';
      }

 
   if( destIndex != null && g_LastFrame != CurFrame )
   {
      g_LastFrame = CurFrame;
      ScrollToIndex( document.getElementById('IndexLinksDiv'), destIndex );
   }
}
</script>   
</head>
<body onload="OnLoad()" style="background-color: #FFFFFF; background-image: url('')" topmargin="0" leftmargin="0"> 
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr><td valign="top">
<table border="0" cellspacing="0" cellpadding="0" style="width:185px;">
<tr>
<td style="border-bottom:2px #669933 solid;">
<img src="http://www.telpayfsp.ca/DEMO/parttwo_media/images/border_top.gif" width="185" height="20" /><div id="IndexLinksDiv" style="overflow:auto;height:442px;width:183px;margin-top:-3px;vertical-align:top;background-image:url('http://www.telpayfsp.ca/DEMO/parttwo_media/images/bg_table_light.gif');border-left:2px solid #669933;border-top:2px solid #669933;padding:0px">
  <br /><p class="title">
    <span style="font-weight: 400">
    <font face="Franklin Gothic Medium Cond" size="4" color="#406B98">Other 
    features </font></span>
            </p>
<p class="border" id="Index1"><font face="Franklin Gothic Medium Cond"><a href="javascript:SeekTime(6.570000);">
<font color="#406B98">View pending payments</font></a></font></p>
<p class="border" id="Index2"><font face="Franklin Gothic Medium Cond"><a href="javascript:SeekTime(31.370001);">
<font color="#406B98">View your payment history</font></a></font></p>
<p class="border" id="Index3"><font face="Franklin Gothic Medium Cond"><a href="javascript:SeekTime(59.160003);">
<font color="#406B98">Transfer funds between your accounts or to another Caisse 
member’s account</font></a></font></p>
<p class="border" id="Index4"><font face="Franklin Gothic Medium Cond"><a href="javascript:SeekTime(184.705009);">
<font color="#406B98">Statements</font></a></font></p>
<p class="border" id="Index5"><font face="Franklin Gothic Medium Cond"><a href="javascript:SeekTime(235.588011);">
<font color="#406B98">Messages</font></a></font></p>
<p class="border" id="Index6"><font face="Franklin Gothic Medium Cond"><a href="javascript:SeekTime(251.856012);">
<font color="#406B98">Stop payment</font></a></font></p>
<p class="border" id="Index7"><font face="Franklin Gothic Medium Cond"><a href="javascript:SeekTime(266.731013);">
<font color="#406B98">Other features</font></a></font></p>
<p class="border" id="Index8"><font face="Franklin Gothic Medium Cond"><a href="javascript:SeekTime(326.996016);">
<font color="#406B98">Open a new account</font></a></font></p>
<p class="border" id="Index9"><font face="Franklin Gothic Medium Cond"><a href="javascript:SeekTime(383.521018);">
<font color="#406B98">End a session</font></a></font></p>
<p class="border" id="Index10"><font face="Franklin Gothic Medium Cond"><a href="javascript:SeekTime(407.321019);">
<font color="#406B98">Help</font></a></font></p>
<p class="border" id="Index11"><font face="Franklin Gothic Medium Cond"><a href="javascript:SeekTime(437.024021);">
<font color="#406B98">e-Caisse, fast, secure and convenient</font></a></font><font color="#406B98" size="2"><a target="_parent" href="partone.html"><font face="Franklin Gothic Medium Cond" size="2" color="#406B98">Return
      to introduction</font></a></font><font color="#406B98" face="Franklin Gothic Medium Cond" size="2"><a target="_parent" href="partone_french.html"><font color="#406B98">Demo en français</font></a></font></p>

      </div></td>
    </tr>
    <tr>
      <td style="width:185px;height:15px;border-top:2px #669933 solid;">
      <img src="http://www.telpayfsp.ca/DEMO/parttwo_media/images/border_bottom.gif" style="margin-top:-3px;" width="185" height="20"/></td>
    </tr>
  </table></td>
  <td valign="top">
  <table border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td style="border-top:2px solid #669933;background-color:#cccccc;">
      <img src="http://www.telpayfsp.ca/DEMO/parttwo_media/images/spacer.gif" width="20" height="15" /></td>
      <td style="border-top:2px solid #669933;background-color:#cccccc;">
      <img src="http://www.telpayfsp.ca/DEMO/parttwo_media/images/spacer.gif" width="15" height="15" /></td>
      <td style="background-image:url('http://www.telpayfsp.ca/DEMO/parttwo_media/images/border_top_right.gif');">
      <img src="http://www.telpayfsp.ca/DEMO/parttwo_media/images/spacer.gif" width="15" height="15" /></td>
    </tr>
    <tr>
      <td style="border-left:2px solid #669933;background-color:#cccccc;">&nbsp;</td>
      <td style="background-color:#cccccc;"><object id  ="flashMovie" 
   codeBase ="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" 
   height   ="542" 
   width    ="700 "
   classid  ="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" VIEWASTEXT>
   <PARAM NAME="_cx"                VALUE="26">
   <PARAM NAME="_cy"                VALUE="26">
   <PARAM NAME="FlashVars"          VALUE="csConfigFile=parttwo_media/parttwo_config.xml">
   <PARAM NAME="Movie"              VALUE="parttwo_media/parttwo_controller.swf?csConfigFile=parttwo_media/parttwo_config.xml">   
   <PARAM NAME="Src"                VALUE="parttwo_media/parttwo_controller.swf?csConfigFile=parttwo_media/parttwo_config.xml">
   <PARAM NAME="WMode"              VALUE="Window">
   <PARAM NAME="Quality"            VALUE="high">
   <PARAM NAME="SAlign"             VALUE="">
   <PARAM NAME="Menu"               VALUE="-1">
   <PARAM NAME="Base"               VALUE="">
   <PARAM NAME="AllowScriptAccess"  VALUE="always">
   <PARAM NAME="DeviceFont"         VALUE="0">
   <PARAM NAME="EmbedMovie"         VALUE="0">
   <PARAM NAME="BGColor"            VALUE="#FFFFFF">
   <PARAM NAME="SWRemote"           VALUE="">
   <PARAM NAME="MovieData"          VALUE="">
   <PARAM NAME="SeamlessTabbing"    VALUE="1">
									
        <EMBED id          ="EmbedflashMovie"
          src         ="parttwo_media/parttwo_controller.swf?csConfigFile=parttwo_media/parttwo_config.xml" 
          flashvars   ="csConfigFile=parttwo_config.xml" 
          quality     ="high" 
          bgcolor     ="#FFFFFF" 
          width       ="700" 
          height      ="542" 
          type        ="application/x-shockwave-flash" 
          pluginspace ="http://www.macromedia.com/go/getflashplayer">	
   </EMBED></OBJECT> <br> </td>
      <td style="border-right:2px solid #669933;background-color:#cccccc;">
      <img src="http://www.telpayfsp.ca/DEMO/parttwo_media/images/spacer.gif" width="15" height="15" /></td>
    </tr>
    <tr>
      <td>
      <img src="http://www.telpayfsp.ca/DEMO/parttwo_media/images/border_bottom_left.gif" width="20" height="20" /></td><td>
      <img src="http://www.telpayfsp.ca/DEMO/parttwo_media/images/bottom.gif" width="100%" height="20"/></td>
      <td>
      <img src="http://www.telpayfsp.ca/DEMO/parttwo_media/images/border_bottom_right.gif" width="20" height="20" /></td></tr></table></td></tr></table>
</body></html>