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