<h1>Example sidepanel</h1>
<?php
set_include_path("../");
/*Include sidebar */
include "inc/sidebar.php";
showSidebar("an_example");
?>
<p style='margin-top:250px;'>See the source how we've put this sidebar in a panel!</p>
<h2>We can also use accordions</h2>
<div class="metro-accordion">
<h3>First title of the accordion</h3>
<div>To prevent that the window will scroll (if it can scroll) to the clicked header, add the class "no-scroll" to that wrapping div (so it has "metro-accordion no-scroll" as class.
<p>To prevent that the opened div is stored in the url (so it isn't opened when the page is refreshed or linked to), add "no-memory" in the same way.
<p>If you want that only one accordion can be opened at once. Add the class "hide-others", in the same way.
</div>
<h3>Second title</h3>
<div>
Etiam metus sem, tristique vel dignissim sed, imperdiet et mauris. Duis id urna a magna tempus consequat. Pellentesque imperdiet blandit congue. Quisque tempor felis eget magna accumsan posuere sollicitudin diam scelerisque. Curabitur ut sapien vitae eros imperdiet luctus a sit amet nulla. Praesent fermentum, neque id laoreet interdum, nunc nulla eleifend mi, a semper risus ante quis libero. Integer leo nulla, consequat vitae rhoncus nec, feugiat vel ligula. Integer dolor massa, pretium a dapibus nec, tincidunt eu elit.
</div>
<h3>Title three</h3>
<div>
Morbi at libero posuere sapien egestas iaculis quis quis tortor. Nunc at libero ac felis consequat eleifend. Vivamus sit amet vulputate turpis. Fusce eget velit ac mauris posuere adipiscing. Curabitur nunc nisi, eleifend sit amet feugiat nec, tincidunt vitae nibh. Etiam in nisi lorem, a accumsan dolor. Curabitur ipsum risus, convallis non varius eleifend, rutrum in neque. Morbi vel lacus porta turpis hendrerit faucibus. Proin vestibulum velit vitae magna mattis a luctus nibh accumsan. Suspendisse in purus nulla, sit amet faucibus neque. Nam tortor lacus, laoreet eu facilisis quis, pharetra sit amet tellus. Curabitur ullamcorper sollicitudin est, id imperdiet quam viverra at. Phasellus dapibus fringilla accumsan. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed ultricies tincidunt laoreet.
</div>
</div>
<script type="text/javascript">
createAccordions();
</script>
<?php
$subNav = array("Welcome ; welcome.php ; #e61e25;", "Accordions ; accordions.php ; #e61e25;", "Sidebars ; sidebars.php ; #e61e25;");
set_include_path("../");
include_once "inc/essentials.php";
/*Include a sidebar */
include_once "inc/sidebar.php";
showSidebar("some_info");
?>
<script type="text/javascript">
$mainNav.set("tilegroup 2")
</script>
<h1 class="margin-t-0">Sidebars</h1>
<hr>
<p>This page will have a sidebar on the left.
<p>Did you know we can have a sidebar in a sidepanel? Click <a href="panels/example.php">here</a> to see the example.
<p>By the way, you can link to any metro page using the method like this (check source): <a <?php
metroLink("welcome.php");
?>
>Link to welcome page</a>.
<p>If you prefer to open it in a new tab, you can do that this way: <a <?php
metroLink("newtab:welcome.php");
?>
>Link to new tab</a>.
<p>Easy, isn't it?
<body>
<div id="header">
<div>
<a href="index.php"><img class="logo" src="images/logo.png" width="513" height="84" alt="" title=""></a>
<a href="index.php"><img src=<?php
echo $headerPic;
?>
width="332" height="205" alt="<?php
echo $headerAlt;
?>
" title="<?php
echo $headerAlt;
?>
"></a>
<ul class="navigation">
<?php
echo makeLinks($nav1, '<li>', '</li>', '<li class="active">');
?>
</ul>
</div>
</div>
<div id="body">
<div id="content">
<div>
<div>
<?php
showSidebar($pageID, $heros, $planets);
?>
<!--header ends here-->
