if (document.images) {
    img1 = new Image();
    img1.src = "EOHS_enroll_over.png";
}

function Navigation() {
	this.html = '';
}

Navigation.prototype.generateHTML = function(){
	var html = '<div id="firstpane" class="nav_menu">';
		html += '<p class="nav_section">EOHS</p>';
		html += '<div class="nav_items">';
			html += '<a href="benefits.html">Benefits</a>';
			html += '<a href="model.html">School Model</a>';
			html += '<a href="facility.html">Facility</a>';
			html += '<a href="faculty.html">Faculty</a>';
			//html += '<a href="video.html">Videos</a>';
			//html += '<a href="openhouse.html">Open House</a>';
			//html += '<a href="#">Student Laptops</a>';
		html += '</div>';
		
		html += '<p class="nav_section">Academics</p>';
		html += '<div class="nav_items">';
			//html += '<a href="summeracademy.html">Summer Academy</a>';
			html += '<a href="courses.html">Course Catalog</a>';
			//html += '<a href="demo.html">Demo Courses</a>';
			html += '<a href="fasttrack.html">FastTrack</a>';
			html += '<a href="dualenrollment.html">Dual Enrollment</a>';
			html += '<a href="gradreq.html">Graduation Requirements</a>';
			html += '<a href="calendar.html">Calendar</a>';
		html += '</div>';
		
		html += '<p class="nav_section">Support</p>';
		html += '<div class="nav_items">';
			html += '<a href="contact.html">Contact</a>';
			html += '<a href="request.php">Request More Information</a>';
			html += '<a href="registration.html">Registration</a>';
			//html += '<a href="homework.html">Homework Help</a>';
			html += '<a href="links.html">Student Links</a>';
		html += '</div>';
		
		html += '<p class="nav_section">Students</p>';
		html += '<div class="nav_items">';
			html += '<a href="http://www.novelstars.com/">Novel Stars Log-in</a>';
			//html += '<a href="testimonials.html">Testimonials</a>';
			//html += '<a href="#">Student Blogs</a>';
		html += '</div>';
		
		html += '<p class="nav_section">Board</p>';
		html += '<div class="nav_items">';
			html += '<a href="agenda.html">Agenda</a>';
			html += '<a href="calendar.html">Calendar</a>';
			//html += '<a href="#">Student Blogs</a>';
		html += '</div>';
		
		html += '<p class="nav_section">Foundation</p>';
		html += '<div class="nav_items">';
			html += '<a href="eofoundation.html">Educational Options Foundation</a>';
		html += '</div>';
	html += '</div>';
	
	//this is used to preload the image quickly for the enroll button
	html += '<img src="resources/EOHS_enroll_over.png alt="" style="display:none;">';
	
	this.html = html;
}

Navigation.prototype.getHTML = function() {
	return this.html;
}