// toggle div function

function toggleDiv(_id){
 _oDivStyle=document.getElementById(_id).style;
(_oDivStyle.display=='block')?_oDivStyle.display='none':_oDivStyle.display='block';
} 

function $( id ){
 return document.getElementById( id );
}

function toggleDivArrow( o, id ){
 if( $( id ) ){
  if( $( id ).style.display == 'none' ){
   o.className = '';
  }else{
   o.className = 'active';
  }
 }
}

function toggleDivBorder( id, o, tag ){
 var oDivStyle = document.getElementById( id ).style;
 var node = o;
 var found = false;
 for( var i = 0 ; i < 10 ; i++ ){
  node = node.parentNode;
  if( node.tagName.toString().toLowerCase() == tag ){
   found = true;
   break;
  }
 }
 if( oDivStyle.display == 'block' ){
  oDivStyle.display = 'none';
  if( found ){
   node.className = 'off';
  }
 }else{
  oDivStyle.display = 'block';
  if( found ){
   node.className = 'on';
  }
 }
}