have next five years of calendars to edit
.selected {position:relative;top:0;left:0;padding:0;margin:0;background-color:lightgreen;width:10px;height:10px;}
{style:h}
</style>
-<ul class="medium-block-grid-3">
-{calendarsHtml:h}
-</ul>
+<div id="tabs">
+ <ul>
+ <?php foreach ($t->calendars as $year => $cal){
+ echo '<li><a href="#tabs-'.$year.'">'.$year.'</a></li>';
+ }?>
+ </ul>
+ <div id="tabs-{year:h}" flexy:foreach="calendars,year,cal">
+ <ul class="medium-block-grid-3">
+ {cal:h}
+ </ul>
+ </div>
+</div>
+ <script>
+$(function() {
+$( "#tabs" ).tabs();
+});
+</script>