/**
 *
 * menu.js v1.0 - The left menu javascript
 * Copyright (c) reserved by ASAPDesigns.in
 * Licensed under LGNU license
 * Auther: Mahesh Kumar Nayak (Web Developer)
 *
 */

/**
 * Creates the Menu Items
 */
function makeMenu(){
	document.write("<div id=\"menus_shadow_b\">");
	document.write("<div id=\"menus_shadow_r\">");
	document.write("<div id=\"menus_curner\">");
	document.write("<div id=\"menus\">");
	document.write("<ul>");
	document.write("	<li><a href=\"home.html\" id=\"id1\">Home</a></li>");
	document.write("	<li><a href=\"since_1925.html\" id=\"id2\">Since 1925</a></li>");
	document.write("	<li><a href=\"fingers_that_see.html\" id=\"id6\">Fingers that See</a></li>");
	document.write("	<li><a href=\"learning_through_alternate_senses.html\" id=\"id3\">Learning Through Alternate Senses</a></li>");
	document.write("	<li><a href=\"meet_our_children.html\" id=\"id4\">Meet Our Children</a>");
	document.write("		<ul>");
	document.write("			<li><a href=\"aditya.html\" id=\"id4.1\">Aditya</a></li>");
	document.write("			<li><a href=\"mukesh.html\" id=\"id4.2\">Mukesh</a></li>");
	document.write("		</ul>");
	document.write("	</li>");
	document.write("	<li><a href=\"moving_ahead.html\" id=\"id5\">Moving Ahead</a></li>");
	document.write("	<li><a href=\"mobility.html\" id=\"id9\">Mobility</a></li>");
	document.write("	<li><a href=\"music.html\" id=\"id7\">Music</a></li>");
	document.write("	<li><a href=\"on_par.html\" id=\"id8\">On Par</a></li>");
	
	document.write("	<li><a href=\"low_vision.html\" id=\"id10\">Low Vision</a></li>");
	document.write("	<li><a href=\"commitment.html\" id=\"id11\">Commitment</a></li>");
	document.write("	<li><a href=\"lead_them.html\" id=\"id12\">Lead Them</a></li>");
	document.write("	<li><a href=\"latest_news.html\" id=\"id15\">Latest News</a></li>");
	document.write("	<li><a href=\"#\" id=\"id13\">Gallery</a>");
	document.write("		<ul>");
	document.write("			<li><a href=\"gallery_1.html\" id=\"id13.1\">Academic</a></li>");
	document.write("			<li><a href=\"gallery_2.html\" id=\"id13.2\">Extracurricular</a></li>");
	document.write("			<li><a href=\"gallery_3.html\" id=\"id13.3\">Craft</a></li>");
	document.write("			<li><a href=\"gallery_4.html\" id=\"id13.4\">Visitors</a></li>");
	document.write("			<li><a href=\"gallery_5.html\" id=\"id13.5\">Annual Exhibitions</a></li>");
	document.write("		</ul>");
	document.write("	<li><a href=\"contactus.html\" id=\"id14\">Contact us</a>");
	document.write("	</li>");
	document.write("</ul>");
	document.write("</div>");
	document.write("</div>");
	document.write("</div>");
	document.write("</div>");
}

/**
 * Activates a perticular Menu Item with the given element ID reference in number
 * @param menu_id Element ID number
 */
function setActive(menu_id){
	document.getElementById("id"+menu_id).style.backgroundColor="#dddddd";
	document.getElementById("id"+menu_id).style.color="#000000";
}