proceeded with the non drop down menu design until I realized there's no way around it... :-/

2 files changed, 60 insertions, 1 deletions

diff --git a/chakra/css/chakra_iphone.css b/chakra/css/chakra_iphone.css
index 2fbd2bd..02886ad 100755
--- a/chakra/css/chakra_iphone.css
+++ b/chakra/css/chakra_iphone.css
@@ -112,6 +112,8 @@ border: none;
 text-decoration: underline;
 }
 
+
+
 #admin
 {
 list-style: none;
@@ -139,6 +141,46 @@ float: left;
 color:#000000;
 }
 
+#week
+{
+list-style: none;
+padding: 0;
+margin: 0;
+background:#BDBDBD;
+float:left;
+width: 100%;
+}
+
+#week li
+{
+float: left;
+}
+
+#week li a
+{
+height: auto;
+padding: 5;
+text-decoration: none;
+text-align: center;
+font-weight: bold;
+float: left;
+color:#000000;
+width: 25%;
+}
+
+#week img
+{
+border: none;
+}
+
+#week a:hover {
+  text-decoration: underline;
+}
+
+#week a.selected {
+text-decoration: underline;
+}
+
 #admin img
 {
 border: none;
diff --git a/chakra/grade1e.html b/chakra/grade1e.html
index 078c6cd..0c23aab 100755
--- a/chakra/grade1e.html
+++ b/chakra/grade1e.html
@@ -39,7 +39,20 @@
 </ul>
 </div>
 <div id="months">
-<div id="january">January</div>
+<div id="january">
+<div id="week">
+<div id="week1jan">Week 1</div>
+<div id="week2jan">Week 2</div>
+<div id="week3jan">Week 3</div>
+<div id="week4jan">Week 4</div>
+<ul id="week" class="usual">
+<li><a href="#week1jan">1</a></li>
+<li><a href="#week2jan">2</a></li>
+<li><a href="#week3jan">3</a></li>
+<li><a href="#week4jan">4</a></li>
+</ul>
+</div>
+</div>
 <div id="february">February</div>
 <div id="march">March</div>
 <div id="april">April</div>
@@ -65,5 +78,9 @@
   $("#month_select").idTabs(); 
 </script>
 
+<script type="text/javascript"> 
+  $("#week").idTabs(); 
+</script>
+
 </body>
 </html>