an ugly version with payed/free/all events working

index.html

@@ -2,4 +2,35 @@
 layout: default
 ---
 
-        <iframe src="https://www.google.com/calendar/embed?showTitle=0&amp;showPrint=0&amp;showCalendars=0&amp;showTz=0&amp;height=600&amp;wkst=2&amp;bgcolor=%23ffffff&amp;src=oarn29ir2vm2kjfaa5vof7qicg%40group.calendar.google.com&amp;color=%23691426&amp;ctz=Europe%2FParis" style=" border-width:0 " width="100%" height="600" frameborder="0" scrolling="no"></iframe>
+<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
+
+<div id="calendar">
+
+</div>
+<a href="#" id="all">Al events</span>
+<a href="#" id="free">Free events</span>
+<a href="#" id="payed">Payed events</span>
+
+<script type="text/javascript">
+var allEvents='<iframe src="https://www.google.com/calendar/embed?height=600&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=7rvvlpilutdt53vm9lbc2o2d20%40group.calendar.google.com&amp;color=%23125A12&amp;src=ifskb2drnv82aq36mjt0ho2cp0%40group.calendar.google.com&amp;color=%23856508&amp;src=oarn29ir2vm2kjfaa5vof7qicg%40group.calendar.google.com&amp;color=%23182C57&amp;ctz=Europe%2FStockholm" style=" border-width:0 " width="800" height="600" frameborder="0" scrolling="no"></iframe>';
+
+var payedEvents='<iframe src="https://www.google.com/calendar/embed?src=ifskb2drnv82aq36mjt0ho2cp0%40group.calendar.google.com&ctz=Europe/Stockholm" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>';
+
+var freeEvents='<iframe id="calendar" src="https://www.google.com/calendar/embed?showTitle=0&amp;showPrint=0&amp;showCalendars=0&amp;showTz=0&amp;height=600&amp;wkst=2&amp;bgcolor=%23ffffff&amp;src=oarn29ir2vm2kjfaa5vof7qicg%40group.calendar.google.com&amp;color=%23691426&amp;ctz=Europe%2FParis" style=" border-width:0 " width="100%" height="600" frameborder="0" scrolling="no"></iframe>'
+  $(document).ready(function() {
+  $("#all").click(function() {
+     $("#calendar").html(allEvents);
+  return false;
+  });
+  $("#free").click(function() {
+     $("#calendar").html(freeEvents);
+  return false;
+  });
+  $("#payed").click(function() {
+     $("#calendar").html(payedEvents);
+  return false;
+  });
+     $("#calendar").html(freeEvents);
+});
+</script>
+