<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

   <title>{% block title %}BodyRep{% endblock %}</title>
   <link rel="stylesheet" href="{{ asset('css/bootstrap.css') }}" media="all"  />
   <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
      .sidebar-nav {
        padding: 9px 0;
      }
    </style>
		<link rel="stylesheet" href="{{ asset('css/bootstrap-responsive.css') }}" />
        <link rel="stylesheet" href="{{ asset('css/site.css') }}" />
        <link rel="stylesheet" href="{{ asset('css/chosen.css') }}" />
	{% block javascripts %}
   	  <script type="text/javascript" src="{{ asset('js/LAB.js') }}"></script>


      <script type="text/javascript">
		var loadb;
		$LAB.script('https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js')
    	    .script('//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js')
			.script("{{ asset('js/application.js') }}")
			.script("{{ asset('js/jquery.chosen.min.js') }}")
			.script("{{ asset('js/bootstrap.js') }}").wait(function() {
		
	  	      {% block documentReady %}
	
		      {% endblock %}
			  clearTimeout(loadb);
			  $('#loadmast').hide();
			  $('#mast').removeClass('hidden');
			});

	  </script>
   {% endblock %}
  </head>

  <body>
    <div id='mast' class='hidden'>
    <div class="container-fluid  symfony-content">

		{% block content %}
		

        {% endblock %}

      <hr>

      <footer>
        <p>&copy; BodyRep 2012</p>
      </footer>

    </div>
   </div>
   <div id='loadmast'><img align="absmiddle" style="margin-left: 10px; margin-bottom: 3px;" src="/img/progress.gif"> Loading</div>
    

  </body>
</html>
