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