<!DOCTYPE html>
<html>
    <head>
        <title><%= full_title(yield(:title)) %></title>

        <!--[if IE]>
        <link rel="stylesheet" type="text/css" href="css/ie.css" media="screen, projection"/>
        <![endif]-->
        <!--<link href='http://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700' rel='stylesheet' type='text/css'>-->
        <%= stylesheet_link_tag    "landing/landing", media: "all" %>
        <%= include_gon(:init => true) %>
        <%= csrf_meta_tags %>
      <meta name="description" content="<%= meta_description(yield(:description)) %>">
        <% if content_for?(:social_meta) %>
          <%= yield(:social_meta) %>
        <% else %>
          <%= render "layouts/social_meta" %>
        <% end %>
      <%= render "shared/ad_sense" %>
    </head>
    <body class="jam landing <%= yield(:page_name) %>">
      <div class="dialog-overlay op70" style="display:none; width:100%; height:100%; z-index:99;"></div>
        <div id="landing-container">
          <%=  javascript_include_tag "landing/landing" %>

          <div class="logo-message">
            <%= link_to root_path do %>
                <%= image_tag("header/logo.png", :alt => "JamKazam logo", :size => "247x45") %>
            <% end %>
          </div>

          <br />
          <br />

          <div id="landing-inner">
            <%= yield %>
          </div>
        </div>

        <div id="footer-container">
            <%= render "clients/footer" %>
        </div>

      <%= render "clients/lessonSessionActions" %>
      <%= render "clients/jamblasterOptions" %>
      <%= render "clients/manageVsts" %>
        <%= render 'dialogs/dialogs' %>

        <script type="text/javascript">
            $(function () {
                JK = JK || {};

                JK.root_url = "<%= root_url %>"

                <% if current_user %>
                JK.currentUserId = '<%= current_user.id %>';
                JK.currentUserAvatarUrl = JK.resolveAvatarUrl('<%= current_user.photo_url %>');
                JK.currentUserName = '<%= current_user.name %>';
                JK.currentUserMusician = '<%= current_user.musician %>';
                <% else %>
                JK.currentUserId = null;
                JK.currentUserAvatarUrl = null;
                JK.currentUserName = null;
                JK.currentUserMusician = null;
                <% end %>

                JK.app = JK.JamKazam();
                JK.getGenreList().done(function(genres) {
                  JK.genres = genres;
                });

                JK.app.initialize({inClient: false, layoutOpts: {layoutFooter: false, sizeOverlayToContent: true}});
            })
        </script>

        <%= yield(:extra_js) %>

        <%= render "shared/ga" %>
        <!-- version info: <%= version %> -->
    </body>
</html>
