(no commit message)
[atutor.git] / docs / themes / mobile / include / header.tmpl.php
index 75f1e2e..5763b03 100644 (file)
@@ -2,12 +2,13 @@
 /************************************************************************/
 /* ATutor                                                                                                                              */
 /************************************************************************/
-/* Copyright (c) 2002-2010                                              */
-/* Inclusive Design Institute                                           */
-/* http://atutor.ca                                                     */
-/* This program is free software. You can redistribute it and/or        */
-/* modify it under the terms of the GNU General Public License          */
-/* as published by the Free Software Foundation.                        */
+/* Copyright (c) 2002-2008 by Greg Gay, Joel Kronenberg & Heidi Hazelton*/
+/* Adaptive Technology Resource Centre / University of Toronto                 */
+/* http://atutor.ca                                                                                                            */
+/*                                                                                                                                             */
+/* This program is free software. You can redistribute it and/or               */
+/* modify it under the terms of the GNU General Public License                 */
+/* as published by the Free Software Foundation.                                               */
 /************************************************************************/
 // $Id: header.tmpl.php 3825 2005-03-11 15:35:51 joel $
 if (!defined('AT_INCLUDE_PATH')) { exit; }
@@ -30,7 +31,6 @@ if (!defined('AT_INCLUDE_PATH')) { exit; }
  * $this->rel_url                      the relative url from the installation root to this page
  * $this->nav_courses          associative array of this user's enrolled courses
  * $this->section_title                the title of this section (course, public, admin, my start page)
- * $this->top_level_pages      associative array of the top level navigation
  * $this->current_top_level_page       the full path to the current top level page with file name
  * $this->sub_level_pages                      associate array of sub level navigation
  * $this->back_to_page                         if set, the path and file name to the part of this page (if parent is not a top level nav)
@@ -45,23 +45,139 @@ if (!defined('AT_INCLUDE_PATH')) { exit; }
  * current_top_level_page    string                           full url to the current top level page in "top_leve_pages"
  * current_sub_level_page    string                           full url to the current sub level page in the "sub_level_pages"
  * sub_level_pages           array(array('url', 'title'))     the sub level pages.
+ * is_mobile_device          true or false                    the request is from a mobile device or a desktop device
+ * mobile_device_type        One of the constants: IPOD_DEVICE, BLACKBERRY_DEVICE, ANDROID_DEVICE, UNKNOWN_DEVICE (@see include/lib/constants.inc.php)
  */
 
 // will have to be moved to the header.inc.php
 global $system_courses, $_custom_css, $db, $_base_path, $contentManager;
 
 // 1. any click on the page closes the content menu but the link "content_link" itself
 // 2. the click on link "content_link" opens the content menu
-$this->onload .= "
-jQuery(document).click(function () {jQuery('#content').hide('slow');}); 
 
+
+require ('TeraWurflRemoteClient.php');
+$wurflObj = new TeraWurflRemoteClient('http://wurfl.thesedays.com/webservice.php');
+$capabilities = array("product_info");
+$data_format = TeraWurflRemoteClient::$FORMAT_JSON;
+$wurflObj->getCapabilitiesFromAgent(null, $capabilities, $data_format);
+
+// open/close content menu
+$this->onload .= "
 jQuery('#content_link').click(function(e) {
   e.stopPropagation();
+  
+  jQuery('#content').slideToggle(0);
+  jQuery('#content_link').toggleClass('content_link_tablet_highlight');
+  jQuery('#content_link').toggleClass('triangle-isosceles'); 
+  jQuery('#content_link').toggleClass('top'); 
+  jQuery('#content_link').toggleClass('right');    
+  ";
+$this->onload .= "});
+";
+
+//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('fl-theme-iphone').toggleClass('subnavcontain2');
+     
+  ";
+$this->onload .= "});
+";
+// open/close content menu - smartphones 
+$this->onload .= "
+jQuery('#content_link_phone').click(function(e) {
+  e.stopPropagation();
+  
   jQuery('#content').slideToggle();
+  jQuery('#content_link_phone').toggleClass('topnavlist-link-highlight');
+  jQuery('#content_link_phone').toggleClass('content-closed'); 
+  ";
+$this->onload .= "});
+";
+
+// open/close header navigational menu for smartphones
+// jQuery('#topnavlist-link').toggleClass('topnavlist-link-highlight');
+$this->onload .= "
+jQuery(document).click(function () {
+jQuery('#topnavlist').slideUp(600);}); 
+jQuery('.topnavlist-link').click(function(e) {
+  e.stopPropagation();
+  jQuery('#topnavlist').slideToggle();
+ jQuery('#topnavlist-link').toggleClass('.topnavlist-link-highlight');
 });
 ";
 
-?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+// open/close header navigational menu for tablets
+
+$this->onload .= "
+jQuery(document).click(function () {
+jQuery('#navigation-column').slideUp(200);}); 
+jQuery('.topnavlist-link').click(function(e) {
+  e.stopPropagation();
+  jQuery('#navigation-column').slideToggle(0);
+    jQuery('#topnavlist-link').toggleClass('topnavlist-link-highlight');
+    jQuery('#topnavlist-link').toggleClass('triangle-isosceles');
+    jQuery('#topnavlist-link').toggleClass('top');
+});
+";
+
+//jQuery for Gmail dock-style "more" button that makes the subnavlist expand for more options
+$this->onload .= "
+
+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 .= "
+jQuery('#results-hide-show-link').click(function(e) {
+  e.stopPropagation();
+    jQuery('#results-display').slideToggle();
+    jQuery(this).toggleClass('content-closed');
+    jQuery(this).preventDefault();
+  ";
+$this->onload .= "});
+";
+
+//hide and show results        elsewhere (uses classes) 
+$this->onload .= "
+jQuery('.results-hide-show-link').click(function(e) {
+  e.stopPropagation();
+       jQuery(this).parent().next('.results-display').slideToggle(); 
+         jQuery(this).toggleClass('content-closed');
+  ";
+$this->onload .= "});
+";
+       
+
+// Hide the addressbar
+$this->onload .= "
+setTimeout(function() { window.scrollTo(0, 1) }, 100);
+";
+
+
+
+?>
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="<?php echo $this->lang_code; ?>"> 
 
@@ -70,252 +186,475 @@ jQuery('#content_link').click(function(e) {
        <meta http-equiv="Content-Type" content="text/html; charset=<?php echo $this->lang_charset; ?>" />
        <meta name="Generator" content="ATutor - Copyright 2005 by http://atutor.ca" />
        <base href="<?php echo $this->content_base_href; ?>" />
-       <link rel="shortcut icon" href="<?php echo $this->base_path; ?>favicon.ico" type="image/x-icon" />
+       <link rel="shortcut icon" href="<?php echo $this->base_path; ?>favicon.ico" type="image/x-icon" /> 
        <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/print.css" type="text/css" media="print" />
-       <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/styles.css" type="text/css" />
-       <!--[if IE]>
-         <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/ie_styles.css" type="text/css" />
-       <![endif]-->
-       <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/forms.css" type="text/css" />
-<?php echo $this->rtl_css; ?>
-<?php if (isset($this->course_id) && $system_courses[$this->course_id]['rss']): ?>
-       <link rel="alternate" type="application/rss+xml" title="<?php echo SITE_NAME; ?> - RSS 2.0" href="<?php echo $this->base_href; ?>get_rss.php?<?php echo $this->course_id; ?>-2" />
-       <link rel="alternate" type="application/rss+xml" title="<?php echo SITE_NAME; ?> - RSS 1.0" href="<?php echo $this->base_href; ?>get_rss.php?<?php echo $this->course_id; ?>-1" />
+       <!-- mobile fss -->     
+       <link rel="stylesheet" href="<?php echo $this->base_path; ?>jscripts/infusion/framework/fss/css/fss-mobile-layout.css" type="text/css"/>
+       <link rel="stylesheet" href="<?php echo $this->base_path; ?>jscripts/infusion/framework/fss/css/fss-mobile-theme-iphone.css" type="text/css"/>  
+       
+<?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; ?>/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; ?>/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-->
+       <?php if ($this->mobile_device_type == BLACKBERRY_DEVICE): ?>
+       <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/blackberry.css" type="text/css"/>
+       <meta name="viewport" content="user-scalable=no, width=device-width" />
+       <?php endif; ?>
+       <?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 src="<?php echo $this->base_path; ?>jscripts/infusion/jquery.autoHeight.js" type="text/javascript"></script>
        <script language="javascript" type="text/javascript">
+
        //<!--
        jQuery.noConflict();
        //-->
        </script>
-    <script src="<?php echo $this->base_path; ?>jscripts/ATutor.js" type="text/javascript"></script>   
-    <?php echo $this->custom_css; ?>
-    <style id="pref_style" type="text/css"></style> 
+       <script src="<?php echo $this->base_path; ?>jscripts/ATutor.js" type="text/javascript"></script>   
+
+       
+<?php echo $this->rtl_css; ?>
+<?php if (isset($this->course_id) && $system_courses[$this->course_id]['rss']): ?>
+       <link rel="alternate" type="application/rss+xml" title="<?php echo SITE_NAME; ?> - RSS 2.0" href="<?php echo $this->base_href; ?>get_rss.php?<?php echo $this->course_id; ?>-2" />
+       <link rel="alternate" type="application/rss+xml" title="<?php echo SITE_NAME; ?> - RSS 1.0" href="<?php echo $this->base_href; ?>get_rss.php?<?php echo $this->course_id; ?>-1" />
+<?php endif; ?>
+
+
+<?php echo $this->custom_css; ?>
 </head>
-<body onload="<?php echo $this->onload; ?>">
-<div class="page_wrapper">
-<div id="header">
-       <a href="<?php echo htmlspecialchars($_SERVER['REQUEST_URI'], ENT_QUOTES); ?>#content" 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>          
-
-       <a href="<?php echo htmlspecialchars($_SERVER['REQUEST_URI'], ENT_QUOTES); ?>#menu<?php echo $_REQUEST['cid']  ?>"  accesskey="m"><img src="<?php echo $this->base_path; ?>images/clr.gif" height="1" width="1" border="0" alt="<?php echo _AT('goto_menu'); ?> ALT+m" /></a>
-       <div id="top-links"> <!-- top help/search/login links -->
-               <?php if (isset($_SESSION['member_id']) && $_SESSION['member_id']): ?>
-                       <?php if(!$this->just_social): ?>
-                       <!-- start the jump menu -->
-                       <?php if (empty($_GET)): ?>
-                               <form method="post" action="<?php echo $this->base_path; ?>bounce.php?p=<?php echo urlencode($this->rel_url); ?>" target="_top">
-                       <?php else: ?>
-                               <form method="post" action="<?php echo $this->base_path; ?>bounce.php" target="_top">
-                       <?php endif; ?>
-                       <label for="jumpmenu" accesskey="j"></label>
-                               <select name="course" id="jumpmenu" title="<?php echo _AT('jump'); ?>:  Alt-j">                                                 
-                                       <option value="0"><?php echo _AT('my_start_page'); ?></option>
-                                       <optgroup label="<?php echo _AT('courses_below'); ?>">
-                                               <?php foreach ($this->nav_courses as $this_course_id => $this_course_title): ?>
-                                                       <option value="<?php echo $this_course_id; ?>"><?php echo $this_course_title; ?></option>
-                                               <?php endforeach; ?>
-                                       </optgroup>
-                               </select> <input type="submit" name="jump" value="<?php echo _AT('jump'); ?>" class="button" /> </form>
-                       <!-- /end the jump menu -->
-                       <?php endif; ?>
 
-                       <?php if ($_SESSION['is_super_admin']): ?>
-                               <a href="<?php echo $this->base_path; ?>bounce.php?admin"><?php echo _AT('return_to_admin_area'); ?></a> | 
-                       <?php endif; ?>
 
-                       <?php if ($this->course_id > -1): ?>
-                               <?php if (get_num_new_messages()): ?>
-                                       <a href="<?php echo $this->base_path; ?>inbox/index.php"><?php echo _AT('inbox'); ?> (<?php echo get_num_new_messages(); ?>)</a> 
-                               <?php else: ?>
-                                       <a href="<?php echo $this->base_path; ?>inbox/index.php"><?php echo _AT('inbox'); ?></a>
+<?php if ($this->mobile_device_type != IPAD_DEVICE): ?><!--  smartphone theme only -->
+
+<body onload="<?php echo $this->onload; ?>" class="fl-theme-iphone ui-mobile-viewport">
+
+<div id="wrapper">
+<div id="main">
+       <div id="header">
+
+               <a href="<?php echo htmlspecialchars($_SERVER['REQUEST_URI'], ENT_QUOTES); ?>#content">
+               <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 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>
+               </div>
+       </div> <!--  END HEADER -->
+
+
+       <div id="contentwrapper">
+       <div id="navigation-contentwrapper">
+       <div id="navigation-bar">
+
+                       <?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>
+                               <ul id="topnavlist"  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): ?>
+                                                       <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"><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"><span class="arrow-highlight"><a href="<?php echo $this->base_path; ?>search.php"><?php echo _AT('search'); ?></a></span></li>
+                                       <?php endif; ?> 
+                               </ul>
+                       </div>
                        <?php endif; ?>
-               <?php endif; ?>
-               <?php if(!$this->just_social): ?>
-                       <a href="<?php echo $this->base_path; ?>search.php"><?php echo _AT('search'); ?></a> 
-               <?php endif; ?>
-               <a href="<?php echo $this->base_path; ?>help/index.php"><?php echo _AT('help'); ?></a>
-       </div>
-       <?php if (!empty($this->icon)) { // if a course icon is available, display it here.  ?>
-               <a href="<?php echo $this->base_path.url_rewrite('index.php'); ?>"><img src="<?php echo $this->icon; ?>" class="headicon" alt="<?php echo  _AT('home'); ?>" /></a>      
-       <?php } ?>
-
-
-
-       <?php
-       // If there is a custom course banner in the file manager called banner.html, display it here
-       @readfile(AT_CONTENT_DIR . $this->course_id.'/banner.txt'); 
-
-       /*
-       and example banner.html file might look like:
-       <div style="width: 760px; height: 42px; background: white;"><img src="http://[mysite]/atutor15rc3/banners/kart-camb.jpg"></div>
-       */
-
-       ?>
-       <!-- section title -->
-       <?php if (isset($_SESSION['valid_user']) && $_SESSION['valid_user']): 
-               echo '<div style="font-size:small;font-weight:bold;padding-left:1em;color:white;">'.stripslashes(SITE_NAME).'</div>'; 
-       else:
-               echo '<br />';  
-       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>
+               </div>
+
+                               
+
+
+       <ul class="home-guide fl-tabs" id="home-guide" role="menu">
+       <!--  CHECK TO SEE IF USER IS A STUDENT -->
+       <?php if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == 0 ):?>
+               <li role="menuitem"><a  href="<?php echo $this->base_path; ?>users/index.php"><?php echo _AT("home"); ?></a></li> 
+       <?php endif;?>          
+       <!--  CHECK TO SEE IF USER IS AN ADMINISTRATOR -->
+       <?php //if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == 1):
+               if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == AT_ADMIN_PRIV_ADMIN):?>
+               <li role="menuitem"><a href="<?php echo $this->base_path; ?>admin/index.php"><?php echo _AT("home"); ?></a></li> 
+       <?php endif;?>
+       <!--  CHECK TO SEE IF USER IS AN INSTRUCTOR -->
+       <?php if($_SESSION['is_admin'] == 1): ?>
+               <li role="menuitem"><a href="<?php echo $this->base_path; ?>users/index.php"><?php echo _AT("home"); ?></a></li> 
+       <?php endif;?>
        
-</div>
-
-<div id="topnavlistcontainer">
-<!-- the main navigation. in our case, tabs -->
-       <ul id="topnavlist">
-               <?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): ?>
-                               <li><a href="<?php echo $page['url']; ?>" <?php echo $accesskey_text; ?> title="<?php echo $page['title'] . $accesskey_title; ?>" class="active"><?php echo $page['title']; ?></a></li>
-                       <?php else: ?>
-                               <li><a href="<?php echo $page['url']; ?>" <?php echo $accesskey_text; ?> title="<?php echo $page['title'] . $accesskey_title; ?>"><?php echo $page['title']; ?></a></li>
+       <?php if (isset($this->guide) && isset($_SESSION["course_id"]) && $this->guide && ($_SESSION["prefs"]["PREF_SHOW_GUIDE"] || $_SESSION["course_id"] == "-1")) : ?>
+                       <li role="menuitem">
+                       <div id="guide_box">
+                                       <!--    <a href="<?php echo $this->guide; ?>" id="guide" onclick="ATutor.poptastic('<?php echo $this->guide; ?>'); return false;" target="_new"><img src="<?php echo $this->img; ?>guide-icon.png" width="30" height="30" title="guide: <?php echo $this->page_title; ?>"alt="guide: <?php echo $this->page_title; ?>"></img></a> -->
+               
+                                 <a href="<?php echo $this->guide; ?>" id="guide" onclick="ATutor.poptastic('<?php echo $this->guide; ?>'); return false;" target="_new"><?php echo _AT("guide"); ?></a> 
+                       </div>
+                       </li>
                        <?php endif; ?>
-                       <?php $accesscounter = ($accesscounter == 0 ? 11 : $accesscounter); ?>
-               <?php endforeach; ?>
-       </ul>
-</div>
-
-<div style="background-color:#E6E6E6; font-size:0.85em; padding-top: 5px; border-bottom:1px solid black; height:2em;">
-       <!-- the sub navigation -->
-       <div style="float: right; padding-right: 5px; text-transform: lowercase;">
-               <?php if (isset($_SESSION['valid_user']) && $_SESSION['valid_user']): ?>                                        
-                       <strong><?php echo get_display_name($_SESSION['member_id']); ?></strong> | <a href="<?php echo $this->base_path; ?>logout.php"><?php echo _AT('logout'); ?></a>
-               <?php else: ?>
-                        <a href="<?php echo $this->base_path; ?>login.php?course=<?php echo $this->course_id; ?>"><?php echo _AT('login'); ?></a> | <a href="<?php echo $this->base_path; ?>registration.php"><?php echo _AT('register'); ?></a>
+               </ul>
+       </div><!--  END navigation-contentwrapper -->
+       
+
+               <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>
+       </div> <!--end subnavbacktopage-->      
+
+       <div id="contentcolumn">        
+               
 
-       <div style="padding-left: 5px;">
-               <a id="content_link" href="javascript:void(0);">Content</a>
-               <div id="content" style="background-color:#E6E6E6; width: 22em; display: none; position: relative; z-index: 1;">
-               <?php $contentManager->printMainMenu(); ?>
+               <!--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): ?>
+       
+               <?php endif; ?>
+       
+       
+       <?php if(isset($_SESSION['course_id']) && $_SESSION['course_id'] > 0): ?> 
+               
+               <div class="subnavcontain-contain" role="menu" aria-live="assertive">   
+                       <div class="subnavcontain">
+                               <div class="rectangle">
+                               <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">
+                       <?php $contentManager->printMainMenu(); ?>
+                               <script language="javascript" type="text/javascript"></script>
                </div>
+
        </div>
-       
-       <?php if ($this->sub_level_pages): ?>
-       <!--    <div id="sub-navigation">
-                       <?php if (isset($this->back_to_page)): ?>
-                               <a href="<?php echo $this->back_to_page['url']; ?>" id="back-to"><?php echo _AT('back_to').' '.$this->back_to_page['title']; ?></a> | 
-                       <?php endif; ?>
 
-                       <?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): ?>
-                                       <strong><?php echo $this->sub_level_pages[$i]['title']; ?></strong>
-                               <?php else: ?>
-                                       <a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a>
-                               <?php endif; ?>
-                               <?php if ($i < $num_pages-1): ?>
-                                       |
+
+               
+                       <?php if (isset($this->course_id) && $this->course_id > 0): ?>
+                       
+                       <div class="subnavcontain2">
+                       <ul class="sequence-links">
+                               <?php if ($_SESSION["prefs"]["PREF_SHOW_NEXT_PREVIOUS_BUTTONS"]) { ?>
+                                       <?php if ($this->sequence_links['resume']): ?>
+                                               
+                                               <li class="rectangle2">
+                                                       <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="rectangle2 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=" rectangle2 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 endfor; ?>
-               </div> -->
-       <?php else: ?>
-               <!-- <div id="sub-navigation">
-                       &nbsp;
-               </div> -->
-       <?php endif; ?>
-</div>
-
-<div style="padding:3px;">
-<?php if (isset($_SESSION["prefs"]["PREF_SHOW_BREAD_CRUMBS"]) && $_SESSION["prefs"]["PREF_SHOW_BREAD_CRUMBS"]) { ?>
-       <!-- the bread crumbs -->
-       <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; ?>
+                       <?php } ?>
+                               &nbsp;
+                               </div>
+                       </ul>  
+               <?php endif; ?>
+                       
+                       
        </div>
-<?php } ?>
+       <?php endif; ?> 
 
-       <?php if (isset($this->guide) && isset($_SESSION["course_id"]) && $this->guide && ($_SESSION["prefs"]["PREF_SHOW_GUIDE"] || $_SESSION["course_id"] == "-1")) : ?>
-               <a href="<?php echo $this->guide; ?>" id="guide" onclick="poptastic('<?php echo $this->guide; ?>'); return false;" target="_new"><em><?php echo $this->page_title; ?></em></a>
-       <?php endif; ?>
-</div>
 
+       
+               <!-- the sub navigation -->
+<?php endif; ?>
 
-<div id="contentwrapper">
-       <div id="contentcolumn"
-               <?php if ((isset($this->course_id) && $this->course_id <= 0)): ?>
-                       style="margin-left:0.5em;width:99%;"
-               <?php endif; ?>
-               >
 
-               <?php if (isset($this->course_id) && $this->course_id > 0): ?>
-               <div class="sequence-links">
-               <?php if ($_SESSION["prefs"]["PREF_SHOW_NEXT_PREVIOUS_BUTTONS"]) { ?>
-                       <?php if ($this->sequence_links['resume']): ?>
-                                       <a style="color:white;" href="<?php echo $this->sequence_links['resume']['url']; ?>" accesskey="."><img src="<?php echo $this->img; ?>resume.gif" border="0" title="<?php echo _AT('resume').': '.$this->sequence_links['resume']['title']; ?> Alt+." alt="<?php echo $this->sequence_links['resume']['title']; ?> Alt+." class="img-size-ascdesc" /></a>
-                       <?php else:
-                               if ($this->sequence_links['previous']): ?>
-                                       <a href="<?php echo $this->sequence_links['previous']['url']; ?>" title="<?php echo _AT('previous_topic').': '. $this->sequence_links['previous']['title']; ?> Alt+," accesskey=","><img src="<?php echo $this->img; ?>previous.gif" border="0" alt="<?php echo _AT('previous_topic').': '. $this->sequence_links['previous']['title']; ?> Alt+," class="img-size-ascdesc" /></a>
-                               <?php endif;
-                               if ($this->sequence_links['next']): ?>
-                                       <a href="<?php echo $this->sequence_links['next']['url']; ?>" title="<?php echo _AT('next_topic').': '.$this->sequence_links['next']['title']; ?> Alt+." accesskey="."><img src="<?php echo $this->img; ?>next.gif" border="0" alt="<?php echo _AT('next_topic').': '.$this->sequence_links['next']['title']; ?> Alt+." class="img-size-ascdesc" /></a>
+
+<!--  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">
+                       <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 -->
+       <?php if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == 0 ):?>
+               <li role="menuitem"><a href="<?php echo $this->base_path; ?>users/index.php"><?php echo _AT("home"); ?></a></li> 
+       <?php endif;?>          
+       <!--  CHECK TO SEE IF USER IS AN ADMINISTRATOR -->
+       <?php //if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == 1):
+               if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == AT_ADMIN_PRIV_ADMIN):?>
+               <li role="menuitem"><a href="<?php echo $this->base_path; ?>admin/index.php"><?php echo _AT("home"); ?></a></li> 
+       <?php endif;?>
+       <!--  CHECK TO SEE IF USER IS AN INSTRUCTOR -->
+       <?php if($_SESSION['is_admin'] == 1): ?>
+               <li role="menuitem"><a href="<?php echo $this->base_path; ?>users/index.php"><?php echo _AT("home"); ?></a></li> 
+       <?php endif;?>
+       
+       <?php if (isset($this->guide) && isset($_SESSION["course_id"]) && $this->guide && ($_SESSION["prefs"]["PREF_SHOW_GUIDE"] || $_SESSION["course_id"] == "-1")) : ?>
+                       <li>
+                       <div id="guide_box">
+                                       <!--    <a href="<?php echo $this->guide; ?>" id="guide" onclick="ATutor.poptastic('<?php echo $this->guide; ?>'); return false;" target="_new"><img src="<?php echo $this->img; ?>guide-icon.png" width="30" height="30" title="guide: <?php echo $this->page_title; ?>"alt="guide: <?php echo $this->page_title; ?>"></img></a> -->
+               
+                                 <a href="<?php echo $this->guide; ?>" id="guide" onclick="ATutor.poptastic('<?php echo $this->guide; ?>'); return false;" target="_new"><?php echo _AT("guide"); ?></a> 
+                       </div>
+                       </li>
                        <?php endif; ?>
-               <?php } ?>
-                       &nbsp;
-               </div>
+               </ul>
+       
+       <?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']): ?>
+                                               <li >
+                                               <a href="<?php echo $this->sequence_links['resume']['url']; ?>" class="previous-next" 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> <!-- end sequence-links -->
                <?php endif; ?>
+               
+               <?php if(isset($_SESSION['course_id']) && $_SESSION['course_id'] > 0): ?>       
+               <div id="course-level-navigation">
+               
+       
+                       
+                       <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">
+                                       <?php $contentManager->printMainMenu(); ?>
+                                       <script language="javascript" type="text/javascript"></script>
+                               </div>
+               
+               </div> <!-- end sequence-links-course-navigation -->
+               <?php endif;?>
+       
+       
+               
 
-       <!-- the page title -->
-       <a name="content" title="<?php echo _AT('content'); ?>"></a>
-       <h2 class="page-title"><?php echo $this->page_title; ?></h2>
-       <?php global $msg; $msg->printAll(); $_base_href;?>
+       
 
-       <?php if (count($this->sub_level_pages) > 0): ?>
-
-<!-- <div id="topnavlistcontainer">
-       <ul id="topnavlist">
-               <?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): ?>
-                               <li><a href="<?php echo $page['url']; ?>" <?php echo $accesskey_text; ?> title="<?php echo $page['title'] . $accesskey_title; ?>" class="active"><?php echo $page['title']; ?></a></li>
-                       <?php else: ?>
-                               <li><a href="<?php echo $page['url']; ?>" <?php echo $accesskey_text; ?> title="<?php echo $page['title'] . $accesskey_title; ?>"><?php echo $page['title']; ?></a></li>
-                       <?php endif; ?>
-                       <?php $accesscounter = ($accesscounter == 0 ? 11 : $accesscounter); ?>
-               <?php endforeach; ?>
-       </ul>
-</div> -->
-
-               <div id="subnavlistcontainer">
-                       <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>
+       
+       </div>
+       </div> <!--  END HEADER -->
 
-                       <ul id="subnavlist">
-                       <?php $num_pages = count($this->sub_level_pages); ?>
-                       <?php for ($i=0; $i<$num_pages; $i++): ?>
+<?php if (count($this->sub_level_pages) > 0): ?>
+                               <div id="subnavlistcontainer" role="menu" aria-live="assertive" > 
                                
-                               <?php if ($this->sub_level_pages[$i]['url'] == $this->current_sub_level_page): ?>
-                               <li><?php echo $this->sub_level_pages[$i]['title']; ?></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>
-       <?php endif; ?>
+                                       <!-- 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-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 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 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 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 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 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 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 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 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; ?>
+                                               
+                                               
+                                                       
+                                       <?php if ($i < $num_pages-1): 
+                                               echo " ";?>
+                                       <?php endif; ?>
+                                       <?php endfor; ?>
+                                       </ul>
 
-<!-- the main navigation. in our case, tabs -->
+                               </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>
+       
+       <!--  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 -->