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
  53 // will have to be moved to the header.inc.php
  54 global $system_courses, $_custom_css, $db, $_base_path, $contentManager;
  55
  56 // 1. any click on the page closes the content menu but the link "content_link" itself
  57 // 2. the click on link "content_link" opens the content menu
  58
  59
  60 require ('TeraWurflRemoteClient.php');
  61 $wurflObj = new TeraWurflRemoteClient('http://wurfl.thesedays.com/webservice.php');
  62 $capabilities = array("product_info");
  63 $data_format = TeraWurflRemoteClient::$FORMAT_JSON;
  64 $wurflObj->getCapabilitiesFromAgent(null, $capabilities, $data_format);
  65
  66 // open/close content menu
  67 $this->onload .= "
  68 jQuery('#content_link').click(function(e) {
  69   e.stopPropagation();
  70
  71   jQuery('#content').slideToggle(0);
  72   jQuery('#content_link').toggleClass('content_link_tablet_highlight');
  73   jQuery('#content_link').toggleClass('triangle-isosceles');
  74   jQuery('#content_link').toggleClass('top');
  75   jQuery('#content_link').toggleClass('right');
  76   ";
  77 $this->onload .= "});
  78 ";
  79
  80 //open/close subnavlist in smartphones
  81
  82 $this->onload .= "
  83 jQuery('#subnavlist-link').click(function(e) {
  84   e.stopPropagation();
  85
  86   jQuery('#subnavlist').slideToggle();
  87   jQuery('#subnavlist-link').toggleClass('content-closed');
  88   jQuery('fl-theme-iphone').toggleClass('subnavcontain2');
  89
  90   ";
  91 $this->onload .= "});
  92 ";
  93 // open/close content menu - smartphones
  94 $this->onload .= "
  95 jQuery('#content_link_phone').click(function(e) {
  96   e.stopPropagation();
  97
  98   jQuery('#content').slideToggle();
  99
 100   jQuery('#content_link_phone').toggleClass('topnavlist-link-highlight');
 101   jQuery('#content_link_phone').toggleClass('content-closed');
 102   ";
 103 $this->onload .= "});
 104 ";
 105
 106 // open/close header navigational menu for smartphones
 107 // jQuery('#topnavlist-link').toggleClass('topnavlist-link-highlight');
 108 $this->onload .= "
 109 jQuery(document).click(function () {
 110 jQuery('#topnavlist').slideUp(600);});
 111 jQuery('.topnavlist-link').click(function(e) {
 112   e.stopPropagation();
 113   jQuery('#topnavlist').slideToggle();
 114  jQuery('#topnavlist-link').toggleClass('.topnavlist-link-highlight');
 115 });
 116 ";
 117
 118 // open/close header navigational menu for tablets
 119
 120 $this->onload .= "
 121 jQuery(document).click(function () {
 122 jQuery('#navigation-column').slideUp(200);});
 123 jQuery('.topnavlist-link').click(function(e) {
 124   e.stopPropagation();
 125   jQuery('#navigation-column').slideToggle(0);
 126     jQuery('#topnavlist-link').toggleClass('topnavlist-link-highlight');
 127     jQuery('#topnavlist-link').toggleClass('triangle-isosceles');
 128     jQuery('#topnavlist-link').toggleClass('top');
 129 });
 130 ";
 131
 132 //jQuery for Gmail dock-style "more" button that makes the subnavlist expand for more options
 133 $this->onload .= "
 134
 135 jQuery('.more-button').toggle(function(e) {
 136   jQuery('.subnavlist-more').show();
 137   jQuery('#switch').attr('src','images/hidemenu.gif' );
 138   jQuery('#switch').attr('title', 'less menu items');
 139   jQuery('#switch').attr('alt', 'less menu items');
 140 },function(){
 141   jQuery('.subnavlist-more').hide();
 142   jQuery('#switch').attr('src', 'images/showmenu.gif' );
 143   jQuery('#switch').attr('title', 'more menu items');
 144   jQuery('#switch').attr('alt', 'more menu items');
 145 });
 146 ";
 147
 148 //hide and show results on Browse Courses page
 149
 150 $this->onload .= "
 151 jQuery('#results-hide-show-link').click(function(e) {
 152   e.stopPropagation();
 153     jQuery('#results-display').slideToggle();
 154     jQuery(this).toggleClass('content-closed');
 155     jQuery(this).preventDefault();
 156   ";
 157 $this->onload .= "});
 158 ";
 159
 160 //hide and show results elsewhere (uses classes)
 161 $this->onload .= "
 162 jQuery('.results-hide-show-link').click(function(e) {
 163   e.stopPropagation();
 164         jQuery(this).parent().next('.results-display').slideToggle();
 165           jQuery(this).toggleClass('content-closed');
 166   ";
 167 $this->onload .= "});
 168 ";
 169
 170
 171 // Hide the addressbar
 172 $this->onload .= "
 173 setTimeout(function() { window.scrollTo(0, 1) }, 100);
 174 ";
 175
 176
 177
 178 ?>
 179
 180 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 181
 182 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="<?php echo $this->lang_code; ?>">
 183
 184 <head>
 185         <title><?php echo SITE_NAME; ?> : <?php echo $this->page_title; ?></title>
 186         <meta http-equiv="Content-Type" content="text/html; charset=<?php echo $this->lang_charset; ?>" />
 187         <meta name="Generator" content="ATutor - Copyright 2005 by http://atutor.ca" />
 188         <base href="<?php echo $this->content_base_href; ?>" />
 189         <link rel="shortcut icon" href="<?php echo $this->base_path; ?>favicon.ico" type="image/x-icon" />
 190         <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/print.css" type="text/css" media="print" />
 191         <!-- mobile fss -->
 192         <link rel="stylesheet" href="<?php echo $this->base_path; ?>jscripts/infusion/framework/fss/css/fss-mobile-layout.css" type="text/css"/>
 193         <link rel="stylesheet" href="<?php echo $this->base_path; ?>jscripts/infusion/framework/fss/css/fss-mobile-theme-iphone.css" type="text/css"/>
 194
 195 <?php if ($this->is_mobile_device == true): ?>
 196         <?php if ($this->mobile_device_type == ANDROID_DEVICE): ?>
 197         <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/mobile.css" type="text/css"/>
 198         <meta name="viewport" content="user-scalable=no, width=device-width" />
 199         <?php endif; ?>
 200         <?php if ($this->mobile_device_type == IPOD_DEVICE || $this->mobile_device_type == IPHONE_DEVICE): ?>
 201         <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/mobile.css" type="text/css"/>
 202         <meta name="viewport" content="user-scalable=no, width=device-width" />
 203         <?php endif; ?>
 204         <!-- Armin 25.08.2010: Detect BLACKBERRY_DEVICE and use blackberry.css-->
 205         <?php if ($this->mobile_device_type == BLACKBERRY_DEVICE): ?>
 206         <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/blackberry.css" type="text/css"/>
 207         <meta name="viewport" content="user-scalable=no, width=device-width" />
 208         <?php endif; ?>
 209         <?php if ($this->mobile_device_type == IPAD_DEVICE): ?>
 210         <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/tablet.css" type="text/css"/>
 211         <meta name="viewport" content="width=768px, minimum-scale=1.0, maximum-scale=1.0" />
 212         <?php endif; ?>
 213 <?php endif; ?>
 214
 215         <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/forms.css" type="text/css" />
 216         <!-- Fluid Infusion mobile fss extension.. remove when it is committed to Mobile FSS -->
 217         <link rel="stylesheet" href="<?php echo $this->base_path.'themes/'.$this->theme; ?>/moz.css" type="text/css" />
 218         <!-- Fluid Infusion -->
 219         <script src="<?php echo $this->base_path; ?>jscripts/infusion/InfusionAll.js" type="text/javascript"></script>
 220         <script language="javascript" type="text/javascript">
 221
 222         //<!--
 223         jQuery.noConflict();
 224         //-->
 225         </script>
 226         <script src="<?php echo $this->base_path; ?>jscripts/ATutor.js" type="text/javascript"></script>
 227
 228
 229 <?php echo $this->rtl_css; ?>
 230 <?php if (isset($this->course_id) && $system_courses[$this->course_id]['rss']): ?>
 231         <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" />
 232         <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" />
 233 <?php endif; ?>
 234
 235
 236 <?php echo $this->custom_css; ?>
 237 </head>
 238
 239
 240 <?php if ($this->mobile_device_type != IPAD_DEVICE): ?><!--  smartphone theme only -->
 241
 242 <body onload="<?php echo $this->onload; ?>" class="fl-theme-iphone ui-mobile-viewport">
 243
 244 <div id="wrapper">
 245 <div id="main">
 246         <div id="header">
 247
 248                 <a href="<?php echo htmlspecialchars($_SERVER['REQUEST_URI'], ENT_QUOTES); ?>#content">
 249                 <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>
 250
 251                 <div id="header-section-title">
 252                         <!-- <?php if (isset($_SESSION['valid_user']) && $_SESSION['valid_user']):
 253                                         echo '<div id="site-name">'.stripslashes(SITE_NAME).'</div>';
 254                                 endif; ?> -->
 255                         <h1 id="section-title"><?php echo $this->section_title; ?>
 256                                 <?php if ((isset($this->course_id) && $this->course_id > 0) && ($_SESSION['enroll'] == AT_ENROLL_NO)) : ?>
 257                                 <!-- <small><a href="<?php echo $this->base_path; ?>enroll.php?course=<?php echo $this->course_id; ?>"><?php echo _AT('enroll_me'); ?></a></small>-->
 258                                 <?php endif; ?>
 259                                 </h1>
 260                 </div>
 261         </div> <!--  END HEADER -->
 262
 263
 264         <div id="contentwrapper">
 265         <div id="navigation-contentwrapper">
 266         <div id="navigation-bar">
 267
 268                         <?php if ($this->current_sub_level_page): ?>
 269                         <div id="topnavlistcontainer" role="menu" aria-live="assertive" class="topnavlistcontainer" >
 270                         <a class="navigation-bar-button topnavlist-link" id="topnavlist-link" href="javascript:void(0);" tabindex="1"><?php echo _AT('navigation'); ?></a>
 271                                 <ul id="topnavlist"  class="fl-list-menu" role="menu">
 272                                         <?php $accesscounter = 0; //initialize ?>
 273                                         <?php foreach ($this->top_level_pages as $page): ?>
 274                                                 <?php ++$accesscounter; $accesscounter = ($accesscounter == 10 ? 0 : $accesscounter); ?>
 275                                                 <?php $accesskey_text = ($accesscounter < 10 ? 'accesskey="'.$accesscounter.'"' : ''); ?>
 276                                                 <?php $accesskey_title = ($accesscounter < 10 ? ' Alt+'.$accesscounter : ''); ?>
 277                                                 <?php if ($page['url'] == $this->current_top_level_page): ?>
 278                                                         <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>
 279                                                 <?php else: ?>
 280                                                         <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>
 281                                                 <?php endif; ?>
 282
 283                                                 <?php $accesscounter = ($accesscounter == 0 ? 11 : $accesscounter); ?>
 284
 285                                         <?php endforeach; ?>
 286                                         <?php if(!$this->just_social): ?>
 287                                         <li role="menuitem"><span class="arrow-highlight"><a href="<?php echo $this->base_path; ?>search.php"><?php echo _AT('search'); ?></a></span></li>
 288                                         <?php endif; ?>
 289                                 </ul>
 290                         </div>
 291                         <?php endif; ?>
 292                 </div>
 293
 294
 295
 296
 297         <ul class="home-guide fl-tabs" id="home-guide" role="menu">
 298         <!--  CHECK TO SEE IF USER IS A STUDENT -->
 299         <?php if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == 0 ):?>
 300                 <li role="menuitem"><a  href="<?php echo $this->base_path; ?>users/index.php"><?php echo _AT("home"); ?></a></li>
 301         <?php endif;?>
 302         <!--  CHECK TO SEE IF USER IS AN ADMINISTRATOR -->
 303         <?php //if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == 1):
 304                 if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == AT_ADMIN_PRIV_ADMIN):?>
 305                 <li role="menuitem"><a href="<?php echo $this->base_path; ?>admin/index.php"><?php echo _AT("home"); ?></a></li>
 306         <?php endif;?>
 307         <!--  CHECK TO SEE IF USER IS AN INSTRUCTOR -->
 308         <?php if($_SESSION['is_admin'] == 1): ?>
 309                 <li role="menuitem"><a href="<?php echo $this->base_path; ?>users/index.php"><?php echo _AT("home"); ?></a></li>
 310         <?php endif;?>
 311
 312         <?php if (isset($this->guide) && isset($_SESSION["course_id"]) && $this->guide && ($_SESSION["prefs"]["PREF_SHOW_GUIDE"] || $_SESSION["course_id"] == "-1")) : ?>
 313                         <li role="menuitem">
 314                         <div id="guide_box">
 315                                         <!--    <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> -->
 316
 317                                   <a href="<?php echo $this->guide; ?>" id="guide" onclick="ATutor.poptastic('<?php echo $this->guide; ?>'); return false;" target="_new"><?php echo _AT("guide"); ?></a>
 318                         </div>
 319                         </li>
 320                         <?php endif; ?>
 321                 </ul>
 322         </div><!--  END navigation-contentwrapper -->
 323
 324
 325                 <div id="inner-contentwrapper" class="fl-container" >
 326
 327
 328
 329                 <!-- the sub navigation -->
 330                 <div id="subnavbacktopage">
 331                 <?php if (count($this->sub_level_pages) > 0): ?>
 332
 333                         <div id="subnavlistcontainer">
 334
 335                                 <!-- id="subnavlist" -->
 336                         <div class="subnavcontain-contain" role="menu" aria-live="assertive">
 337                                 <div class="subnavcontain">
 338                                         <div class="rectangle">
 339                                                 <?php $num_pages = count($this->sub_level_pages); ?>
 340                                                                 <?php for ($i=0; $i<$num_pages; $i++): ?>
 341                                                                         <?php if($i==0): ?>
 342
 343                                                                         <a id="subnavlist-link" class="content-expand" href="javascript:void(0);"> Topics in <?php echo $this->sub_level_pages[$i]['title']; ?></a>
 344                                                                         <?php endif; ?>
 345                                                                 <?php endfor;?>
 346                                         </div>
 347                                 </div>
 348                                         <ul id="subnavlist" class="fl-list-menu">
 349                                         <?php $num_pages = count($this->sub_level_pages); ?>
 350                                         <?php for ($i=0; $i<$num_pages; $i++): ?>
 351                                                 <?php if ($this->sub_level_pages[$i]['url'] == $this->current_sub_level_page): ?>
 352                                                         <li><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
 353                                                 <?php else: ?>
 354                                                         <li><a href="<?php echo $this->sub_level_pages[$i]['url']; ?>"><?php echo $this->sub_level_pages[$i]['title']; ?></a></li>
 355                                                 <?php endif; ?>
 356                                         <?php if ($i < $num_pages-1):
 357                                                 echo " ";?>
 358                                         <?php endif; ?>
 359                                         <?php endfor; ?>
 360                                         </ul>
 361                                 </div>
 362                         </div>
 363                 <?php endif; ?>
 364         </div> <!--end subnavbacktopage-->
 365
 366         <div id="contentcolumn">
 367
 368
 369                 <!--the page title-->
 370                 <div id="page-title-back-to-page">
 371                 <a name="content" title="<?php echo _AT('content'); ?>"></a>
 372                 <h2 class="page-title"><?php echo $this->page_title; ?></h2>
 373                         <div id="back-to-page">
 374                                 <?php if (isset($this->back_to_page)): ?>
 375                                         <a href="<?php echo $this->back_to_page['url']; ?>">
 376                                         <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;
 377                                 <?php endif; ?>
 378                 </div>
 379                 </div><!--  end page-title-back-to-page -->
 380
 381                 <?php global $msg; $msg->printAll(); $_base_href;?>
 382                         <div id="content-sequence-links">
 383                         <!-- ENSURE "content_link" DOESN'T APPEAR IF NOT LOGGED IN -->
 384                 <?php if (isset($this->course_id) && $this->course_id > 0): ?>
 385
 386                 <?php endif; ?>
 387
 388
 389         <?php if(isset($_SESSION['course_id']) && $_SESSION['course_id'] > 0): ?>
 390
 391                 <div class="subnavcontain-contain" role="menu" aria-live="assertive">
 392                         <div class="subnavcontain">
 393                                 <div class="rectangle">
 394                                 <a id="content_link_phone"  class="content-expand" href="javascript:void(0);" >View Course Content</a>
 395                                 <!-- <a href="#">content</a> -->
 396                                 </div>
 397                         </div>
 398
 399                 <div id="content">
 400                         <?php $contentManager->printMainMenu(); ?>
 401                                 <script language="javascript" type="text/javascript"></script>
 402                 </div>
 403
 404         </div>
 405
 406
 407
 408                         <?php if (isset($this->course_id) && $this->course_id > 0): ?>
 409
 410                         <div class="subnavcontain2">
 411                         <ul class="sequence-links">
 412                                 <?php if ($_SESSION["prefs"]["PREF_SHOW_NEXT_PREVIOUS_BUTTONS"]) { ?>
 413                                         <?php if ($this->sequence_links['resume']): ?>
 414
 415                                                 <li class="rectangle2">
 416                                                         <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>
 417                                                 </li>
 418
 419                                         <?php else:
 420                                                 if ($this->sequence_links['previous']): ?>
 421
 422                                                 <li class="rectangle2 arrow back">
 423                                                         <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>
 424                                                 </li>
 425
 426                                         <?php endif;
 427                                                 if ($this->sequence_links['next']): ?>
 428
 429                                                 <li class=" rectangle2 arrow forward">
 430                                                         <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>
 431                                                 </li>
 432
 433                                         <?php endif; ?>
 434                                 <?php endif; ?>
 435                         <?php } ?>
 436                                 &nbsp;
 437                                 </div>
 438                         </ul>
 439                 <?php endif; ?>
 440
 441
 442         </div>
 443         <?php endif; ?>
 444
 445
 446
 447                 <!-- the sub navigation -->
 448 <?php endif; ?>
 449
 450
 451
 452 <!--  end header template for iphone, android, blackberry -->
 453 <?php if ($this->mobile_device_type == IPAD_DEVICE): ?><!-- start header template for ipad/tablets -->
 454 <body onload="<?php echo $this->onload; ?>" class="fl-theme-iphone ui-mobile-viewport">
 455
 456 <div id="wrapper">
 457 <div id="main">
 458
 459         <div id="header" role="header">
 460
 461         <div class="bypass">
 462                 <a href="<?php echo htmlspecialchars($_SERVER['REQUEST_URI'], ENT_QUOTES); ?>#page-title" accesskey="c">
 463                 <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>
 464 </div>
 465
 466
 467         <div id="header-section-title">
 468                         <h1 id="section-title"><?php echo $this->section_title; ?></h1>
 469                 </div>
 470
 471
 472         <div id="navigation-contentwrapper" role="menubar" >
 473
 474                         <?php if ($this->current_sub_level_page): ?>
 475                         <div id="topnavlistcontainer" role="navigation" aria-live="assertive" class="topnavlistcontainer fl-container" >
 476                         <a class="navigation-bar-button topnavlist-link" id="topnavlist-link" href="javascript:void(0);" tabindex="1"><?php echo _AT('navigation'); ?></a>
 477
 478                                 <div id="navigation-column">
 479                                 <?php if ($this->current_sub_level_page): ?>
 480                                 <ul id="topnavlist-tablet"  class="fl-list-menu" role="menu">
 481                                         <?php $accesscounter = 0; //initialize ?>
 482                                         <?php foreach ($this->top_level_pages as $page): ?>
 483                                                 <?php ++$accesscounter; $accesscounter = ($accesscounter == 10 ? 0 : $accesscounter); ?>
 484                                                 <?php $accesskey_text = ($accesscounter < 10 ? 'accesskey="'.$accesscounter.'"' : ''); ?>
 485                                                 <?php $accesskey_title = ($accesscounter < 10 ? ' Alt+'.$accesscounter : ''); ?>
 486                                                 <?php if ($page['url'] == $this->current_top_level_page): ?>
 487                                                         <!-- note bug http://issues.fluidproject.org/browse/FLUID-4313 makes class "flc-screenNavigator-backButton fl-link-hilight" not work -->
 488                                                         <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>
 489                                                 <?php else: ?>
 490                                                         <li role="menuitem"><a  href="<?php echo $page['url']; ?>" <?php echo $accesskey_text; ?> title="<?php echo $page['title']; ?>"><?php echo $page['title']; ?></a></li>
 491                                                 <?php endif; ?>
 492
 493                                                 <?php $accesscounter = ($accesscounter == 0 ? 11 : $accesscounter); ?>
 494
 495                                         <?php endforeach; ?>
 496
 497                                 </ul>
 498                                 <?php endif; ?>
 499                         </div>
 500                         </div>
 501                         <?php endif; ?>
 502
 503         <ul class="home-guide fl-tabs" id="home-guide" role="menu">
 504         <!--  CHECK TO SEE IF USER IS A STUDENT -->
 505         <?php if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == 0 ):?>
 506                 <li role="menuitem"><a href="<?php echo $this->base_path; ?>users/index.php"><?php echo _AT("home"); ?></a></li>
 507         <?php endif;?>
 508         <!--  CHECK TO SEE IF USER IS AN ADMINISTRATOR -->
 509         <?php //if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == 1):
 510                 if($_SESSION['is_admin'] == 0 && $_SESSION['privileges'] == AT_ADMIN_PRIV_ADMIN):?>
 511                 <li role="menuitem"><a href="<?php echo $this->base_path; ?>admin/index.php"><?php echo _AT("home"); ?></a></li>
 512         <?php endif;?>
 513         <!--  CHECK TO SEE IF USER IS AN INSTRUCTOR -->
 514         <?php if($_SESSION['is_admin'] == 1): ?>
 515                 <li role="menuitem"><a href="<?php echo $this->base_path; ?>users/index.php"><?php echo _AT("home"); ?></a></li>
 516         <?php endif;?>
 517
 518         <?php if (isset($this->guide) && isset($_SESSION["course_id"]) && $this->guide && ($_SESSION["prefs"]["PREF_SHOW_GUIDE"] || $_SESSION["course_id"] == "-1")) : ?>
 519                         <li>
 520                         <div id="guide_box">
 521                                         <!--    <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> -->
 522
 523                                   <a href="<?php echo $this->guide; ?>" id="guide" onclick="ATutor.poptastic('<?php echo $this->guide; ?>'); return false;" target="_new"><?php echo _AT("guide"); ?></a>
 524                         </div>
 525                         </li>
 526                         <?php endif; ?>
 527                 </ul>
 528
 529         <?php if (isset($this->course_id) && $this->course_id > 0): ?>
 530
 531 <div id="sequence-links-course-navigation">
 532                 <ul class="sequence-links fl-tabs" id="sequence-links" >
 533                         <?php if ($_SESSION["prefs"]["PREF_SHOW_NEXT_PREVIOUS_BUTTONS"]) { ?>
 534                                 <?php if ($this->sequence_links['resume']): ?>
 535                                                 <li >
 536                                                 <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>
 537                                                 </li>
 538                                 <?php else:
 539                                         if ($this->sequence_links['previous']): ?>
 540                                                 <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>
 541                                                 </li>
 542                                         <?php endif;
 543                                         if ($this->sequence_links['next']): ?>
 544                                                 <li class="arrow forward">
 545                                                 <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>
 546                                                 </li>
 547                                         <?php endif; ?>
 548                                 <?php endif; ?>
 549                         <?php } ?>
 550                                 &nbsp;
 551                         </ul> <!-- end sequence-links -->
 552                 <?php endif; ?>
 553
 554                 <?php if(isset($_SESSION['course_id']) && $_SESSION['course_id'] > 0): ?>
 555                 <div id="course-level-navigation">
 556
 557
 558
 559                         <div id="content-link-container" role="navigation" aria-live="assertive" class="flc-screenNavigator-navbar ">
 560                                 <a id="content_link" class="content_link_tablet content_link"  href="javascript:void(0);"><?php echo "Content";//_AT("content_navigation"); ?></a>
 561                         </div>
 562                         </div><!-- course-level navigation -->
 563                                 <div id="content">
 564                                         <?php $contentManager->printMainMenu(); ?>
 565                                         <script language="javascript" type="text/javascript"></script>
 566                                 </div>
 567
 568                 </div> <!-- end sequence-links-course-navigation -->
 569                 <?php endif;?>
 570
 571
 572
 573
 574
 575
 576
 577         </div>
 578         </div> <!--  END HEADER -->
 579
 580 <?php if (count($this->sub_level_pages) > 0): ?>
 581                                 <div id="subnavlistcontainer" role="menu" aria-live="assertive" >
 582
 583                                         <!-- Markup for a subnavlist styled like a Gmail dock. Clean up this code for redundancy but it works for now. -->
 584                                         <!-- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B6C0C6), to(#F8FAFB));  -->
 585                                         <ul id="subnavlist" style="text-decoration: none; text-align: center; border-bottom: 1px #B6C0C6 solid; background: #B6C0C6; ">
 586                                         <?php $num_pages = count($this->sub_level_pages); ?>
 587                                                 <?php for ($i=0; $i<$num_pages; $i++): ?>
 588
 589                                                         <?php if($num_pages <= 5): ?>
 590                                                                 <?php if($this->sub_level_pages[$i][url] == $this->current_sub_level_page): ?>
 591                                                                 <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>
 592                                                                 <?php else: ?>
 593                                                                 <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>
 594                                                                 <?php endif; ?>
 595                                                         <?php endif; ?>
 596                                                         <?php if($num_pages > 5): ?>
 597                                                                 <?php if($i <= 5):?>
 598                                                                         <?php if($this->sub_level_pages[$i][url] == $this->current_sub_level_page): ?>
 599                                                                                 <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>
 600                                                                         <?php else: ?>
 601                                                                                 <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>
 602                                                                         <?php endif; ?>
 603                                                                 <?php endif;?>
 604                                                                 <?php if($i== 6): ?>
 605                                                                         <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>
 606                                                                         <li role="menuitem">
 607                                                                         <ul class="subnavlist-more">
 608                                                                         <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>
 609
 610                                                                 <?php endif;?>
 611                                                                 <?php if($i > 6 && $i < $num_pages): ?>
 612                                                                         <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>
 613                                                                 <?php endif;?>
 614                                                                 <?php if($i==$num_pages): ?>
 615                                                                         <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>
 616                                                                         </ul>
 617                                                                         </li>
 618                                                                 <?php endif; ?>
 619                                                         <?php endif; ?>
 620
 621
 622
 623                                         <?php if ($i < $num_pages-1):
 624                                                 echo " ";?>
 625                                         <?php endif; ?>
 626                                         <?php endfor; ?>
 627                                         </ul>
 628
 629                                 </div> <!--  end subnavlistcontainer -->
 630                 <?php endif; ?>
 631
 632         <?php global $msg; $msg->printAll(); $_base_href;?>
 633
 634
 635         <!-- </div>end #main -->
 636                 <div id="contentwrapper" class="fl-container" >
 637                 <a name="page-title" id="page-title"></a>
 638                 <h2 class="page-title" ><?php echo $this->page_title; ?></h2>
 639                 <div id="subnavbacktopage" >
 640                                         <?php if (isset($this->back_to_page)): ?>
 641                                                 <a href="<?php echo $this->back_to_page['url']; ?>">
 642                                                 <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;
 643                                         <?php endif; ?>
 644                                 </div>
 645
 646         <!--  check if a user is logged-into a course and if so display breadcrumbs.  -->
 647                 <?php if(isset($_SESSION['course_id']) && $_SESSION['course_id'] > 0): ?>
 648                 <?php if (isset($_SESSION["prefs"]["PREF_SHOW_BREAD_CRUMBS"]) && $_SESSION["prefs"]["PREF_SHOW_BREAD_CRUMBS"]) { ?>
 649
 650                         <div class="crumbcontainer">
 651                           <div id="breadcrumbs">
 652                           <?php foreach ($this->path as $page): ?>
 653                                   <a href="<?php echo $page['url']; ?>"><?php echo htmlspecialchars($page['title'], ENT_COMPAT, "UTF-8"); ?></a> >
 654                           <?php endforeach; ?> <?php echo $this->page_title; ?>
 655                           </div>
 656                         </div>
 657           <?php } ?>
 658          <?php endif; ?>
 659
 660 <?php endif; ?><!--  end header template for ipad/tablets -->