function hidediv( elm ) {
   if (document.getElementById) { // DOM3 = IE5, NS6
      document.getElementById(elm).style.visibility = 'hidden';
   } else {
      if (document.layers) { // Netscape 4
        document.elm.visibility = 'hidden';
      } else { // IE 4
        document.all.elm.style.visibility = 'hidden';
      }
   }
   return false;
}

function showdiv( elm ) {
   width = window.document.body.clientWidth;
   if (document.getElementById) { // DOM3 = IE5, NS6
      document.getElementById( elm ).style.visibility = 'visible';
      document.getElementById( elm ).style.left = (width - 780 )/2;
   } else {
      if (document.layers) { // Netscape 4
         document.elm.visibility = 'visible';
      } else { // IE 4
         document.all.elm.style.visibility = 'visible';
      }
   }
   return false;
}

function showfriends(){
   var elem = document.getElementById('friends');   
   var iLeft = (document.body.offsetWidth - elem.offsetWidth)/2;      
   elem.style.left=iLeft+'px';
   
   showdiv( 'friends' );
   return false;
}