// lstemplate.js
// Contains 2 functions which are called from the template: one for the mastead and sidebar navigation,
//		and one for the content section closing, footer and credits section.

// New site pages should have (see lstemplate.html for example):
//
//		<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
//		<html>
//		<head>
//		<title>Page title here</title>
//		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
//		<meta> more tags as in index.html (or whatever the individual site wants)
//
//		<link media="screen" href="css/style.css" rel="stylesheet" type="text/css">
//		<link media="print" href="css/print.css" rel="stylesheet" type="text/css">

//		<script type="text/javascript" language="javascript" src="javascripts/lib.js"></script>
//		<script src="javascripts/prototype.js" type="text/javascript"></script>
//		<script src="javascripts/scriptaculous.js" type="text/javascript"></script>
//
//		<script type="text/javascript" language="javascript" src="javascripts/lstemplate.js"></script>
//
//		<!-- set up html for masthead, sidebar navigation and footer using javascript -->
//		<!-- *** SET UPDATE DATE HERE FOR THIS PAGE *** -->
//		<script type="text/javascript" language="javascript">
//			lstemplate_top_html = lstemplate_top();
//			lstemplate_bot_html = lstemplate_bot(updatedate);
//		</script>
//
//		</head>
//		<body>
//
//		<script type="text/javascript" language="javascript">
//			document.write(lstemplate_top_html);
//		</script>
//
//		*** INSERT MAIN PAGE CONTENT FOR NEW PAGE HERE ***
//			*** See lstemplate.html for example ***
//
//		<script type="text/javascript" language="javascript">
//			document.write(lstemplate_bot_html);
//		</script>
//
//		</body>
//		</html>
//


// Return html for rotating image masthead and sidebar navigation

function lstemplate_top () {

	return ('<div id="container">' + 

	'<!-- masthead images:  2 overlaying divs fading in and out via javascript -->' + 
	'<div id="header">' + 
		'<div id="header_img1">' +
			'<a href="http://www.lsrhs.net/" onMouseOver="this.style.cursor=\'pointer\';">' +
				'<img id="Scene_img1" name="Scene_img1" src="i/masthead/scene1.jpg" alt="" width="800" height="200" border="0">' +
			'</a>' +
		'</div> <!-- header_img1 -->' +
		'<div id="header_img2">' +
			'<a href="http://www.lsrhs.net/" onMouseOver="this.style.cursor=\'pointer\';">' +
				'<img id="Scene_img2" style="display:none;" name="Scene_img2" src="i/masthead/scene2.jpg" alt="" width="800" height="200" border="0">' +
			'</a>' +
		'</div> <!-- header_img2 -->' +
	'</div>' +
	
	'<!-- main wrapper -->' +
	'<div id="wrapper">' +
	
		'<!-- left column navigation -->' +
		'<div id="sidenav">' +
			'<ul>' +
				'<li><a href="newsletter.html">LSPO Newsletter</a></li>' +
				'<li><a onmouseover="this.style.cursor=\'pointer\'" onclick="Effect.toggle(\'staff\',\'slide\',{duration:.5}); " >Staff<img src="i/downarrow.gif" alt="" width="12px" height="11px" border="0"></a>' +
					'<div id="staff" style="display:none;"><div>' +
						'<ul>' +
							'<li><a href="counselors.html" >Counselors</a></li>' +
							'<li><a href="clinical_counselors.html" >Clinical Counselors</a></li>' +
		
						'</ul>' +
					'</div></div> <!-- Counseling Staff -->' +
				'</li>' +
				'<li><a onmouseover="this.style.cursor=\'pointer\'" onclick="Effect.toggle(\'events\',\'slide\',{duration:.5}) ">Upcoming Events <img src="i/downarrow.gif" alt="" width="12px" height="11px" border="0"></a>' +
					'<div id="events" style="display:none;"><div>' +
						'<ul>' +
							'<li><a href="psat.html">PSAT</a></li>' +
							'<li><a href="financialaidnight.html">Financial Aid Night</a></li>' +
							'<li><a href="juniorparentnight.html">Junior Parent Night</a></li>' +
							'<li><a href="collegefairs.html">College Fairs</a></li>' +
							'<li><a href="collegereps.html">College Rep. Visits</a></li>' +
							'<li><a href="eveningevents.html">College Evening Programs</a></li>' +
						'</ul>' +
					'</div></div> <!-- Upcoming Events -->' +
				'</li>' +
				'<li><a onmouseover="this.style.cursor=\'pointer\'" onclick="Effect.toggle(\'collegesearch\',\'slide\',{duration:.5}) ">College Search<img src="i/downarrow.gif" alt="" width="12px" height="11px" border="0"></a>' +
					'<div id="collegesearch" style="display:none;"><div>' +
						'<ul>' +
						    '<li><a href="timeline.html">General Timeline</a></li>' +
							'<li><a href="factors.html">Choosing a College</a></li>' +
							'<li><a href="collegevisits.html">College Visits</a></li>' +
							'<li><a href="collegeinterview.html">College Interviews</a></li>' +
							'<li><a href="essaytips.html">Essay Writing Tips</a></li>' +
							'<li><a href="typesofadmission.html">Types of Admission</a></li>' +
							'<li><a href="massstate.html">MA State College Reqs.</a></li>' +
							'<li><a href="Ldinfo.html">Info. for LD Students</a></li>' +
							'<li><a href="infoathletes.html">Info. For Athletes</a></li>' +
							'<li><a href="commonapp.html" target="_blank">Common Application</a></li>' +
							
						'</ul>' +
					'</div></div> <!-- General College Search Information -->' +			
				'</li>' +
				'<li><a onmouseover="this.style.cursor=\'pointer\'" onclick="Effect.toggle(\'applicationprocess\',\'slide\',{duration:.5}) ">L-S College Process<img src="i/downarrow.gif" alt="" width="12px" height="11px" border="0"></a>' +
					'<div id="applicationprocess" style="display:none;"><div>' +
						'<ul>' +
							'<li><a href="studentresp.html">Student Responsibilities</a></li>' +
							'<li><a href="counselorresp.html">Counselor Role</a></li>' +
							'<li><a href="parentresp.html">Parent Role</a></li>' +
						
						'</ul>' +
						'</div></div> <!-- LS College Process -->' +			
				'</li>' +
				'<li><a onmouseover="this.style.cursor=\'pointer\'" onclick="Effect.toggle(\'CollegeData\',\'slide\',{duration:.5}) ">College Admissions Data Program<img src="i/downarrow.gif" alt="" width="12px" height="11px" border="0"></a>' +
					'<div id="CollegeData" style="display:none;"><div>' +
						'<ul>' +
						'<li><a href="explanation.html">How to use the program</a></li>'+
							'<li><a href="https://ipass.lsrhs.net/school/ipass/seeColleges.html" target="blank"> Access to data</a></li>' +						
						'</ul>' +
					'</div></div> <!-- College Admissions Data -->' +
				'</li>' +
				'<li><a onmouseover="this.style.cursor=\'pointer\'" onclick="Effect.toggle(\'forms\',\'slide\',{duration:.5}) ">College Forms for Juniors <img src="i/downarrow.gif" alt="" width="12px" height="11px" border="0"></a>' +
					'<div id="forms" style="display:none;"><div>' +
					'<ul>' +
					<!-- the three lines below are the link to the PDF's-->
				'<li><a href="pinksheet.html">Student Questionnaire</a></li>' +
				'<li><a href="bluesheet.html">Activity Resume</a></li>' +
				'<li><a href="parentsheet.html">Parent Questionnaire</a></li>' +
				'<li><a href="studentappraisal.html">Student Appraisal Form</a></li>' +
						'</ul>' +
				
				'</div></div> <!-- LS Forms -->' +
				'</li>' +
'<li><a onmouseover="this.style.cursor=\'pointer\'" onclick="Effect.toggle(\'testing\',\'slide\',{duration:.5}) ">Standardized Testing <img src="i/downarrow.gif" alt="" width="12px" height="11px" border="0"></a>' +
					'<div id="testing" style="display:none;"><div>' +
						'<ul>' +
							'<li><a href="psat.html">PSAT</a></li>' +
							'<li><a href="SATACTinfo.html">SAT & ACT</a></li>' +
							'<li><a href="SATSubjecttests.html">SAT Subject Tests</a></li>' +
							'<li><a href="TOEFLinfo.html">TOEFL</a></li>' +
							'<li><a href="testdates.html">Dates of Tests</a></li>' +
							'<li><a href="testpreparation.html">Test Preparation</a></li>' +
					'</div></div> <!-- Standardized Testing -->' +
				'</li>' +
				'<li><a onmouseover="this.style.cursor=\'pointer\'" onclick="Effect.toggle(\'financial\',\'slide\',{duration:.5}) ">Fin. Aid/Scholarships <img src="i/downarrow.gif" alt="" width="12px" height="11px" border="0"></a>' +
					'<div id="financial" style="display:none;"><div>' +
						'<ul>' +
							'<li><a href="financialaid.html">Financial Aid Information</a></li>' +
							'<li><a href="financialaidvocab.html">Financial Aid Vocabularly</a></li>' +
							'<li><a href="scholarshipdatabase2.html">Scholarship Opportunities</a></li>' +
							'<li><a href="lsscholarship.html">L-S Scholarships</a></li>' +
							'<li><a href="adamskoplik.html">Adams and Koplik info</a></li>' +
						'</ul>' +
					'</div></div> <!-- Financial Aid and Scholarships -->' +
				'</li>' +
				'<li><a onmouseover="this.style.cursor=\'pointer\'" onclick="Effect.toggle(\'addoptions\',\'slide\',{duration:.5}) ">Other Post L-S Options<img src="i/downarrow.gif" alt="" width="12px" height="11px" border="0"></a>' +
					'<div id="addoptions" style="display:none;"><div>' +
						'<ul>' +
							'<li><a href="military.html">Military</a></li>' +
							'<li><a href="gapyear.html">Gap Year</a></li>' +
							'<li><a href="pgyear.html">PG Year</a></li>' +
							'<li><a href="employment.html">Employment</a></li>' +
						'</ul>' +
					'</div></div> <!-- Additional Postgrad Options -->' +
				'</li>' +
				'<li><a onmouseover="this.style.cursor=\'pointer\'" onclick="Effect.toggle(\'careercenter\',\'slide\',{duration:.5}) ">Career Center <img src="i/downarrow.gif" alt="" width="12px" height="11px" border="0"></a>' +
					'<div id="careercenter" style="display:none;"><div>' +
						'<ul>' +
							'<li><a href="centerexplanation.html">Explanation of Center</a></li>' +
						'</ul>' +
					'</div></div> <!-- Career Center -->' +
				'</li>' +
				'<li><a onmouseover="this.style.cursor=\'pointer\'" onclick="Effect.toggle(\'summerschool\',\'slide\',{duration:.5}) ">Summer School<img src="i/downarrow.gif" alt="" width="12px" height="11px" border="0"></a>' +
					'<div id="summerschool" style="display:none;"><div>' +
						'<ul>' +
							'<li><a href="summerschool.html">Summer School</a></li>' +
						
					'</div></div> <!-- Summer School -->' +
				'</li>' +
				'<li><a onmouseover="this.style.cursor=\'pointer\'" onclick="Effect.toggle(\'resources\',\'slide\',{duration:.5}) ">Resources<img src="i/downarrow.gif" alt="" width="12px" height="11px" border="0"></a>' +
					'<div id="resources" style="display:none;"><div>' +
						'<ul>' +
							'<li><a href="collegeresources.html">College</a></li>' +
							'<li><a href="mentalhealthresources.html">Mental Health</a></li>' +
						'</ul>' +
					'</div></div> <!-- General Resources -->' +
				'</li>' +
			'<!-- quick direct links -->' +
			'<div id="quicklinks">' +
			
				'<a href="https://ipass.lsrhs.net/school/ipass/seescheds.html">Check your schedule</a><br><span class="smallnote">(only available within the school)</span>' +
/* Search Feature -- disabled
				'<div id="search">' +
					'<form action="http://www.lsrhs.net/cgi-bin/perlfect/search/search.pl"  target="_parent" method="get">' +
						'<input type="hidden" name="p" value="1" /><input type="hidden" name="lang" value="en" />' +
						'<input type="hidden" name="include" value="" /><input type="hidden" name="exclude" value="" />' +
						'<input type="hidden" name="penalty" value="0" />' +
						'<input type="search" name="q" placeholder="Search" autosave="LSRHS" results="10"><br>' +
						'Match ' +
						'<input CHECKED class="match" type="radio" name="match" value="any" />ANY ' +
						'<input class="match" type="radio" name="match" value="all" />ALL<br>' +
						'<input name="mode" value="all" type="hidden">' +
						'<input type="submit" value="Search" />' +
					'</form>' +
				'</div>' +
*/
				'<br />' +
				'<br />' +
				'<a href="http://www.lsrhs.net/bugreport/report.php"><img border="0" src="i/bugreport.jpg" alt="image" width="100" height="25" /></a>' +
			'</div> <!-- search -->' +
			
		'</div> <!-- sidenav -->' +
		
		'<!-- page content section -->' +
		'<div id="content">'
		
);
}

// Return html for content closing, footer and credits.

function lstemplate_bot(updatedate) {
	
	if ((updatedate == "") || (updatedate == null)) {
		updatestring = "";
	}
	else {
		updatestring = "updated " + updatedate + " - ";
	}

	return ('<div class="clear"></div>' +
			
		'</div> <!-- content -->' +
		'<div class="clear"></div>' +	
		
	'</div> <!-- wrapper -->' +
	'<div class="clear"></div>' +

	'<!-- footer -->' +
	'<div id="footer">' +
		'<p>390 Lincoln Road, Sudbury, MA 01776&nbsp;&nbsp;&nbsp;<a href="http://www.lsrhs.net/whatsnew/directions.html">Directions to LS</a><br>Phone: 978.443.9961 / 781.259.9527&nbsp;&nbsp;&nbsp;Fax: 978.443.8824</p>' +
		'<p><a href="mailto:contact.us@lsrhs.net">Contact Us</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="mailto:lsschoolcomm@town.sudbury.ma.us">Email LS School Committee</a></p>' +
	'</div> <!-- footer -->' +

'</div> <!-- container -->' +
	
'<div id="credits">' +
		'<div id="updatecredit">' +
			updatestring + 'maintained by ls webteam' +
		'</div>' +
		'<div id="designcredit">' +
			'design by <a href="http://www.tylkodesign.com" target="_blank">john tylko</a>&nbsp;&nbsp;|&nbsp;&nbsp;photo by&nbsp;' +
			'<div id="photocredit">' +
				'<div id="photocred_1">' +
					'<a href="http://www.spenserheaps.smugmug.com/" onMouseOver="this.style.cursor=\'pointer\';" target="_blank">spenser heaps</a>' +
				'</div>' +
				'<div id="photocred_2" style="display:none;">' +
					'<a href="http://www.tylkodesign.com/" onMouseOver="this.style.cursor=\'pointer\';" target="_blank">john tylko</a>' +
				'</div>' +
			'</div><!-- photocredit -->' +
		'</div> <!-- designcredit -->' +
'</div> <!-- credits -->' 
);
}


