var silo;
function siloOn(thisId,  key) {
 silo = thisId;
 document.getElementById('bg_'+key).style.zIndex = '0';
 document.getElementById('green_'+key).style.display = 'block';
 document.getElementById('text_'+key).style.display = 'block';
}



function siloOff(evt, key) {
 /** Get Browser Compatible values for event node */
 var evt = evt ? evt : event;
 var related = evt.relatedTarget || evt.toElement;

 if(related && related.nodeName) {
  /** Ensure related node is not a child of silo node */ 
  for(var p = related; p != null; p = p.parentNode) {
   if(p == silo) {
    return;
   }
  }

  document.getElementById('bg_'+key).style.zIndex = '30';
  document.getElementById('green_'+key).style.display = 'none';
  document.getElementById('text_'+key).style.display = 'none'
 }
}