<?php
error_reporting(0);
session_start();
error_reporting(E_ALL ^ E_NOTICE);

// with each change of XML or swf content, upincrement the ver=X number
//   around line 205 in the function AC_FL_RunContent() (eg.,  arguments, ".swf?ver=4", ...)

$vernum = '42p';

$isLoggedIn = ((isset($_SESSION['dsiusername']) && $_SESSION['dsiusername'] != '') 
            && (isset($_SESSION['dsiclasscode']) && $_SESSION['dsiclasscode'] != '') ) ? TRUE : FALSE;

if(!$isLoggedIn || isset($_REQUEST['logout'])) {
   $_SESSION['dsiusername'] = '';
   $_SESSION['dsiclasscode'] = '';
   session_destroy();
   //header('Location: http://dsi.dsihome.org');
}

//echo var_dump($_SESSION);
//echo var_dump($_REQUEST);


?>
<html>
	<head>
		<title>DSI: Drug Education Game for Middle School  </title>
		<link rel="stylesheet" type="text/css" href="dsi.css" />
		<STYLE type="text/css">


			* {
				padding:0px;
				margin:0px;
			}
		
			@font-face {
			  font-family: "GraublauWeb";
			  src: url(fonts/GraublauWeb.otf) format("truetype");
			}
			
			@font-face {
			  font-family: "GraublauWeb";
			  font-weight: bold;
			  src: url(fonts/GraublauWebBold.otf) format("truetype") ;
			}
			
			body {
				background: #000;
			}
			
			#topbanner, .topbanner {
				margin-top:10px;
				margin-bottom:20px;
				background:#000;
				height:100px;
				width:600px;
				border:1px solid black;
			}
			
			#greenfolder {
				width:890px;
				margin-top: 0px;
		margin-left: auto;
		margin-bottom: 40px;
		margin-right: auto;
				background: #006d30 url(images/folderTile.png) repeat top left;
				position:relative;
				padding-bottom:-40px;
			}
			
			#dsilogo {
				background: url(images/folderLogo.png) no-repeat top left;
				width:411px;
				height:123px;
				display:block;
			}
			
			#folderHeader {
				width:890px;
				height:100px;
				background: #000 url(images/folderTop.png) no-repeat bottom left;
			}
			
			.article {
				position:relative;
				margin:20px 20px 0px 20px;
				top:50px;
				width:600px;
				padding-bottom:100px;
				min-height:600px;
		
			}
		
			#mainpage {
				background: #e2d9d0 url(images/mainpageTile.png) repeat top left;
				margin-left: 20px;
				margin-right: 20px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:10pt;
				color:#696561;
				top:-57px;
				position:relative;
				z-index:900;
				-webkit-box-shadow: 0 -2px 7px rgb(0,0,0);
				-moz-box-shadow: 0 -2px 7px rgb(0,0,0);
				box-shadow: 0 -2px 7px rgb(0,0,0);
			}
			
			#grantinfo {
				width:378px;
				height:133px;
				background: #fff58a url(images/grantbg.png) repeat-x top left;
				padding:20px;
				overflow:hidden;
				text-align:center;
				font-family:GraublauWeb, Verdana, Arial, Helvetica, sans-serif;
				font-size:9px;
				color:#696561;
				margin-left:10px;
				-webkit-box-shadow: 0 4px 9px rgb(0,0,0);
				-moz-box-shadow: 0 4px 9px rgb(0,0,0);
				box-shadow: 0 4px 9px rgb(0,0,0);
			}
			
			#grantinfo span {
				display:block;
				margin-bottom:10px;
				text-align:left;
			}
			
			#grantinfo img {
				vertical-align: middle;
				margin:0px 5px 0px 5px;
			}
		
			#underpage {
				width:850px;
				height:139px;
				margin-left:20px;
				margin-right:20px;
				margin-top:-57px;
				background: #e9dfd6 url(images/footerbg.png) repeat-x top left;
				-webkit-box-shadow: 0 4px 9px rgb(0,0,0);
				-moz-box-shadow: 0 4px 9px rgb(0,0,0);
				box-shadow: 0 4px 9px rgb(0,0,0);
			}
			
			#idlinfo {
				position:relative;
				left: 448px;
				top:-120px;
				width:400px;
				text-align:center;
				font-family:GraublauWeb, Verdana, Arial, Helvetica, sans-serif;
				font-size:14px;
				color:#696561;
			}
			
			#froglogo {
				display:block;
				width:150px;
				height:78px;
				margin-left:auto;
				margin-right:auto;
				background: url(images/dullfrog.png) no-repeat top left;
			}
			
			#froglogo:hover{
				background: url(images/brightfrog.png) no-repeat top left;
			}
			
			#navtabs {
				width:600px;
				position:relative;
				left:570px;
			}
			
			#navtabs ul {
				position:relative;
			}
			
			#navtabs ul li {
				display:inline;
				list-style-type: none;
				margin-right:4px;
				float:left;
				position:relative;
				
			}
			
			#navtabs ul li a{
				text-decoration:none;
				font-family:GraublauWeb, Verdana, Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:18px;
				color:#06c;
				text-align:center;
				text-indent: 4px;
				padding-top:7px;
				display:block;
				width:116px;
				height:59px;
				background: url(images/tabTop.png) no-repeat top left;
				background-position-y: 0;
				position:relative;
				-webkit-box-shadow: 0 0px 7px rgb(0,0,0);
				-moz-box-shadow: 0 0px 7px rgb(0,0,0);
				box-shadow: 0 0px 7px rgb(0,0,0);
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				margin-top:0px;
				margin-bottom:5px;
			}
			
			#navtabs ul li a:hover {
				margin-top:5px;
				margin-bottom:0px;
				color:#0088ff;
			}
			
			#navtabs ul li.current_page_item a, #navtabs ul li.current_page_ancestor a {
				z-index:1000;
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
			}
			
			#navtabs ul li.current_page_item a:hover, #navtabs ul li.current_page_ancestor a:hover {
				margin-top:0px;
				margin-bottom:5px;
			}
			
			.article h2, .article h1 {
				color:#000;
				margin-top:20px;
				margin-bottom:5px;
			}
			
			.article p {
				margin-left:5px;
				margin-bottom:5px;
			}
			
			.article p+p {
				text-indent:10px;
			}
			
			.article ul, .article ol{
				margin-bottom:10px;
				margin-top:5px;
			}
			
			.article li {
				margin-left:40px;
			}
			
			.article blockquote {
				margin:7px 10px 10px 40px;
				padding-left:10px;
				padding-right:10px;
				color:#888;
				border-left:5px solid #888;
				border-right:2px solid #888; 
			}
			
			.clearly {
				clear:both;
			}
			
			.hiddenPic {
				display:none;
			}
			
			a, h2 a:hover, h3 a:hover {
				color: #06c;
				text-decoration: none;
			}
		
			a:hover {
				color: #147;
				text-decoration: underline;
			}
			ul.bottomlinks {
			position:relative;
			list-style:none;
			margin-left:auto;
			margin-right:auto;
			}
			
			ul.bottomlinks li {
			display:inline;
			float:left;
			border:0px solid #000;
			background-color:#ddd;
			text-align:center;
			margin:1px;
			padding:0;
			}
			
			ul.bottomlinks li a {
			display:block;
			width:89px;
			height:40px;
			padding:0px;
			padding-top:5px;
			padding-bottom:5px;
			margin:0px;
			font-weight:bold;
			}
			
			ul.bottomlinks li a:hover, .selected, .sublinks a:hover {
			color:#fff;
			background-color:#35a9d7;
			text-decoration:none;
			}
		</STYLE>
	</head>
	<body topmargin="0">
		<div id="greenfolder">
			<div id="folderHeader">
				<a href="http://dsi.dsihome.org" title="DSI: Drug Scene Investigators" id="dsilogo"></a>
			</div>
			<div id="navtabs">
				<ul>
					<li class="page_item"><a href="/improve.php">Feedback</a></li>
					<li class="page_item"><a href="/play.php?logout=true">Logout</a></li>  
				</ul>
				<div class="clearly"></div>
			</div>

			<div id="mainpage">
				<div class="article" id="post-226">
					<h2 class="headlink"><a href="/play.php">Click here to start the DSI Game</a></h2>

					<h2 class="headinst">Useful Instructions for playing DSI</h2>
			
					<ol>
						<li>Make up a unique USERNAME for yourself... something unique you can remember.  You need it to come back and continue saved cases.  Leave "Class code" set to "demo3".</li>
						<li>Play all five cases.  Start with "Zoe Goes Swimming" if you want a tutorial.  Other cases are harder, with less help!</li>
						<li>Click this <a href="/improve.php">"Improve DSI"</a> link to tell us what you think of DSI!</li>
						<li>Click <a href="/play.php?logout=true">here to log out of DSI</a> when you are done playing. Remember your username!</li>
						<li>Problems? Try resizing your browser window, or restarting your browser first.  Email "support@indepthlearning.org" and tell us details of your problem if you need even more help.</li>
					</ol>
					
					<div class="clearly"></div>
			
				</div>
			</div>
			<div id="footer">
				<div id="underpage">
					<div id="grantinfo">
						<span>Developed by non-profit inDepthLearning with support by grant R25DA021715 from the National Institute On Drug Abuse. The content is solely the responsibility of inDepthLearning and does not necessarily represent the official views of the National Institute On Drug Abuse or the National Institutes of Health.</span>
						<img src="images/nih.png" id="nih"/>
						<img src="images/nida.png" id="nida"/>
						<img src="images/dohhs.png" id="dohhs"/>
					</div>
				</div>
				<div id="idlinfo">
					<a href="http://www.indepthlearning.org" id="froglogo"></a>
					<span>&copy;2011 <a href="http://www.indepthlearning.org">inDepthLearning</a>, Ann Arbor MI 48104</span>
				</div>
			</div>
		</div>	
	</body>
</html>