<!-- Begin
//Define Menu style
var cStyle = '';

cStyle +='<style>';
cStyle +='ul#menu {';
cStyle +='  width: 130px;';
cStyle +='  list-style-type: none;';
//cStyle +='  border-top: solid 2px;';
//cStyle +='	border-bottom: solid 2px;';
cStyle +='  margin: 0;';
cStyle +='  padding: 0;';
cStyle +='	/*background-color:#990000;	*/';
cStyle +='}';
cStyle +='ul#menu ol {';
cStyle +='  display: none;';
cStyle +='  text-align: left;';
cStyle +='  list-style-type: none;';
cStyle +='  margin: 0;';
cStyle +='  padding: 5px;';
cStyle +='	/*color: black;*/';
cStyle +='	/*background-color:gray;*/';
cStyle +='	/* background-image:url(images/gradient_gray2.jpg);*/';
cStyle +='}';

cStyle +='ul#menu li, ';
cStyle +='  ul#menu a {';
cStyle +='  font-family: verdana, sans-serif;';
cStyle +='  font-size: 13px;';
cStyle +='  /*color: black;*/';
cStyle +='}';

cStyle +='ul#menu li {';
//cStyle +='  border-bottom: solid 2px gray;';
cStyle +='  line-height: 15px;';
cStyle +='}';

cStyle +='ul#menu ol li {';
cStyle +='  border-bottom: none;';
cStyle +='}';
cStyle +='ul#menu a {';
cStyle +='  text-decoration: none;';
cStyle +='  outline: none;';
cStyle +='	/*color:white;*/';
cStyle +='}';

cStyle +='ul#menu a:hover {';
cStyle +='	/*color:red;*/';
cStyle +='}';

cStyle +='ul#menu a.active {';
cStyle +='  /*color: #yellow;*/';
cStyle +='}';
cStyle +='</style>';
cStyle +='<script type="text/javascript">';
//output menu
document.write(cStyle);

/* This script and many more are available free online at
The JavaScript Source :: http://javascript.internet.com
Created by: Travis Beckham :: http://www.squidfingers.com | http://www.podlob.com
version date: 06/02/03 :: If want to use this code, feel free to do so,
but please leave this message intact. (Travis Beckham) */

// Node Functions

if(!window.Node){
  var Node = {ELEMENT_NODE : 1, TEXT_NODE : 3};
}

function checkNode(node, filter){
  return (filter == null || node.nodeType == Node[filter] || node.nodeName.toUpperCase() == filter.toUpperCase());
}

function getChildren(node, filter){
  var result = new Array();
  var children = node.childNodes;
  for(var i = 0; i < children.length; i++){
    if(checkNode(children[i], filter)) result[result.length] = children[i];
  }
  return result;
}

function getChildrenByElement(node){
  return getChildren(node, "ELEMENT_NODE");
}

function getFirstChild(node, filter){
  var child;
  var children = node.childNodes;
  for(var i = 0; i < children.length; i++){
    child = children[i];
    if(checkNode(child, filter)) return child;
  }
  return null;
}

function getFirstChildByText(node){
  return getFirstChild(node, "TEXT_NODE");
}

function getNextSibling(node, filter){
  for(var sibling = node.nextSibling; sibling != null; sibling = sibling.nextSibling){
    if(checkNode(sibling, filter)) return sibling;
  }
  return null;
}
function getNextSiblingByElement(node){
        return getNextSibling(node, "ELEMENT_NODE");
}

// Menu Functions & Properties
var activeMenu = null;

function showMenu() {
  if(activeMenu){
    activeMenu.className = "";
    getNextSiblingByElement(activeMenu).style.display = "none";
  }
  if(this == activeMenu){
    activeMenu = null;
  } else {
    this.className = "active";
    getNextSiblingByElement(this).style.display = "block";
    activeMenu = this;
  }
	//alert(activeMenu);
  return false;
}

function initMenu(){
  var menus, menu, text, a, i;
  menus = getChildrenByElement(document.getElementById("menu"));
  for(i = 0; i < menus.length; i++){
    menu = menus[i];
    text = getFirstChildByText(menu);
    a = document.createElement("a");
    menu.replaceChild(a, text);
    a.appendChild(text);
    a.href = "#";
    a.onclick = showMenu;
    a.onfocus = function(){this.blur()};
  }
}
if(document.createElement) window.onload = initMenu;

function onLoad(){
	initMenu;
	startTime;
}

//define menu here
var cMenu='';
cMenu += '</script>';
cMenu += '<ul id="menu" title="Menu">';
cMenu += '  <li>Speakers';
cMenu += '    <ol>';
cMenu += '			<li>';
cMenu += '				<p><a class="dash" href="/training/as_installation.html">Architectural Series&reg;</a></p>';
cMenu += '				<p><a class="dash" href="/training/is_installation.html" class="dash">Invisible Series</a></p>';
cMenu += '			</li>';
cMenu += '    </ol>';
cMenu += '  </li>';
cMenu += '  <li>Electronics ';
cMenu += '    <ol>';
cMenu += '      <li>';
cMenu += '				<p><a class="dash" href="/training/iport_installation.html">iPort&reg;</a></p>';
cMenu += '      	<p><a class="dash" href="/training/DAB_installation.html">DAB1 / C4630</a></p>';
cMenu += '      </li>';
cMenu += '    </ol>';
cMenu += '  </li>';
cMenu += '  </ul>';
//output menu
document.write(cMenu);
// End -->

