// Specifications for menu contents and menubar image associations
var menus = new Array();
menus[0] = {
  image_id: "home",
  menuTop: 0,
  menuLeftOffset: 0,
  menu_items: []
};
menus[1] = {
  image_id: "campus",
  menuTop: 187,
  menuLeftOffset: 5,
  menu_items: [
			   
		{text: "Newfane", href: "http://www.kindlefarm.org/main/campuses_and_programs/newfane/"},
		{text: "Community Partners", href: "http://www.kindlefarm.org/main/campuses_and_programs/community_partners/"}
			   
             ]
};
menus[2] = {
  image_id: "about",
  menuTop: 185,
  menuLeftOffset: 11,
  menu_items: [

		{text: "Contact Us", href: "http://www.kindlefarm.org/main/about_us/contact_us/"},
		{text: "Kindle Farm Children's Services, Inc.", href: "http://www.kindlefarm.org/main/about_us/we_are_a_501c3_on_a_mission/"},
		{text: "What Makes Us Unique", href: "http://www.kindlefarm.org/main/about_us/what_makes_us_unique/"},
		{text: "Student Demographics and Enrollment", href: "http://www.kindlefarm.org/main/about_us/student_demographics_and_enrollment/"},
		{text: "History", href: "http://www.kindlefarm.org/main/about_us/history/"},
		{text: "Donate to Kindle Farm", href: "http://www.kindlefarm.org/main/about_us/donate_to_kindle_farm/"}

             ]
};
menus[3] = {
  image_id: "staff",
  menuTop: 185,
  menuLeftOffset: 6,
  menu_items: [

		{text: "Technical Support Requests", href: " 	  javascript:newWindow('/forms.php?formID=29', 600, 750)"},
		{text: "Internet Resources", href: "http://www.kindlefarm.org/main/staff_toolbox/internet_resources/"},
		{text: "Employment Opportunities", href: "http://www.kindlefarm.org/main/staff_toolbox/employment_opportunities/"}

             ]
};
menus[4] = {
  image_id: "student",
  menuTop: 185,
  menuLeftOffset: 17,
  menu_items: [

		{text: "Parent-Student Handbook", href: "http://www.kindlefarm.org/main/student_toolbox/parent-student_handbook/"},
		{text: "Resources", href: "http://www.kindlefarm.org/main/student_toolbox/resources/"}

             ]
};
menus[5] = {
  image_id: "programs",
  menuTop: 187,
  menuLeftOffset: 19,
  menu_items: [

		{text: "Art and Music", href: "http://www.kindlefarm.org/main/essential_programs/art_and_music/"},
		{text: "Technology", href: "http://www.kindlefarm.org/main/essential_programs/technology/"},
		{text: "Transitional", href: "http://www.kindlefarm.org/main/essential_programs/transitional/"},
		{text: "Vocational", href: "http://www.kindlefarm.org/main/essential_programs/vocational/"},
		{text: "Wilderness and Adventure", href: "http://www.kindlefarm.org/main/essential_programs/wilderness_and_adventure/"}

             ]
};

menus[6] = {
  image_id: "news",
  menuTop: 195,
  menuLeftOffset: 19,
  menu_items: [
		{text: "Article Listings", href: "http://www.kindlefarm.org/main/news_and_events/article_listings/"},
		{text: "Events Calendar", href: "/events.php"},
		{text: "Media", href: "http://www.kindlefarm.org/main/news_and_events/media/"},

             ]
};

// Global menu state (used by make_menus and show_menu)
var menu_ready = false;

// Called from the onload event handler, this function generates the
// menu div elements and their contents
function make_menus() {
  var menu_div, menu_item, item_link, text_node, button, offset_base, offset_left, offset_top;

  // Use menus array to drive div creation loop
  for (var i=0; i<menus.length; i++) {
    menu_div = document.createElement("div");
    menu_div.className = "dropdown_menu";
    menu_div.id = "dropdown_menu_" + menus[i].image_id;

    if (menus[i].menu_items.length > 0) {  // The menu is non-empty
      // Set event handlers for the menu
      menu_div.onmouseover = show_menu;
      menu_div.onmouseout = hide_menu;

      // Set stacking order in case other layers are around the page
      menu_div.style.zIndex = 1000;

      // Load the menu with its link elements
      for (var j=0; j<menus[i].menu_items.length; j++) {
       
	   menu_item = document.createElement("div");
		
        // Set special styles for heading links
        if (menus[i].menu_items[j].heading != true) {
          	//item_link.className = "menu_item_heading";
		    menu_item.className = "dropdown_menu_item";
		    menu_item.onmouseover = toggle_highlight;
        	menu_item.onmouseout = toggle_highlight;
        	menu_item.onclick = hide_menu;
		
			item_link = document.createElement("a");
        	item_link.href = menus[i].menu_items[j].href;
		
        } else {
			
			menu_item.className = "dropdown_menu_head";
		}
	
	  

       text_node = document.createTextNode(menus[i].menu_items[j].text);
		
		if (menus[i].menu_items[j].heading != true) {
			
        	item_link.appendChild(text_node);
        	menu_item.appendChild(item_link);
		
		} else {
			
			menu_item.appendChild(text_node);
		}
		
		menu_div.appendChild(menu_item);
      }

      // Set event handlers for the associated navigation button
      button = document.getElementById(menus[i].image_id);
      button.onmouseover = show_menu;
      button.onmouseout = hide_menu;

      // Position the menu element in relation to its navigation button
      // by adding up the position offsets of the button and all its parents
      offset_base = button;
      offset_left = 0;
      offset_top = 0;
      while (offset_base) {
        offset_left += offset_base.offsetLeft;
        offset_top += offset_base.offsetTop;
        offset_base = offset_base.offsetParent;
      }
      menu_div.style.left = (offset_left + menus[i].menuLeftOffset) + "px";
      //menu_div.style.top = offset_top + button.height*.75 + "px";
	  menu_div.style.top =  menus[i].menuTop + "px";
    } else {  // For empty menus (such as Home)
    
		menu_div.style.display = "none";
		
		button = document.getElementById(menus[i].image_id);
    	button.onmouseover = button_on;
      	button.onmouseout = button_off;
	
	}

    // Append each menu div to the body
    document.body.appendChild(menu_div);
  }

  // Set the menu status variable for show_menu
  menu_ready = true;
}

// Display a particular menu div
function show_menu() {
  var menu_id;
  var highlightButton;
  
  if (this.id.indexOf("dropdown_menu_") == -1) {  // The mouse is over the button
    menu_id = "dropdown_menu_" + this.id;
	highlightButton = this.id;
  } else { // The mouse is over the menu
    menu_id = this.id;
	highlightButton = this.id.substring(14);;
  }
  if (menu_ready) {
    var menu = document.getElementById(menu_id);
    menu.style.visibility = "visible";
	
	var buttonOn = document.getElementById(highlightButton);									 
  	buttonOn.src = "/images/site/button_" + highlightButton + "_on.gif";
  
  }
  
  
}

// Hide all menus
function hide_menu() {
  for (var i=0; i<menus.length; i++) {
    var menu = document.getElementById("dropdown_menu_" + menus[i].image_id);
    menu.style.visibility = "hidden";
	
	var buttonOn = document.getElementById(menus[i].image_id);									 
  	buttonOn.src = "/images/site/button_" + menus[i].image_id + "_off.gif";
	
  }
	
}

// Switches the style of the menu items from dropdown_menu_item
// to dropdown_menu_item_on and vice versa
function toggle_highlight() {
  if (this.className == "dropdown_menu_item") {
    this.className = "dropdown_menu_item_on";
  } else {
    this.className = "dropdown_menu_item";
  }
}


function button_on(imageID) {
	var buttonOn = document.getElementById(this.id);									 
  	buttonOn.src = "/images/site/button_" + this.id + "_on.gif";
	
}


function button_off(imageID) {
	
	var buttonOff = document.getElementById(this.id);									 
  	buttonOff.src = "/images/site/button_" + this.id + "_off.gif";
	
}