Subnavlist highlights upon activation
[atutor.git] / docs / themes / mobile / include / header.tmpl.php
index 79af96d..3d37915 100644 (file)
@@ -77,14 +77,19 @@ jQuery('#content_link').click(function(e) {
 $this->onload .= "});
 ";
 
-//open/close subnavlist in smartphones 
+//open/close subnavlist in smartphones    
 
 $this->onload .= "
 jQuery('#subnavlist-link').click(function(e) {
   e.stopPropagation();
   
   jQuery('#subnavlist').slideToggle();
-   
+  jQuery('#subnavlist-link').toggleClass('content-closed');
+  jQuery('#subnavlist-link').toggleClass('subnavcontain-active');
+  
+  jQuery('.subnavcontain').toggleClass('subnavcontain3');
+
+     
   ";
 $this->onload .= "});
 ";
@@ -94,9 +99,9 @@ jQuery('#content_link_phone').click(function(e) {
   e.stopPropagation();
   
   jQuery('#content').slideToggle();
-  jQuery('#content-link-surround').toggleClass('content-closed');
   jQuery('#content_link_phone').toggleClass('topnavlist-link-highlight');
-  
+  jQuery('#content_link_phone').toggleClass('content-closed'); 
   ";
 $this->onload .= "});
 ";
@@ -129,15 +134,20 @@ jQuery('.topnavlist-link').click(function(e) {
 
 //jQuery for Gmail dock-style "more" button that makes the subnavlist expand for more options
 $this->onload .= "
-jQuery(document).click(function () {
-jQuery('.subnavlist-more').slideUp();}); 
-jQuery('.more-button').click(function(e) {
-  e.stopPropagation();
-  jQuery('.subnavlist-more').slideToggle();
+
+jQuery('.more-button').toggle(function(e) {
+  jQuery('.subnavlist-more').show();
+  jQuery('#switch').attr('src','images/hidemenu.gif' );
+  jQuery('#switch').attr('title', 'less menu items'); 
+  jQuery('#switch').attr('alt', 'less menu items');
+},function(){
+  jQuery('.subnavlist-more').hide(); 
+  jQuery('#switch').attr('src', 'images/showmenu.gif' );
+  jQuery('#switch').attr('title', 'more menu items'); 
+  jQuery('#switch').attr('alt', 'more menu items');
 });
 ";
 
-
 //hide and show results        on Browse Courses page
 
 $this->onload .= "
@@ -187,11 +197,11 @@ setTimeout(function() { window.scrollTo(0, 1) }, 100);
        
 <?php if ($this->is_mobile_device == true): ?>
        <?php if ($this->mobile_device_type == ANDROID_DEVICE): ?>
-       <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/android.css" type="text/css"/>
+       <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/mobile.css" type="text/css"/>
        <meta name="viewport" content="user-scalable=no, width=device-width" />
        <?php endif; ?>
        <?php if ($this->mobile_device_type == IPOD_DEVICE || $this->mobile_device_type == IPHONE_DEVICE): ?>
-       <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/iphone.css" type="text/css"/>
+       <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/mobile.css" type="text/css"/>
        <meta name="viewport" content="user-scalable=no, width=device-width" />
        <?php endif; ?>
        <!-- Armin 25.08.2010: Detect BLACKBERRY_DEVICE and use blackberry.css-->
@@ -202,12 +212,12 @@ setTimeout(function() { window.scrollTo(0, 1) }, 100);
        <?php if ($this->mobile_device_type == IPAD_DEVICE): ?>
        <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/tablet.css" type="text/css"/>
        <meta name="viewport" content="width=768px, minimum-scale=1.0, maximum-scale=1.0" />
-       
        <?php endif; ?>
 <?php endif; ?>
 
        <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/forms.css" type="text/css" />
-               
+       <!-- Fluid Infusion mobile fss extension.. remove when it is committed to Mobile FSS -->
+       <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/moz.css" type="text/css" /> 
        <!-- Fluid Infusion -->
        <script src="<?php echo $this->base_path; ?>jscripts/infusion/InfusionAll.js" type="text/javascript"></script>
        <script language="javascript" type="text/javascript">
@@ -255,12 +265,9 @@ setTimeout(function() { window.scrollTo(0, 1) }, 100);
 
 
        <div id="contentwrapper">
-
-       <!--  Note: ARIA roles cause XHTML validation errors because the XHTML DTD does not yet support ARIA. Use ARIA anyway -->
-
        <div id="navigation-contentwrapper">
        <div id="navigation-bar">
-               <!--  this should be a button on its own  -->
+
                        <?php if ($this->current_sub_level_page): ?>
                        <div id="topnavlistcontainer" role="menu" aria-live="assertive" class="topnavlistcontainer" >
                        <a class="navigation-bar-button topnavlist-link" id="topnavlist-link" href="javascript:void(0);" tabindex="1"><?php echo _AT('navigation'); ?></a>
@@ -271,16 +278,16 @@ setTimeout(function() { window.scrollTo(0, 1) }, 100);
                                                <?php $accesskey_text = ($accesscounter < 10 ? 'accesskey="'.$accesscounter.'"' : ''); ?>
                                                <?php $accesskey_title = ($accesscounter < 10 ? ' Alt+'.$accesscounter : ''); ?>
                                                <?php if ($page['url'] == $this->current_top_level_page): ?>
-                                                       <li role="menuitem"><a  href="<?php echo $page['url']; ?>" <?php echo $accesskey_text; ?> title="<?php echo $page['title'];?>"><?php echo $page['title']; ?></a>  </li>
+                                                       <li role="menuitem"><span class="arrow-highlight"><a  href="<?php echo $page['url']; ?>" <?php echo $accesskey_text; ?> title="<?php echo $page['title'];?>"><?php echo $page['title']; ?></a></span></li>
                                                <?php else: ?>
-                                                       <li role="menuitem"><a  href="<?php echo $page['url']; ?>" <?php echo $accesskey_text; ?> title="<?php echo $page['title']; ?>"><?php echo $page['title']; ?></a></li>
+                                                       <li role="menuitem"><span class="arrow-highlight"><a  href="<?php echo $page['url']; ?>" <?php echo $accesskey_text; ?> title="<?php echo $page['title']; ?>"><?php echo $page['title']; ?></a></span></li>
                                                <?php endif; ?>
                                
                                                <?php $accesscounter = ($accesscounter == 0 ? 11 : $accesscounter); ?>
                                        
                                        <?php endforeach; ?>
                                        <?php if(!$this->just_social): ?>
-                                       <li role="menuitem"><a href="<?php echo $this->base_path; ?>search.php"><?php echo _AT('search'); ?></a> </li>
+                                       <li role="menuitem"><span class="arrow-highlight"><a href="<?php echo $this->base_path; ?>search.php"><?php echo _AT('search'); ?></a></span></li>
                                        <?php endif; ?> 
                                </ul>
                        </div>
@@ -320,64 +327,79 @@ setTimeout(function() { window.scrollTo(0, 1) }, 100);
 
                <div id="inner-contentwrapper" class="fl-container" >
 
-
+       
+                       
+               <!-- the sub navigation -->
+               <div id="subnavbacktopage">
+               <?php if (count($this->sub_level_pages) > 0): ?>
+                       
+                       <div id="subnavlistcontainer">
+                               
+                               <!-- id="subnavlist" -->
+                       <div class="subnavcontain-contain" role="menu" aria-live="assertive">   
+                               <div class="subnavcontain">
+                                       <div class="rectangle">
+                                               <?php $num_pages = count($this->sub_level_pages); ?>    
+                                                               <?php for ($i=0; $i<$num_pages; $i++): ?>       
+                                                                       <?php if($i==0): ?>
+                               
+                                                                       <a id="subnavlist-link" class="content-expand" href="javascript:void(0);"> Topics in <?php echo $this->sub_level_pages[$i]['title']; ?></a>
+                                                                       <?php endif; ?>
+                                                               <?php endfor;?>
+                                       </div>
+                               </div>
+                                       <ul id="subnavlist" class="fl-list-menu">
+                                       <?php $num_pages = count($this->sub_level_pages); ?>    
+                                       <?php for ($i=0; $i<$num_pages; $i++): ?>                               
+                                               <?php if ($this->sub_level_pages[$i]['url'] == $this->current_sub_level_page): ?>
+                                                       <li><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li> 
+                                               <?php else: ?>
+                                                       <li><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
+                                               <?php endif; ?>
+                                       <?php if ($i < $num_pages-1): 
+                                               echo " ";?>
+                                       <?php endif; ?>
+                                       <?php endfor; ?>
+                                       </ul>
+                               </div>
+                       </div>  
+               <?php endif; ?>
+       </div> <!--end subnavbacktopage-->      
 
        <div id="contentcolumn">        
                
 
-               <!-- the page title -->
+               <!--the page title-->
+               <div id="page-title-back-to-page">
                <a name="content" title="<?php echo _AT('content'); ?>"></a>
                <h2 class="page-title"><?php echo $this->page_title; ?></h2>
+                       <div id="back-to-page">
+                               <?php if (isset($this->back_to_page)): ?>
+                                       <a href="<?php echo $this->back_to_page['url']; ?>">
+                                       <img border="0" width="10" height="11" alt="<?php echo _AT('back_to').' '.$this->back_to_page['title']; ?>" src="<?php echo $this->base_href; ?>images/arrowicon.gif" style="float:left;"/></a>&nbsp;
+                               <?php endif; ?>
+               </div>          
+               </div><!--  end page-title-back-to-page -->
        
                <?php global $msg; $msg->printAll(); $_base_href;?>
                        <div id="content-sequence-links">
                        <!-- ENSURE "content_link" DOESN'T APPEAR IF NOT LOGGED IN -->
                <?php if (isset($this->course_id) && $this->course_id > 0): ?>
-                       
-       <!-- Preserve untl a style for sequence-links is chosen.
-                       <ul class="sequence-links fl-tabs" id="sequence-links">
-                               <?php if ($_SESSION["prefs"]["PREF_SHOW_NEXT_PREVIOUS_BUTTONS"]) { ?>
-                                       <?php if ($this->sequence_links['resume']): ?>
-                                               <li>
-                                                       <a href="<?php echo $this->sequence_links['resume']['url']; ?>" class="previous-next resume" title="<?php echo _AT('resume').': '.$this->sequence_links['resume']['title']; ?>"><?php echo _AT('resume'); ?></a>
-                                               </li>
-                                       <?php else:
-                                               if ($this->sequence_links['previous']): ?>
-                                               <li class="arrow back">
-                                                       <a  href="<?php echo $this->sequence_links['previous']['url']; ?>" class="arrow back" title="<?php echo _AT('previous_topic').': '. $this->sequence_links['previous']['title']; ?>"> <?php echo "Previous"; ?> </a>
-                                               </li>
-                                       <?php endif;
-                                               if ($this->sequence_links['next']): ?>
-                                               <li class="arrow forward">
-                                                       <a href="<?php echo $this->sequence_links['next']['url']; ?>" class=""  title="<?php echo _AT('next_topic').': '.$this->sequence_links['next']['title']; ?>"> <?php echo "Next"; ?></a>
-                                               </li>
-                                       <?php endif; ?>
-                               <?php endif; ?>
-                       <?php } ?>
-                               &nbsp;
-                       </ul>  -->
+       
                <?php endif; ?>
        
        
        <?php if(isset($_SESSION['course_id']) && $_SESSION['course_id'] > 0): ?> 
-               <!-- 
-               <div id="content-link-container" role="navigation" aria-live="assertive" class="flc-screenNavigator-navbar ">
-                       <div id="content-link-surround"  class="content-link-surround" >
-                               <a id="content_link_phone"  href="javascript:void(0);"><?php echo "Content"; ?></a>
-                       </div>
-               </div>
-                -->
-                
-
+               
                <div class="subnavcontain-contain" role="menu" aria-live="assertive">   
                        <div class="subnavcontain">
                                <div class="rectangle">
-                               <a id="content_link_phone"  href="javascript:void(0);" >View Course Content</a> 
+                               <a id="content_link_phone"  class="content-expand" href="javascript:void(0);" >View Course Content</a> 
                                <!-- <a href="#">content</a> -->
                                </div>
                        </div>
                                        
-               <div id="content" style=" display: none; position: absolute; top: 9em; clear: left; clear: right; z-index: 1;">
+               <div id="content">
                        <?php $contentManager->printMainMenu(); ?>
                                <script language="javascript" type="text/javascript"></script>
                </div>
@@ -422,74 +444,64 @@ setTimeout(function() { window.scrollTo(0, 1) }, 100);
                        
        </div>
        <?php endif; ?> 
-</div>
-               
-                               <?php if (isset($this->back_to_page)): ?>
-                                       <a href="<?php echo $this->back_to_page['url']; ?>">
-                                       <img border="0" width="10" height="11" alt="<?php echo _AT('back_to').' '.$this->back_to_page['title']; ?>" src="<?php echo $this->base_href; ?>images/arrowicon.gif" style="float:left;"/></a>&nbsp;
-                               <?php endif; ?>
-                               </div>
-               <!-- the sub navigation -->
-               <div id="subnavbacktopage">
-               <?php if (count($this->sub_level_pages) > 0): ?>
-                       
-                       <div id="subnavlistcontainer">
-                               
-                               <!-- id="subnavlist" -->
-                       <div class="subnavcontain-contain" role="menu" aria-live="assertive">   
-                               <div class="subnavcontain">
-                                       <div class="rectangle">
-                                               <?php $num_pages = count($this->sub_level_pages); ?>    
-                                                               <?php for ($i=0; $i<$num_pages; $i++): ?>       
-                                                                       <?php if($i==0): ?>
-                               
-                                                                       <a id="subnavlist-link" href="javascript:void(0);" style="display: block;">Topics in <?php echo $this->sub_level_pages[$i]['title']; ?></a>
-                                                                       <?php endif; ?>
-                                                               <?php endfor;?>
-                                       </div>
-                               </div>
-                                       <ul id="subnavlist" class="fl-list-menu" style="display: none;">
-                                       <?php $num_pages = count($this->sub_level_pages); ?>    
-                                       <?php for ($i=0; $i<$num_pages; $i++): ?>                               
-                                               <?php if ($this->sub_level_pages[$i]['url'] == $this->current_sub_level_page): ?>
-                                                       <li><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li> 
-                                               <?php else: ?>
-                                                       <li><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
-                                               <?php endif; ?>
-                                       <?php if ($i < $num_pages-1): 
-                                               echo " ";?>
-                                       <?php endif; ?>
-                                       <?php endfor; ?>
-                                       </ul>
-                               </div>
-                       </div>  
-               <?php endif; ?>
-               <?php debug($this->sub_level_pages);?>
+
+
        
                <!-- the sub navigation -->
 <?php endif; ?>
 
 
+
 <!--  end header template for iphone, android, blackberry -->
 <?php if ($this->mobile_device_type == IPAD_DEVICE): ?><!-- start header template for ipad/tablets -->
 <body onload="<?php echo $this->onload; ?>" class="fl-theme-iphone ui-mobile-viewport">
 
 <div id="wrapper">
 <div id="main">
+       
        <div id="header" role="header">
-
+       
+       <div class="bypass">
+               <a href="<?php echo htmlspecialchars($_SERVER['REQUEST_URI'], ENT_QUOTES); ?>#page-title" accesskey="c">
+               <img src="<?php echo $this->base_path; ?>images/clr.gif" height="1" width="1" border="0" alt="<?php echo _AT('goto_content'); ?> ALT+c" /></a>          
+</div> 
+       
+       
        <div id="header-section-title">
-                       <!-- <?php if (isset($_SESSION['valid_user']) && $_SESSION['valid_user']): 
-                                       echo '<div id="site-name">'.stripslashes(SITE_NAME).'</div>'; 
-                               endif; ?> --> 
-                       <h1 id="section-title"><?php echo $this->section_title; ?>
-                               <?php if ((isset($this->course_id) && $this->course_id > 0) && ($_SESSION['enroll'] == AT_ENROLL_NO)) : ?> 
-                               <!-- <small><a href="<?php echo $this->base_path; ?>enroll.php?course=<?php echo $this->course_id; ?>"><?php echo _AT('enroll_me'); ?></a></small>-->
-                               <?php endif; ?>
-                               </h1>
+                       <h1 id="section-title"><?php echo $this->section_title; ?></h1>
                </div>
+
+       
        <div id="navigation-contentwrapper" role="menubar" >
-               
+       
+                       <?php if ($this->current_sub_level_page): ?>
+                       <div id="topnavlistcontainer" role="navigation" aria-live="assertive" class="topnavlistcontainer fl-container" >
+                       <a class="navigation-bar-button topnavlist-link" id="topnavlist-link" href="javascript:void(0);" tabindex="1"><?php echo _AT('navigation'); ?></a>
+                       
+                               <div id="navigation-column">
+                               <?php if ($this->current_sub_level_page): ?>
+                               <ul id="topnavlist-tablet"  class="fl-list-menu" role="menu">
+                                       <?php $accesscounter = 0; //initialize ?>
+                                       <?php foreach ($this->top_level_pages as $page): ?>
+                                               <?php ++$accesscounter; $accesscounter = ($accesscounter == 10 ? 0 : $accesscounter); ?>
+                                               <?php $accesskey_text = ($accesscounter < 10 ? 'accesskey="'.$accesscounter.'"' : ''); ?>
+                                               <?php $accesskey_title = ($accesscounter < 10 ? ' Alt+'.$accesscounter : ''); ?>
+                                               <?php if ($page['url'] == $this->current_top_level_page): ?>
+                                                       <!-- note bug http://issues.fluidproject.org/browse/FLUID-4313 makes class "flc-screenNavigator-backButton fl-link-hilight" not work -->
+                                                       <li role="menuitem"><a  href="<?php echo $page['url']; ?>" <?php echo $accesskey_text; ?> class="flc-screenNavigator-backButton fl-link-hilight" title="<?php echo $page['title'];?>"><?php echo $page['title']; ?></a>  </li>
+                                               <?php else: ?>
+                                                       <li role="menuitem"><a  href="<?php echo $page['url']; ?>" <?php echo $accesskey_text; ?> title="<?php echo $page['title']; ?>"><?php echo $page['title']; ?></a></li>
+                                               <?php endif; ?>
+                               
+                                               <?php $accesscounter = ($accesscounter == 0 ? 11 : $accesscounter); ?>
+                                       
+                                       <?php endforeach; ?>
+                                        
+                               </ul>
+                               <?php endif; ?>
+                       </div>
+                       </div>
+                       <?php endif; ?> 
                
        <ul class="home-guide fl-tabs" id="home-guide" role="menu">
        <!--  CHECK TO SEE IF USER IS A STUDENT -->
@@ -519,7 +531,7 @@ setTimeout(function() { window.scrollTo(0, 1) }, 100);
        
        <?php if (isset($this->course_id) && $this->course_id > 0): ?>
                        
-       
+<div id="sequence-links-course-navigation">    
                <ul class="sequence-links fl-tabs" id="sequence-links" >
                        <?php if ($_SESSION["prefs"]["PREF_SHOW_NEXT_PREVIOUS_BUTTONS"]) { ?>
                                <?php if ($this->sequence_links['resume']): ?>
@@ -550,47 +562,17 @@ setTimeout(function() { window.scrollTo(0, 1) }, 100);
                        <div id="content-link-container" role="navigation" aria-live="assertive" class="flc-screenNavigator-navbar ">
                                <a id="content_link" class="content_link_tablet content_link"  href="javascript:void(0);"><?php echo "Content";//_AT("content_navigation"); ?></a>      
                        </div>  
-               </div><!-- course-level navigation -->                          
-                               <div id="content" style="display: none;">
+                       </div><!-- course-level navigation -->                          
+                               <div id="content">
                                        <?php $contentManager->printMainMenu(); ?>
                                        <script language="javascript" type="text/javascript"></script>
                                </div>
                
-               
+               </div> <!-- end sequence-links-course-navigation -->
                <?php endif;?>
        
        
-               <!--  this should be a button on its own  -->
-                       <?php if ($this->current_sub_level_page): ?>
-                       <div id="topnavlistcontainer" role="navigation" aria-live="assertive" class="topnavlistcontainer fl-container" >
-                       <a class="navigation-bar-button topnavlist-link" id="topnavlist-link" href="javascript:void(0);" tabindex="1"><?php echo _AT('navigation'); ?></a>
-                       
-                               <div id="navigation-column">
-                               <!--  requires ARIA roles review -->
-                               <!--  this should be a button on its own  -->
-                               <?php if ($this->current_sub_level_page): ?>
-                               <ul id="topnavlist-tablet"  class="fl-list-menu" role="menu">
-                                       <?php $accesscounter = 0; //initialize ?>
-                                       <?php foreach ($this->top_level_pages as $page): ?>
-                                               <?php ++$accesscounter; $accesscounter = ($accesscounter == 10 ? 0 : $accesscounter); ?>
-                                               <?php $accesskey_text = ($accesscounter < 10 ? 'accesskey="'.$accesscounter.'"' : ''); ?>
-                                               <?php $accesskey_title = ($accesscounter < 10 ? ' Alt+'.$accesscounter : ''); ?>
-                                               <?php if ($page['url'] == $this->current_top_level_page): ?>
-                                                       <!-- note bug http://issues.fluidproject.org/browse/FLUID-4313 makes class "flc-screenNavigator-backButton fl-link-hilight" not work -->
-                                                       <li role="menuitem"><a  href="<?php echo $page['url']; ?>" <?php echo $accesskey_text; ?> class="flc-screenNavigator-backButton fl-link-hilight" title="<?php echo $page['title'];?>"><?php echo $page['title']; ?></a>  </li>
-                                               <?php else: ?>
-                                                       <li role="menuitem"><a  href="<?php echo $page['url']; ?>" <?php echo $accesskey_text; ?> title="<?php echo $page['title']; ?>"><?php echo $page['title']; ?></a></li>
-                                               <?php endif; ?>
-                               
-                                               <?php $accesscounter = ($accesscounter == 0 ? 11 : $accesscounter); ?>
-                                       
-                                       <?php endforeach; ?>
-                                        
-                               </ul>
-                               <?php endif; ?>
-                       </div>
-                       </div>
-                       <?php endif; ?>
+               
 
        
 
@@ -599,41 +581,43 @@ setTimeout(function() { window.scrollTo(0, 1) }, 100);
        </div> <!--  END HEADER -->
 
 <?php if (count($this->sub_level_pages) > 0): ?>
-                               <div id="subnavlistcontainer" role="navigation" aria-live="assertive" > 
+                               <div id="subnavlistcontainer" role="menu" aria-live="assertive" > 
                                
                                        <!-- Markup for a subnavlist styled like a Gmail dock. Clean up this code for redundancy but it works for now. -->
                                        <!-- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B6C0C6), to(#F8FAFB));  -->
-                                       <ul id="subnavlist" style="text-align: center; border-bottom: 1px #B6C0C6 solid; background: #B6C0C6; ">
+                                       <ul id="subnavlist" style="text-decoration: none; text-align: center; border-bottom: 1px #B6C0C6 solid; background: #B6C0C6; ">
                                        <?php $num_pages = count($this->sub_level_pages); ?>
                                                <?php for ($i=0; $i<$num_pages; $i++): ?>       
                                                        
                                                        <?php if($num_pages <= 5): ?>
                                                                <?php if($this->sub_level_pages[$i][url] == $this->current_sub_level_page): ?>
-                                                               <li class="selected" style="font-size: 14px; padding-left: .313em; padding-right: .313em;"><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
+                                                               <li role="menuitem" class="selected" style="font-size: 14px; padding-left: .313em; padding-right: .313em;"><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
                                                                <?php else: ?> 
-                                                               <li style="font-size: 14px; padding-left: .313em; padding-right: .313em"><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
+                                                               <li role="menuitem" style="font-size: 14px; padding-left: .313em; padding-right: .313em"><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
                                                                <?php endif; ?> 
                                                        <?php endif; ?>
                                                        <?php if($num_pages > 5): ?>
                                                                <?php if($i <= 5):?>
                                                                        <?php if($this->sub_level_pages[$i][url] == $this->current_sub_level_page): ?>
-                                                                               <li class="selected" style="font-size: 14px; padding-left: .313em; padding-right: .313em;"><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
+                                                                               <li role="menuitem" class="selected" style="font-size: 14px; padding-left: .313em; padding-right: .313em;"><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
                                                                        <?php else: ?> 
-                                                                               <li style="font-size: 14px; padding-left: .313em; padding-right: .313em"><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
+                                                                               <li role="menuitem" style="font-size: 14px; padding-left: .313em; padding-right: .313em"><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
                                                                        <?php endif; ?> 
                                                                <?php endif;?>
                                                                <?php if($i== 6): ?>
-                                                                       <li class="more-button-surround" style="font-size: 14px; padding-left: .313em; padding-right: .313em"><a class="more-button" href="javascript:void(0);" tabindex="1">More</a></li>
+                                                                       <li role="menuitem" class="more-button-surround" style="font-size: 14px; padding-left: .313em; padding-right: .313em; position: relative; top: .313em;"><a class="more-button" href="javascript:void(0);" tabindex="1"><img id="switch" border="" width="20" height="20" alt="More menu items" title="More menu items" src="<?php echo $this->base_href; ?>images/showmenu.gif"/></a></li>
+                                                                       <li role="menuitem">
                                                                        <ul class="subnavlist-more">
-                                                                       <li class="more-item" style="font-size: 14px; list-style-type: bullet"><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
+                                                                       <li role="menuitem" class="more-item" style="font-size: 14px; list-style-type: bullet"><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
                                                                        
                                                                <?php endif;?>
                                                                <?php if($i > 6 && $i < $num_pages): ?>
-                                                                       <li style="font-size: 14px; list-style-type: bullet"><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
+                                                                       <li role="menuitem" style="font-size: 14px; list-style-type: bullet"><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
                                                                <?php endif;?>
                                                                <?php if($i==$num_pages): ?>
-                                                                       <li style="font-size: 14px; list-style-type: bullet"><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
+                                                                       <li role="menuitem" style="font-size: 14px; list-style-type: bullet"><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
                                                                        </ul>
+                                                                       </li>
                                                                <?php endif; ?>
                                                        <?php endif; ?>
                                                
@@ -647,18 +631,33 @@ setTimeout(function() { window.scrollTo(0, 1) }, 100);
 
                                </div> <!--  end subnavlistcontainer -->                                
                <?php endif; ?> 
+       
+       <?php global $msg; $msg->printAll(); $_base_href;?>
+       
+       
+       <!-- </div>end #main -->
+               <div id="contentwrapper" class="fl-container" >
+               <a name="page-title" id="page-title"></a>
+               <h2 class="page-title" ><?php echo $this->page_title; ?></h2>
                <div id="subnavbacktopage" >
                                        <?php if (isset($this->back_to_page)): ?>
                                                <a href="<?php echo $this->back_to_page['url']; ?>">
                                                <img border="0" width="10" height="11" alt="<?php echo _AT('back_to').' '.$this->back_to_page['title']; ?>" src="<?php echo $this->base_href; ?>images/arrowicon.gif" style="float:left;"/></a>&nbsp;
                                        <?php endif; ?>
-                                       </div>
-
-
-       
-       <?php global $msg; $msg->printAll(); $_base_href;?>
+                               </div>
        
-       <!--  end course-level-naviagtion -->   
-               
-       <div id="contentwrapper" class="fl-container" >
+       <!--  check if a user is logged-into a course and if so display breadcrumbs.  -->       
+               <?php if(isset($_SESSION['course_id']) && $_SESSION['course_id'] > 0): ?>               
+               <?php if (isset($_SESSION["prefs"]["PREF_SHOW_BREAD_CRUMBS"]) && $_SESSION["prefs"]["PREF_SHOW_BREAD_CRUMBS"]) { ?>
+                
+                       <div class="crumbcontainer">
+                         <div id="breadcrumbs">
+                         <?php foreach ($this->path as $page): ?>
+                                 <a href="<?php echo $page['url']; ?>"><?php echo htmlspecialchars($page['title'], ENT_COMPAT, "UTF-8"); ?></a> > 
+                         <?php endforeach; ?> <?php echo $this->page_title; ?>
+                         </div>
+                       </div>
+         <?php } ?>
+        <?php endif; ?> 
+                               
 <?php endif; ?><!--  end header template for ipad/tablets -->