$cname = $id;
}
if ($id == 0) {
$showFeatured = true;
}
output_header($id == 0 ? 'Make music online' : $title, false, $id);
?>
<style type="text/css">
#main {
bottom: 0;
}
</style>
<div id="middle">
<div id="frame_wrapper">
<?php
show_sequencer($id, $autoplay);
?>
</div>
<?php
if (!MOBILE_BROWSER) {
?>
<div id="sidebar">
<div class="btn_side"><a href="/"><img src="/resources/add.png" width="16" height="16"><span>New Sequence</span></a></div>
<div class="btn_side" style="height:40px">
<?php
/* <div id="sort_featured"><span id="featured_arrow"></span><a id="featured_link" href="javascript:;" onclick="sort('featured')">Featured</a></div> */
?>
<div id="sort_random"><a id="random_link" href="javascript:;" onclick="sort('random')" style="font-weight:bold">Random</a></div>
<div id="sort_hot"><a id="popular_link" href="javascript:;" onclick="sort('popular')">Popular</a></div>
</div>
<div id="sidebar_dynamic">
require '../inc/init.php';
?>
<html>
<head>
<style id="css_vars">
.note {
}
.key, .key_sharp, .key div, .key_sharp div, .sequencer_key {
}
.sequencer_key {
background-image:url(/app/sequencer1.gif);
}
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<?php
show_js(array('resources/jquery.tooltipster.min', 'resources/ZeroClipboard.min', 'resources/main', 'app/wavesurfer.min', 'app/audioSystem', 'app/lib', 'app/synth', 'app/sequencer'));
show_css(array('app/sequencer'));
echo '
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
</head><body style="margin:0">';
$id = isset($_GET['id']) ? intval($_GET['id']) : 0;
show_sequencer($id, false, isset($_GET['import']) ? $_GET['import'] : '');
?>
</body>
</html>
<?php
}