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