/* Movie information. */
var infoText = {
    /* An array of times in seconds (sorted ascending) where the div under the
     * movie should be filled with some sort of text (links, etc). A time of 0
     * seconds is special and indicates information that should be displayed
     * before the player starts and after the movie has stpped. */
    timeList: ["0", "41", "148", "306"],

    /* An array of strings of HTML. These associate with the times in
     * infoTimesList so that when playback hits the time specified, the
     * associated HTML from this part loads up. */
    text: [
"<p>My mom was in town for a visit and we decided to make her some yummy fluffy Buttermilk Waffles. Then someone caught wind of what we were doing and starting demanding that we record the process to video and share it.</p>\
\
<p>So, here we go!</p>",
"<p>Ok, ok! The recipe looks something like this:</p>\
\
<p><strong>Mom&rsquo;s Buttermilk Waffles</strong></p>\
\
<ul>\
<li> 1 &frac12; cups flour</li>\
<li> 2 TBSP sugar</li>\
<li> 2 TBSP oil or melted butter</li>\
<li> 1 &frac12; cups buttermilk</li>\
<li> 2 tsp baking powder</li>\
<li> &frac12; tsp salt</li>\
<li> 4 eggs</li>\
<li> 1 green towel (clean, not dirty and gross)</li>\
</ul>\
\
\
<p>Mix flour, baking powder, sugar, salt and oil together with whisk. Separate the eggs, beat the yolks, add buttermilk to beaten yolks to the dry ingredients. Beat whites to a soft peak, fold into mixture. Pour batter onto preheated waffle irons.</p>",
"<p>Yes, that&rsquo;s right. I said hippy eggs!</p>",
"<p>Well what do you know.. you DO want soft peaks. Whoops!</p>"
    ]
};