docs/themes/mobile/include/header.tmpl.php

   1 <?php
   2 /************************************************************************/
   3 /* ATutor                                                                                                                               */
   4 /************************************************************************/
   5 /* Copyright (c) 2002-2008 by Greg Gay, Joel Kronenberg & Heidi Hazelton*/
   6 /* Adaptive Technology Resource Centre / University of Toronto                  */
   7 /* http://atutor.ca                                                                                                             */
   8 /*                                                                                                                                              */
   9 /* This program is free software. You can redistribute it and/or                */
  10 /* modify it under the terms of the GNU General Public License                  */
  11 /* as published by the Free Software Foundation.                                                */
  12 /************************************************************************/
  13 // $Id: header.tmpl.php 3825 2005-03-11 15:35:51 joel $
  14 if (!defined('AT_INCLUDE_PATH')) { exit; }
  15 /* available header.tmpl.php variables:
  16  * $this->lang_code                     the ISO language code
  17  * SITE_NAME                            the site name from the config file
  18  * $this->page_title            the name of this page to use in the <title>
  19  * $this->lang_charset          the ISO language character set
  20  * $this->content_base_href     the <base href> to use for this page
  21  * $this->base_path                     the absolute path to this atutor installation
  22  * $this->rtl_css                       if set, the path to the RTL style sheet
  23  * $this->icon                  the path to a course icon
  24  * $this->banner_style          -deprecated-
  25  * $this->theme                         the directory name of the current theme
  26  * $this->base_href                     the full url to this atutor installation
  27  * $this->onload                        javascript onload() calls
  28  * $this->img                           the absolute path to this theme's images/ directory
  29  * $this->sequence_links        associative array of 'previous', 'next', and/or 'resume' links
  30  * $this->path                          associative array of path to this page: aka bread crumbs
  31  * $this->rel_url                       the relative url from the installation root to this page
  32  * $this->nav_courses           associative array of this user's enrolled courses
  33  * $this->section_title         the title of this section (course, public, admin, my start page)
  34  * $this->current_top_level_page        the full path to the current top level page with file name
  35  * $this->sub_level_pages                       associate array of sub level navigation
  36  * $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)
  37  * $this->current_sub_level_page        the full path to the current sub level page with file name
  38  * $this->guide                         the full path and file name to the guide page
  39  * ======================================
  40  * top_level_pages           array(array('url', 'title'))     the top level pages. ATutor default creates tabs.
  41  * section_title             string                           the name of the current section. either name of the course, administration, my start page, etc.
  42  * page_title                string                           the title of the current page.
  43  * path                      array(array('url', 'title'))     the path to the current page.
  44  * back_to_page              array('url', 'title')            the link back to the part of the current page, if needed.
  45  * current_top_level_page    string                           full url to the current top level page in "top_leve_pages"
  46  * current_sub_level_page    string                           full url to the current sub level page in the "sub_level_pages"
  47  * sub_level_pages           array(array('url', 'title'))     the sub level pages.
  48  * is_mobile_device          true or false                    the request is from a mobile device or a desktop device
  49  * mobile_device_type        One of the constants: IPOD_DEVICE, BLACKBERRY_DEVICE, ANDROID_DEVICE, UNKNOWN_DEVICE (@see include/lib/constants.inc.php)
  50  */
  51
  52 // will have to be moved to the header.inc.php
  53 global $system_courses, $_custom_css, $db, $_base_path, $contentManager;
  54
  55 // 1. any click on the page closes the content menu but the link "content_link" itself
  56 // 2. the click on link "content_link" opens the content menu
  57
  58
  59 require ('TeraWurflRemoteClient.php');
  60 $wurflObj = new TeraWurflRemoteClient('http://wurfl.thesedays.com/webservice.php');
  61 $capabilities = array("product_info");
  62 $data_format = TeraWurflRemoteClient::$FORMAT_JSON;
  63 $wurflObj->getCapabilitiesFromAgent(null, $capabilities, $data_format);
  64
  65 // open/close content menu
  66 $this->onload .= "
  67 jQuery('#content_link').click(function(e) {
  68   e.stopPropagation();
  69
  70   jQuery('#content').slideToggle();";
  71 $this->onload .= "});
  72 ";
  73
  74
  75 // open/close header navigational menu
  76
  77 $this->onload .= "
  78 jQuery(document).click(function () {
  79 jQuery('#topnavlist').slideUp(600);});
  80 jQuery('#topnavlist-link').click(function(e) {
  81   e.stopPropagation();
  82   jQuery('#topnavlist').slideToggle();
  83 });
  84 ";
  85
  86 //hide and show results
  87 $this->onload .= "
  88 jQuery('#results-hide-show-link').click(function(e) {
  89   e.stopPropagation();
  90   jQuery('#results-display').slideToggle();";
  91 $this->onload .= "});
  92 ";
  93
  94 // Hide the addressbar
  95 $this->onload .= "
  96 setTimeout(function() { window.scrollTo(0, 1) }, 100);
  97 ";
  98
  99
 100
 101 ?>
 102
 103 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 104
 105 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="<?php echo $this->lang_code; ?>">
 106
 107 <head>
 108         <title><?php echo SITE_NAME; ?> : <?php echo $this->page_title; ?></title>
 109         <meta http-equiv="Content-Type" content="text/html; charset=<?php echo $this->lang_charset; ?>" />
 110         <meta name="Generator" content="ATutor - Copyright 2005 by http://atutor.ca" />
 111         <base href="<?php echo $this->content_base_href; ?>" />
 112         <link rel="shortcut icon" href="<?php echo $this->base_path; ?>favicon.ico" type="image/x-icon" />
 113         <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/print.css" type="text/css" media="print" />
 114         <!-- mobile fss -->
 115         <link rel="stylesheet" href="<?php echo $this->base_path; ?>jscripts/infusion/framework/fss/css/fss-mobile-layout.css" type="text/css"/>
 116         <link rel="stylesheet" href="<?php echo $this->base_path; ?>jscripts/infusion/framework/fss/css/fss-mobile-theme-iphone.css" type="text/css"/>
 117
 118 <?php if ($this->is_mobile_device == true): ?>
 119         <?php if ($this->mobile_device_type == ANDROID_DEVICE): ?>
 120         <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/android.css" type="text/css"/>
 121         <meta name="viewport" content="user-scalable=no, width=device-width" />
 122         <?php endif; ?>
 123         <?php if ($this->mobile_device_type == IPOD_DEVICE || $this->mobile_device_type == IPHONE_DEVICE): ?>
 124         <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/iphone.css" type="text/css"/>
 125         <meta name="viewport" content="user-scalable=no, width=device-width" />
 126         <?php endif; ?>
 127         <!-- Armin 25.08.2010: Detect BLACKBERRY_DEVICE and use blackberry.css-->
 128         <?php if ($this->mobile_device_type == BLACKBERRY_DEVICE): ?>
 129         <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/blackberry.css" type="text/css"/>
 130         <meta name="viewport" content="user-scalable=no, width=device-width" />
 131         <?php endif; ?>
 132         <?php if ($this->mobile_device_type == IPAD_DEVICE): ?>
 133         <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/tablet.css" type="text/css"/>
 134         <meta name="viewport" content="width=768px, minimum-scale=1.0, maximum-scale=1.0" />
 135
 136         <?php endif; ?>
 137 <?php endif; ?>
 138
 139         <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/forms.css" type="text/css" />
 140
 141         <!-- Fluid Infusion -->
 142         <script src="<?php echo $this->base_path; ?>jscripts/infusion/InfusionAll.js" type="text/javascript"></script>
 143         <script src="<?php echo $this->base_path;?>jscripts/jQueryMobile/jquery.mobile-1.0b1.min.js" type="text/javascript"></script>
 144         <script language="javascript" type="text/javascript">
 145
 146         //<!--
 147         jQuery.noConflict();
 148         //-->
 149         </script>
 150         <script src="<?php echo $this->base_path; ?>jscripts/ATutor.js" type="text/javascript"></script>
 151
 152
 153 <?php echo $this->rtl_css; ?>
 154 <?php if (isset($this->course_id) && $system_courses[$this->course_id]['rss']): ?>
 155         <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" />
 156         <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" />
 157 <?php endif; ?>
 158
 159
 160 <?php echo $this->custom_css; ?>
 161 </head>
 162
 163
 164 <?php if ($this->mobile_device_type != IPAD_DEVICE): ?><!--  smartphone theme only -->
 165
 166 <body onload="<?php echo $this->onload; ?>" class="fl-theme-iphone ui-mobile-viewport">
 167
 168 <div id="wrapper">
 169 <div id="main">
 170         <div id="header">
 171
 172                 <a href="<?php echo htmlspecialchars($_SERVER['REQUEST_URI'], ENT_QUOTES); ?>#content">
 173                 <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>
 174
 175                 <div id="header-section-title">
 176                         <!-- <?php if (isset($_SESSION['valid_user']) && $_SESSION['valid_user']):
 177                                         echo '<div id="site-name">'.stripslashes(SITE_NAME).'</div>';
 178                                 endif; ?> -->
 179                         <h1 id="section-title"><?php echo $this->section_title; ?>
 180                                 <?php if ((isset($this->course_id) && $this->course_id > 0) && ($_SESSION['enroll'] == AT_ENROLL_NO)) : ?>
 181                                 <!-- <small><a href="<?php echo $this->base_path; ?>enroll.php?course=<?php echo $this->course_id; ?>"><?php echo _AT('enroll_me'); ?></a></small>-->
 182                                 <?php endif; ?>
 183                                 </h1>
 184                 </div>
 185         </div> <!--  END HEADER -->
 186
 187
 188         <div id="contentwrapper">
 189
 190         <!--  Note: ARIA roles cause XHTML validation errors because the XHTML DTD does not yet support ARIA. Use ARIA anyway -->
 191
 192         <div id="navigation-contentwrapper">
 193         <div id="navigation-bar">
 194                 <!--  this should be a button on its own  -->
 195                         <?php if ($this->current_sub_level_page): ?>
 196                         <div id="topnavlistcontainer" role="menu" aria-live="assertive" class="topnavlistcontainer" >
 197                         <a class="navigation-bar-button" id="topnavlist-link" href="javascript:void(0);" tabindex="1"><?php echo _AT('navigation'); ?></a>
 198                                 <ul id="topnavlist"  class="fl-list-menu">
 199                                         <?php $accesscounter = 0; //initialize ?>
 200                                         <?php foreach ($this->top_level_pages as $page): ?>
 201                                                 <?php ++$accesscounter; $accesscounter = ($accesscounter == 10 ? 0 : $accesscounter); ?>
 202                                                 <?php $accesskey_text = ($accesscounter < 10 ? 'accesskey="'.$accesscounter.'"' : ''); ?>
 203                                                 <?php $accesskey_title = ($accesscounter < 10 ? ' Alt+'.$accesscounter : ''); ?>
 204                                                 <?php if ($page['url'] == $this->current_top_level_page): ?>
 205                                                         <li role="menuitem"><a  href="<?php echo $page['url']; ?>" <?php echo $accesskey_text; ?> title="<?php echo $page['title'];?>"><?php echo $page['title']; ?></a>  </li>
 206                                                 <?php else: ?>
 207                                                         <li role="menuitem"><a  href="<?php echo $page['url']; ?>" <?php echo $accesskey_text; ?> title="<?php echo $page['title']; ?>"><?php echo $page['title']; ?></a></li>
 208                                                 <?php endif; ?>
 209
 210                                                 <?php $accesscounter = ($accesscounter == 0 ? 11 : $accesscounter); ?>
 211
 212                                         <?php endforeach; ?>
 213                                         <?php if(!$this->just_social): ?>
 214                                         <li role="menuitem"><a href="<?php echo $this->base_path; ?>search.php"><?php echo _AT('search'); ?></a> </li>
 215                                         <?php endif; ?>
 216                                 </ul>
 217                         </div>
 218                         <?php endif; ?>
 219                 </div>
 220
 221
 222
 223         <ul class="fl-tabs" id="home-guide">
 224         <!--  CHECK TO SEE IF USER IS A STUDENT -->
 225         <?php if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == 0 ):?>
 226                 <li><a class="hover-fl-tabs" href="<?php echo $this->base_path; ?>users/index.php"><?php echo _AT("home"); ?></a></li>
 227         <?php endif;?>
 228         <!--  CHECK TO SEE IF USER IS AN ADMINISTRATOR -->
 229         <?php //if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == 1):
 230                 if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == AT_ADMIN_PRIV_ADMIN):?>
 231                 <li><a href="<?php echo $this->base_path; ?>admin/index.php"><?php echo _AT("home"); ?></a></li>
 232         <?php endif;?>
 233         <!--  CHECK TO SEE IF USER IS AN INSTRUCTOR -->
 234         <?php if($_SESSION['is_admin'] == 1): ?>
 235                 <li><a href="<?php echo $this->base_path; ?>users/index.php"><?php echo _AT("home"); ?></a></li>
 236         <?php endif;?>
 237
 238         <?php if (isset($this->guide) && isset($_SESSION["course_id"]) && $this->guide && ($_SESSION["prefs"]["PREF_SHOW_GUIDE"] || $_SESSION["course_id"] == "-1")) : ?>
 239                         <li>
 240                         <div id="guide_box">
 241                                         <!--    <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> -->
 242
 243                                   <a href="<?php echo $this->guide; ?>" id="guide" onclick="ATutor.poptastic('<?php echo $this->guide; ?>'); return false;" target="_new"><?php echo _AT("guide"); ?></a>
 244                         </div>
 245                         </li>
 246                         <?php endif; ?>
 247                 </ul>
 248         </div><!--  END navigation-contentwrapper -->
 249         <!-- ENSURE "content_link" DOESN'T APPEAR IF NOT LOGGED IN -->
 250
 251
 252         <?php if(isset($_SESSION['course_id']) && $_SESSION['course_id'] > 0): ?>
 253                 <div id="content-link-container" role="navigation" aria-live="assertive" class="flc-screenNavigator-navbar ">
 254                 <a id="content_link" href="javascript:void(0);"><?php echo "Course Content Navigation";//_AT("content_navigation"); ?></a>
 255                 <div id="content" style=" display: none; position: relative; z-index: 1;">
 256                 <?php $contentManager->printMainMenu(); ?>
 257                                 <script language="javascript" type="text/javascript"></script>
 258                 </div>
 259                 </div>
 260         <?php endif; ?>
 261
 262                 <div id="inner-contentwrapper" class="fl-container">
 263
 264                         <?php if ((isset($this->course_id) && $this->course_id <= 0)): ?>
 265                                 <!-- style="margin-left:0.5em;width:99%;" -->
 266                         <?php endif; ?>
 267                         <?php if (isset($this->course_id) && $this->course_id > 0): ?>
 268                         <div class="sequence-links">
 269                         <?php if ($_SESSION["prefs"]["PREF_SHOW_NEXT_PREVIOUS_BUTTONS"]) { ?>
 270                                 <?php if ($this->sequence_links['resume']): ?>
 271                                                 <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').': '.$this->sequence_links['resume']['title']; ?></a>
 272                                 <?php else:
 273                                         if ($this->sequence_links['previous']): ?>
 274                                                 <a href="<?php echo $this->sequence_links['previous']['url']; ?>" class="previous-next" title="<?php echo _AT('previous_topic').': '. $this->sequence_links['previous']['title']; ?>"> <?php echo _AT('previous_topic').': '. $this->sequence_links['previous']['title']; ?> </a>
 275                                         <?php endif;
 276                                         if ($this->sequence_links['next']): ?>
 277                                                 <a href="<?php echo $this->sequence_links['next']['url']; ?>" class="previous-next"  title="<?php echo _AT('next_topic').': '.$this->sequence_links['next']['title']; ?>"> <?php echo _AT('next_topic').': '.$this->sequence_links['next']['title']; ?></a>
 278                                         <?php endif; ?>
 279                         <?php endif; ?>
 280                         <?php } ?>
 281                         &nbsp;
 282                 </div> <!-- end sequence-links -->
 283                 <?php endif; ?>
 284
 285
 286         <div id="contentcolumn">
 287
 288
 289                 <!-- the page title -->
 290                 <a name="content" title="<?php echo _AT('content'); ?>"></a>
 291                 <h2 class="page-title"><?php echo $this->page_title; ?></h2>
 292
 293                 <?php global $msg; $msg->printAll(); $_base_href;?>
 294
 295                 <!-- the sub navigation -->
 296                 <?php if (count($this->sub_level_pages) > 0): ?>
 297                                 <div id="subnavlistcontainer">
 298                                         <div id="subnavbacktopage">
 299                                         <?php if (isset($this->back_to_page)): ?>
 300                                                 <a href="<?php echo $this->back_to_page['url']; ?>">
 301                                                 <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;
 302                                         <?php endif; ?>
 303                                         </div>
 304
 305                                         <ul id="subnavlist">
 306                                         <?php $num_pages = count($this->sub_level_pages); ?>
 307                                         <?php for ($i=0; $i<$num_pages; $i++): ?>
 308                                                 <?php if ($this->sub_level_pages[$i]['url'] == $this->current_sub_level_page): ?>
 309                                                 <li id="test" ><?php echo $this->sub_level_pages[$i]['title']; ?></li>
 310                                                 <?php else: ?>
 311                                                 <li><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
 312                                                 <?php endif; ?>
 313                                         <?php if ($i < $num_pages-1):
 314                                                 echo " ";?>
 315                                         <?php endif; ?>
 316                                         <?php endfor; ?>
 317                                         </ul>
 318                                 </div> <!--  end subnavlistcontainer -->
 319                 <?php endif; ?>
 320 <?php endif; ?><!--  end header template for iphone, android, blackberry -->
 321 <?php if ($this->mobile_device_type == IPAD_DEVICE): ?><!-- start header template for ipad/tablets -->
 322 <body onload="<?php echo $this->onload; ?>" class="fl-theme-iphone ui-mobile-viewport">
 323
 324 <div id="wrapper">
 325 <div id="main">
 326         <div id="header">
 327
 328                 <a href="<?php echo htmlspecialchars($_SERVER['REQUEST_URI'], ENT_QUOTES); ?>#content">
 329                 <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>
 330
 331
 332
 333
 334                 <!--  Note: ARIA roles cause XHTML validation errors because the XHTML DTD does not yet support ARIA. Use ARIA anyway -->
 335
 336         <div id="navigation-contentwrapper">
 337         <h1 id="section-title"><?php echo $this->section_title; ?>
 338                                 <?php if ((isset($this->course_id) && $this->course_id > 0) && ($_SESSION['enroll'] == AT_ENROLL_NO)) : ?>
 339                                 <!-- <small><a href="<?php echo $this->base_path; ?>enroll.php?course=<?php echo $this->course_id; ?>"><?php echo _AT('enroll_me'); ?></a></small>-->
 340                                 <?php endif; ?>
 341                                 </h1>
 342
 343         <ul class="fl-tabs" id="home-guide">
 344         <!--  CHECK TO SEE IF USER IS A STUDENT -->
 345         <?php if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == 0 ):?>
 346                 <li><a class="hover-fl-tabs" href="<?php echo $this->base_path; ?>users/index.php"><?php echo _AT("home"); ?></a></li>
 347         <?php endif;?>
 348         <!--  CHECK TO SEE IF USER IS AN ADMINISTRATOR -->
 349         <?php //if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == 1):
 350                 if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == AT_ADMIN_PRIV_ADMIN):?>
 351                 <li><a href="<?php echo $this->base_path; ?>admin/index.php"><?php echo _AT("home"); ?></a></li>
 352         <?php endif;?>
 353         <!--  CHECK TO SEE IF USER IS AN INSTRUCTOR -->
 354         <?php if($_SESSION['is_admin'] == 1): ?>
 355                 <li><a href="<?php echo $this->base_path; ?>users/index.php"><?php echo _AT("home"); ?></a></li>
 356         <?php endif;?>
 357
 358         <?php if (isset($this->guide) && isset($_SESSION["course_id"]) && $this->guide && ($_SESSION["prefs"]["PREF_SHOW_GUIDE"] || $_SESSION["course_id"] == "-1")) : ?>
 359                         <li>
 360                         <div id="guide_box">
 361                                         <!--    <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> -->
 362
 363                                   <a href="<?php echo $this->guide; ?>" id="guide" onclick="ATutor.poptastic('<?php echo $this->guide; ?>'); return false;" target="_new"><?php echo _AT("guide"); ?></a>
 364                         </div>
 365                         </li>
 366                         <?php endif; ?>
 367                 </ul>
 368         </div><!--  END navigation-contentwrapper -->
 369         <!-- ENSURE "content_link" DOESN'T APPEAR IF NOT LOGGED IN -->
 370
 371         </div> <!--  END HEADER -->
 372
 373
 374         <div id="contentwrapper">
 375
 376
 377
 378
 379         <?php if(isset($_SESSION['course_id']) && $_SESSION['course_id'] > 0): ?>
 380                 <div id="content-link-container" role="navigation" aria-live="assertive" class="flc-screenNavigator-navbar ">
 381                 <a id="content_link" href="javascript:void(0);"><?php echo "Course Content Navigation";//_AT("content_navigation"); ?></a>
 382                 <div id="content" style=" display: none; position: relative; z-index: 1;">
 383                 <?php $contentManager->printMainMenu(); ?>
 384                                 <script language="javascript" type="text/javascript"></script>
 385                 </div>
 386                 </div>
 387         <?php endif; ?>
 388
 389                 <div id="inner-contentwrapper" class="fl-container">
 390
 391                         <?php if ((isset($this->course_id) && $this->course_id <= 0)): ?>
 392                                 <!-- style="margin-left:0.5em;width:99%;" -->
 393                         <?php endif; ?>
 394                         <?php if (isset($this->course_id) && $this->course_id > 0): ?>
 395                         <div class="sequence-links">
 396                         <?php if ($_SESSION["prefs"]["PREF_SHOW_NEXT_PREVIOUS_BUTTONS"]) { ?>
 397                                 <?php if ($this->sequence_links['resume']): ?>
 398                                                 <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').': '.$this->sequence_links['resume']['title']; ?></a>
 399                                 <?php else:
 400                                         if ($this->sequence_links['previous']): ?>
 401                                                 <a href="<?php echo $this->sequence_links['previous']['url']; ?>" class="previous-next" title="<?php echo _AT('previous_topic').': '. $this->sequence_links['previous']['title']; ?>"> <?php echo _AT('previous_topic').': '. $this->sequence_links['previous']['title']; ?> </a>
 402                                         <?php endif;
 403                                         if ($this->sequence_links['next']): ?>
 404                                                 <a href="<?php echo $this->sequence_links['next']['url']; ?>" class="previous-next"  title="<?php echo _AT('next_topic').': '.$this->sequence_links['next']['title']; ?>"> <?php echo _AT('next_topic').': '.$this->sequence_links['next']['title']; ?></a>
 405                                         <?php endif; ?>
 406                         <?php endif; ?>
 407                         <?php } ?>
 408                         &nbsp;
 409                 </div> <!-- end sequence-links -->
 410                 <?php endif; ?>
 411
 412         <div id="navigation-column">
 413                 <!--  requires ARIA roles review -->
 414                 <!--  this should be a button on its own  -->
 415                         <?php if ($this->current_sub_level_page): ?>
 416                                 <ul id="topnavlist-tablet"  class="fl-list-menu">
 417                                         <?php $accesscounter = 0; //initialize ?>
 418                                         <?php foreach ($this->top_level_pages as $page): ?>
 419                                                 <?php ++$accesscounter; $accesscounter = ($accesscounter == 10 ? 0 : $accesscounter); ?>
 420                                                 <?php $accesskey_text = ($accesscounter < 10 ? 'accesskey="'.$accesscounter.'"' : ''); ?>
 421                                                 <?php $accesskey_title = ($accesscounter < 10 ? ' Alt+'.$accesscounter : ''); ?>
 422                                                 <?php if ($page['url'] == $this->current_top_level_page): ?>
 423                                                         <!-- note bug http://issues.fluidproject.org/browse/FLUID-4313 makes class "flc-screenNavigator-backButton fl-link-hilight" not work -->
 424                                                         <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>
 425                                                 <?php else: ?>
 426                                                         <li role="menuitem"><a  href="<?php echo $page['url']; ?>" <?php echo $accesskey_text; ?> title="<?php echo $page['title']; ?>"><?php echo $page['title']; ?></a></li>
 427                                                 <?php endif; ?>
 428
 429                                                 <?php $accesscounter = ($accesscounter == 0 ? 11 : $accesscounter); ?>
 430
 431                                         <?php endforeach; ?>
 432
 433                                 </ul>
 434                         <?php endif; ?>
 435
 436
 437         </div>
 438         <div id="contentcolumn">
 439
 440
 441                 <!-- the page title -->
 442                 <a name="content" title="<?php echo _AT('content'); ?>"></a>
 443                 <h2 class="page-title"><?php echo $this->page_title; ?></h2>
 444
 445                 <?php global $msg; $msg->printAll(); $_base_href;?>
 446
 447                 <!-- the sub navigation -->
 448                 <?php if (count($this->sub_level_pages) > 0): ?>
 449                                 <div id="subnavlistcontainer">
 450                                         <div id="subnavbacktopage">
 451                                         <?php if (isset($this->back_to_page)): ?>
 452                                                 <a href="<?php echo $this->back_to_page['url']; ?>">
 453                                                 <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;
 454                                         <?php endif; ?>
 455                                         </div>
 456
 457                                         <ul id="subnavlist">
 458                                         <?php $num_pages = count($this->sub_level_pages); ?>
 459                                         <?php for ($i=0; $i<$num_pages; $i++): ?>
 460                                                 <?php if ($this->sub_level_pages[$i]['url'] == $this->current_sub_level_page): ?>
 461                                                 <li id="test" ><?php echo $this->sub_level_pages[$i]['title']; ?></li>
 462                                                 <?php else: ?>
 463                                                 <li><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
 464                                                 <?php endif; ?>
 465                                         <?php if ($i < $num_pages-1):
 466                                                 echo " ";?>
 467                                         <?php endif; ?>
 468                                         <?php endfor; ?>
 469                                         </ul>
 470                                 </div> <!--  end subnavlistcontainer -->
 471                 <?php endif; ?>
 472
 473 <?php endif; ?><!--  end header template for ipad/tablets -->