function get_programs_link() {
  var menu = document.getElementById('menu');
  var links = menu.getElementsByTagName('a');
  
  for(var i=0;i<links.length;i++) {
    if(links[i].innerHTML == 'programs') {
      return links[i];
    }
  }
  
  return null;
}

function create_dropdown() {
  var programs = get_programs_link();
  if(programs != null) {
    programs.onmouseover = create_menu;    
    programs.onmouseout = start_destroy;
  }
}

function create_menu() {
  var outer = document.createElement('div');
  outer.id = 'dropdown_outer';
  outer.style.position = 'absolute';
  outer.style.left = '50%';
  outer.style.top = '120px';
  outer.style.width = '350px';
  
  var inner = document.createElement('div');
  inner.style.position = 'relative';
  inner.style.left = '-40px';
  inner.style.width = '325px';
  inner.style.marginTop = '17px';
  inner.style.background = 'white';
  inner.style.opacity = '0.85';
  inner.style.filter = 'alpha(opacity = 85)';
  inner.style.padding = '0';
  inner.style.paddingLeft = '30px';
  inner.style.paddingTop = '10px';
  inner.style.paddingBottom = '10px';
  inner.appendChild(get_menu());
  inner.onmouseover = stop_destroy;
  inner.onmouseout = start_destroy;
  
  outer.appendChild(inner);
  document.body.appendChild(outer);
}

function destroy_menu() {
  var outer = document.getElementById('dropdown_outer');
  if(outer) {
    document.body.removeChild(outer);
  }
}

function start_destroy() {
  //console.log('start ' + this);
  window['destroy'] = setTimeout(destroy_menu, 1000);
}

function stop_destroy() {
  //console.log('stop ' + this);
  clearTimeout(window['destroy']);
}

function get_menu() {
  var list = create_list();
  
  var item = create_item();
  item.appendChild(create_link('programs.html', 'lil\' beginners 6 weeks - 18 months'));
  list.appendChild(item);
  
  item = create_item();
  item.appendChild(create_link('explorers.html', 'lil\' explorers 18 months - 2.5 years'));
  list.appendChild(item);
  
  item = create_item();
  item.appendChild(create_link('discoverers.html', 'lil\' discoverers 2.5 years - 3.5 years'));
  list.appendChild(item);
  
  item = create_item();
  item.appendChild(create_link('achievers.html', 'lil\' achievers 3.5 years - 4.5 years'));
  list.appendChild(item);
  
  item = create_item();
  item.appendChild(create_link('kindergarten.html', 'kindergarten 5 years'));
  list.appendChild(item);
  
  item = create_item();
  item.appendChild(create_link('beforeaftercare.html', 'before / after care'));
  list.appendChild(item);
  
  item = create_item();
  item.appendChild(create_link('summercamp.html', 'lil\' adventurers summer camp'));
  list.appendChild(item);
  
  return list;
}

function create_link(url, text) {
  var link = document.createElement('a');
  link.href = url;
  link.innerHTML = text;
  link.onmouseover = mouseoverstyle;
  link.onmouseout = mouseoutstyle;
  link.style.color = 'black';
  link.style.fontSize = '0.95em';
  
  return link;
}

function mouseoverstyle() {
  stop_destroy();
  this.style.color = '#0a723d';
}

function mouseoutstyle() {
  this.style.color = 'black';
}

function create_item() {
  return document.createElement('li');
}

function create_list() {
  var list = document.createElement('ul');
  list.style.margin = '0';
  list.style.padding = '0';
  
  return list;
}

create_dropdown();