<!-- Invitation Dialog -->
<div class="dialog whatsnext-overlay ftue-overlay tall" layout="dialog" layout-id="whatsNext" id="whatsnext-dialog">

        <div class="content-head">
            <h1>what's next?</h1>
        </div>

        <div class="ftue-inner">

            <div align="center">
                <table width="790" cellspacing="20">
                    <tbody>
                    <tr>
                        <td valign="top" bgcolor="#000" class="whatsnext">
                            <h2>INVITE YOUR FRIENDS</h2>
                            JamKazam is a very new service, so we don't have a bunch of users yet. This will make it
                            harder to jump into existing sessions with others for a while. So invite other musicians you
                            know to join using the buttons below, and then schedule a time to meet up (online) and play!<br><br>
                            <a href="#" class="facebook-invite"><%= image_tag "content/icon_facebook.png", {:align=>"absmiddle", :height => 24, :width => 24} %>&nbsp;Facebook</a>&nbsp;&nbsp;&nbsp;&nbsp;
                            <a href="#" class="email-invite"><%= image_tag "content/icon_gmail.png", {:align=>"absmiddle", :height => 24, :width => 24} %>&nbsp;E-mail</a>&nbsp;&nbsp;&nbsp;&nbsp;
                            <a href="#" class="google-invite"><%= image_tag "content/icon_google.png", {:align=>"absmiddle", :height => 26, :width => 26 } %>&nbsp;Google+</a>
                        </td>
                        <td valign="top" bgcolor="#000" class="whatsnext">
                            <h2>FIND MUSICIANS</h2>

                            <div class="left mr10">
                                <%= image_tag "content/ftue_whatsnext_musicians.png", {:height => 115, :width => 107 } %>
                            </div>
                            Click the Musicians tile on the home screen to find other musicians in your area. Use the
                            Message button to say hello, or the Connect button to request a friend connection. Then get
                            a session set up with each other.
                        </td>
                    </tr>
                    <tr>
                        <td valign="top" bgcolor="#000" class="whatsnext">
                            <h2>FIND OR CREATE A SESSION</h2>
                            Click the Find Session tile on the home screen to see if there are any active public
                            sessions in your area that you can join. If there aren't, use the Create Session tile to
                            make your own session.<br><br>
                            <%= image_tag "content/ftue_whatsnext_create.png", {:height => 67, :width => 313 } %>
                        </td>
                        <td valign="top" bgcolor="#000" class="whatsnext">
                            <h2>WATCH VIDEOS</h2>
                            Watch tuturial videos on YouTube to learn how to use the key features of the JamKazam
                            service.
                            <br><br>

                            <div class="left f20"><br>
                                <a purpose="youtube-tutorials" rel="external" href="https://www.youtube.com/channel/UC38nc9MMZgExJAd7ca3rkUA" class="orange">See a List of<br>
                                    Videos »</a></div>
                            <div class="right mr20">
                                <a purpose="youtube-tutorials" rel="external" href="https://www.youtube.com/channel/UC38nc9MMZgExJAd7ca3rkUA">
                                    <%= image_tag "content/ftue_whatsnext_videos.png", {:height => 90, :width => 152 } %>
                                </a>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>


                <input type="checkbox" id="show_whats_next"> Don't show this again
                &nbsp;&nbsp;&nbsp;
                <a href="#" class="button-orange" layout-action="close">CLOSE</a><br>
                <br>
            </div>
        </div>

    </div>
</div>
