<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>GroupLingo - Keep up with your group</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="<?=base_url();?>cdn/default.css" rel="stylesheet" type="text/css" media="screen" />
<link rel="stylesheet" href="<?=base_url();?>cdn/bubbles.css" type="text/css" media="screen" charset="utf-8" /></head>


 <script src="http://www.google.com/jsapi" type="text/javascript"> </script>



<script type="text/javascript">
  // You may specify partial version numbers, such as "1" or "1.3",
  //  with the same result. Doing so will automatically load the 
  //  latest version matching that partial revision pattern 
  //  (e.g. 1.3 would load 1.3.2 today and 1 would load 1.4.1).
  google.load("jquery", "1.4.2");
//  google.load("jqueryui", "1.7.2");
 
  google.setOnLoadCallback(function() {
    // Place init code here instead of $(document).ready()
  });
</script>


	

<script type="text/JavaScript" src="<?=base_url();?>cdn/rounded_corners.inc.js"></script>
	<script type="text/JavaScript">
	  window.onload = function() {
	      settings = {
	          tl: { radius: 10 },
	          tr: { radius: 10 },
	          bl: { radius: 10 },
	          br: { radius: 10 },
	          antiAlias: true,
	          autoPad: true
	      }
	      var myBoxObject = new curvyCorners(settings, "rounded");
	      myBoxObject.applyCornersToAll();
	  }
</script>

<style>
.messagebox{
	border:none;
}
.messageboxok{
	border:none;
	font-weight:bold;
	color:#33CC00;
	
}
.messageboxerror{
	border:none;
	font-weight:bold;
	color:#FF0000;
}


ol.timeline
{
list-style:none
}
ol.timeline li
{
position:relative;
border-bottom:1px #dedede dashed;
padding:8px;
}
.morebox
{
font-weight:bold;
color:#333333;
text-align:center;
border:solid 1px #333333;
padding:8px;
margin-top:8px;
margin-bottom:8px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.morebox a{ color:#333333; text-decoration:none}
.morebox a:hover{ color:#333333; text-decoration:none}
#container{height:50%; width:80% }



</style>
</head>



<body>

<!-- start header -->
<div id="header">
	<div id="logo">
		<h1><a href="#">GroupLingo</a></h1>
		<p><a href="http://www.grouplingo.org/">Keep up with your group</a></p>
	</div>
	<div id="menu">
		<ul>
			<li <?php if($this->uri->segment(2) == 'account' || '' ){echo ' class="current_page_item" ';}?>>
			<a href="<?=base_url();?><?=index_page();?>/admin/<?php if($this->session->userdata('logged_in')==TRUE){echo 'account';}else{echo '';}?>">Home</a></li>
	
	<?php 
	 if($this->session->userdata('admin_logged_in')==TRUE)
	 {
	 
	
	 
	 ?>
	
		<li <?php if($this->uri->segment(2) == 'groups'){echo ' class="current_page_item" ';}?> ><a href="<?php echo base_url();?><?php echo index_page();?>/admin/groups">Groups</a></li>
		

				<li <?php if($this->uri->segment(2) == 'messages'){echo ' class="current_page_item" ';}?> ><a href="<?php echo base_url();?><?php echo index_page();?>/admin/messages">Messages</a></li>

					
					
					
			><li><a href="<?php echo base_url();?><?php echo index_page();?>/admin/logout">Logout</a></li>
	
	
	
	
	
	
	<?php
	
	   }
	   
	  ?>
		</ul>
	</div>
</div>
<!-- end header -->