School & Chat

Hi all,

I am pleased to announce that I have successfully installed Ultimate Board Clubs. You can now create groups, or clubs, of whatever you want it to be. There are many cool features and I hope you'll like them. As the mod is in beta stage, there may be bugs, and it's also not complete, so whenever there is one I will be updating it. If you find a bug, please post them in the Forum Support section, and I will promptly report them to the mod author if necessary.

Please keep the clubs age appropriate and enjoy.

~Jessica
Founder

note: development topic can be found here

The clubs a member's in are supposed to appear on your profile; however I temporarily removed the code due to me believing it was behind an error. turns out it wasn't. but I will also try to add in another tab for the profile and add in the clubs list in there.

I might have trouble, so if you would like to help, here is memberlist_view.html

Code: Select all

<!-- INCLUDE overall_header.html -->

<script type="text/javascript">
<!--
   var panels = new Array('profile-panel', 'contact-panel', 'statistics-panel', 'guestbook-panel', 'medal-panel', 'thanks-panel', 'cpf-panel');

//-->
</script>



    <!-- IF USERNAME eq S_USERNAME --><span id="edit-my-profile"><a href="{U_EDIT_PROFILE_LINK}" class="right-box {S_CONTENT_FLOW_END}">{L_EDIT_MY_PROFILE}</a></span><!-- ENDIF -->
<h2>{PAGE_TITLE}</h2>

<div id="tabs">
   <ul>
      <li class="activetab" id="profile-panel-tab"><a name="profile" href="#profile" onclick="subPanels('profile-panel'); return false;"><span>{USERNAME}</span></a></li>
      
      <li class="" id="contact-panel-tab"><a name="contact" href="#contact" onclick="subPanels('contact-panel'); return false;"><span>{L_CONTACT_USER}</span></a></li>
      

<!-- IF POSTS && ENABLE_RECENT -->

      <div class="forumbg">
      <div class="inner"><span class="corners-top"><span></span></span>
      <ul class="topiclist">
         <li class="header">
            <dl>
            <dt>{USERNAME}'s {L_RECENT_ACTIVITY}
            </dt>
               <dd class="posts">{L_REPLIES}</dd>
               <dd class="views">{L_VIEWS}</dd>
               <dd class="lastpost"><span>{L_DATE}</span></dd>
            </dl>
         </li>
      </ul>
<!-- BEGIN post -->
<ul class="topiclist forums">

      <li class="row">
            <dl>
         <dt><a href="{post.U_POSTS}">{post.SUBJECT}</a><br />
         <!-- IF ENABLE_RECENT_POST --> <font style="font-style:italic">{post.POST_TEXT}...</font> <!-- ENDIF -->
                  </dt>
            <dd class="posts"> <dfn>{L_REPLIES}</dfn>{post.REPLIES}</dd>
            <dd class="views"><dfn>{L_VIEWS}</dfn>{post.VIEWS}</dd>
            <dd class="lastpost"><span><dfn>{L_LAST_POST} </dfn>{post.TIME}&nbsp;<a href="{post.U_POSTS}">{LAST_POST_IMG}</a></dd>
         </dl>
      </li>

   </ul>
<!-- END post -->

      <span class="corners-bottom"><span></span></span></div>
   </div>
<!-- ENDIF -->
      <li class="" id="statistics-panel-tab"><a name="statistics" href="#statistics" onclick="subPanels('statistics-panel'); return false;"><span>{L_STATISTICS}<!-- IF SIGNATURE --> &amp; {L_SIGNATURE}<!-- ENDIF --></span></a></li>
        <li class="" id="cpf-panel-tab"><a name="cpf" href="#cpf" onclick="subPanels('cpf-panel'); return false;"><span>Custom Profile Fields</span></a></li>
      <li class="" id="guestbook-panel-tab"><a name="guestbook" href="#guestbook" onclick="subPanels('guestbook-panel'); return false;"><span>{L_GUESTBOOK}</span></a></li>
      <!-- IF USER_MEDAL_COUNT > 0 --><li class="" id="medal-panel-tab"><a name="medal" href="#medal" onclick="subPanels('medal-panel'); return false;"><span>{L_MEDAL}</span></a></li><!-- ENDIF -->
      <li class="" id="thanks-panel-tab"><a name="thanks" href="#thanks" onclick="subPanels('thanks-panel'); return false;"><span>{L_GRATITUDES}</span></a></li>
   </ul>
</div>

<form method="post" action="{S_PROFILE_ACTION}" id="viewprofile">
<div class="panel bg3" style="margin: auto;">
   <div class="inner" style="text-align: left;"><span class="corners-top"><span></span></span>
      <ul class="topiclist">
         <li class="header">
         <dl><dt></dt></dl>
         </li>
      </ul>

      
<div style="display: block;" class="panel<!-- IF S_ONLINE --> online<!-- ENDIF -->" id="profile-panel">
   <div class="inner"><span class="corners-top"><span></span></span>
         
   <h5>{USERNAME}</h5>

   <!-- IF AVATAR_IMG -->
      <dl class="left-box">
         <dt>{AVATAR_IMG}</dt>

         <!-- IF RANK_TITLE --><dd style="text-align: center;">{RANK_TITLE}</dd><!-- ENDIF -->
         <!-- IF RANK_IMG --><dd style="text-align: center;">{RANK_IMG}</dd><!-- ENDIF -->


         <dd style="text-align: center;">{USER_CUSTOM_TITLE}</dd>
         <!-- IF EXTRA_RANK_TITLE --><dd style="text-align: center;">{EXTRA_RANK_TITLE}</dd><!-- ENDIF -->
         <!-- IF EXTRA_RANK_IMG --><dd style="text-align: center;">{EXTRA_RANK_IMG}</dd><!-- ENDIF -->
      </dl>
   <!-- ENDIF -->

   <dl class="left-box detailsprof" style="width: 80%;">
      <dt>{L_USERNAME}:</dt>
      <dd>

         <!-- IF USER_COLOR --><span style="color: {USER_COLOR}; font-weight: bold;"><!-- ELSE --><span><!-- ENDIF -->{USERNAME}</span>
         <!-- IF U_USER_ADMIN --> [ <a href="{U_USER_ADMIN}">{L_USER_ADMIN}</a> ]<!-- ENDIF -->
         <!-- IF U_USER_BAN --> [ <a href="{U_USER_BAN}">{L_USER_BAN}</a> ]<!-- ENDIF -->
         <!-- IF U_SWITCH_PERMISSIONS --> [ <a href="{U_SWITCH_PERMISSIONS}">{L_USE_PERMISSIONS}</a> ]<!-- ENDIF -->
      </dd>

      <!-- IF not AVATAR_IMG -->

         <!-- IF RANK_TITLE --><dt>{L_RANK}:</dt> <dd>{RANK_TITLE}</dd><!-- ENDIF -->
         <!-- IF RANK_IMG --><dt><!-- IF RANK_TITLE -->&nbsp;<!-- ELSE -->{L_RANK}:<!-- ENDIF --></dt> <dd>{RANK_IMG}</dd><!-- ENDIF -->
         <dd style="text-align: center;">{USER_CUSTOM_TITLE}</dd>
         <!-- IF EXTRA_RANK_TITLE --><dt>&nbsp;</dt> <dd>{EXTRA_RANK_TITLE}</dd><!-- ENDIF -->
         <!-- IF EXTRA_RANK_IMG --><dt>&nbsp;</dt> <dd>{EXTRA_RANK_IMG}</dd><!-- ENDIF -->
      <!-- ENDIF -->
      <!-- IF S_USER_INACTIVE --><dt>{L_USER_IS_INACTIVE}:</dt> <dd>{USER_INACTIVE_REASON}</dd><!-- ENDIF -->


      <!-- IF USER_GENDER --><dt>{L_GENDER}:</dt> <dd>{USER_GENDER_IMG}</dd><!-- ENDIF -->
      <!-- IF LOCATION --><dt>{L_LOCATION}:</dt> <dd>{LOCATION}</dd><!-- ENDIF -->
      <!-- IF AGE --><dt>{L_AGE}:</dt> <dd>{AGE}</dd><!-- ENDIF -->
      <!-- IF OCCUPATION --><dt>{L_OCCUPATION}:</dt> <dd>{OCCUPATION}</dd><!-- ENDIF -->
<dt>{L_LOCAL_TIME}:</dt> <dd>{LTIME}</dd>
      <!-- IF INTERESTS --><dt>{L_INTERESTS}:</dt> <dd>{INTERESTS}</dd><!-- ENDIF -->
      <!-- IF S_GROUP_OPTIONS --><dt>{L_USERGROUPS}:</dt> <dd><select name="g">{S_GROUP_OPTIONS}</select> <input type="submit" name="submit" value="{L_GO}" class="button2" /></dd><!-- ENDIF -->
      
      <!-- IF S_USER_LOGGED_IN and S_ZEBRA -->
         <!-- IF U_REMOVE_FRIEND -->
            <dt>&nbsp;</dt> <dd><a href="{U_REMOVE_FRIEND}"><strong>{L_REMOVE_FRIEND}</strong></a></dd>
         <!-- ELSEIF U_REMOVE_FOE -->
            <dt>&nbsp;</dt> <dd><a href="{U_REMOVE_FOE}"><strong>{L_REMOVE_FOE}</strong></a></dd>
         <!-- ELSE -->
            <!-- IF U_ADD_FRIEND -->
               <dt>&nbsp;</dt> <dd><a href="{U_ADD_FRIEND}"><strong>{L_ADD_FRIEND}</strong></a></dd>
            <!-- ENDIF -->
            <!-- IF U_ADD_FOE -->
               <dt>&nbsp;</dt> <dd><a href="{U_ADD_FOE}"><strong>{L_ADD_FOE}</strong></a></dd>
            <!-- ENDIF -->
         <!-- ENDIF -->
      <!-- ENDIF -->
   </dl>

<span class="corners-bottom"><span></span></span></div>
</div>

<div style="display: none;" class="panel<!-- IF S_ONLINE --> online<!-- ENDIF -->" id="contact-panel">
   <div class="inner"><span class="corners-top"><span></span></span>

      <h5>{L_CONTACT_USER} {USERNAME}</h5>

      <dl class="detailsprof">
<!-- IF HAS_FRIENDS || HAS_FRIENDS_UN --><dt>{L_FRIENDS_IN_PROFILE}: </dt> <dd><!-- IF USERGET --><a onclick="toggle_friends(); return false;" href="#">{L_SHIDE}</a><div id="toggle_friends" style="display: none;"><!-- BEGIN profile_friends --><a href="{profile_friends.LINK}">{profile_friends.FIND}</a><br /><!-- END profile_friends --></div><!-- ELSEIF USERGET_UN--><a onclick="toggle_friends(); return false;" href="#">{L_SHIDE}</a><div id="toggle_friends" style="display: none;"><!-- BEGIN profile_friends --><a href="{profile_friends.LINK}">{profile_friends.FIND}</a><br /><!-- END profile_friends --></div><!-- ENDIF --></dd><!-- ENDIF -->
      <!-- IF U_EMAIL --><dt>{L_EMAIL_ADDRESS}:</dt> <dd><a href="{U_EMAIL}">{L_SEND_EMAIL_USER} {USERNAME}</a></dd><!-- ENDIF -->
      <!-- IF U_WWW --><dt>{L_WEBSITE}:</dt> <dd><a href="{U_WWW}" title="{L_VISIT_WEBSITE}: {U_WWW}">{U_WWW}</a></dd><!-- ENDIF -->
      <!-- IF U_PM --><dt>{L_PM}:</dt> <dd><a href="{U_PM}">{L_SEND_PRIVATE_MESSAGE}</a></dd><!-- ENDIF -->
      <!-- IF U_MSN or USER_MSN --><dt>{L_MSNM}:</dt> <dd><!-- IF U_MSN --><a href="{U_MSN}" onclick="popup(this.href, 550, 320); return false;">{L_SEND_MSNM_MESSAGE}</a><!-- ELSE -->{USER_MSN}<!-- ENDIF --></dd><!-- ENDIF -->
      <!-- IF U_YIM or USER_YIM --><dt>{L_YIM}:</dt> <dd><!-- IF U_YIM --><a href="{U_YIM}" onclick="popup(this.href, 780, 550); return false;">{L_SEND_YIM_MESSAGE}</a><!-- ELSE -->{USER_YIM}<!-- ENDIF --></dd><!-- ENDIF -->
      <!-- IF U_AIM or USER_AIM --><dt>{L_AIM}:</dt> <dd><!-- IF U_AIM --><a href="{U_AIM}" onclick="popup(this.href, 550, 320); return false;">{L_SEND_AIM_MESSAGE}</a><!-- ELSE -->{USER_AIM}<!-- ENDIF --></dd><!-- ENDIF -->
      <!-- IF U_ICQ or USER_ICQ --><dt>{L_ICQ}:</dt> <dd><!-- IF U_ICQ --><a href="{U_ICQ}" onclick="popup(this.href, 550, 320); return false;">{L_SEND_ICQ_MESSAGE}</a><!-- ELSE -->{USER_ICQ}<!-- ENDIF --></dd><!-- ENDIF -->
      <!-- IF U_JABBER and S_JABBER_ENABLED --><dt>{L_JABBER}:</dt> <dd><a href="{U_JABBER}" onclick="popup(this.href, 550, 320); return false;">{L_SEND_JABBER_MESSAGE}</a></dd><!-- ELSEIF USER_JABBER --><dt>{L_JABBER}:</dt> <dd>{USER_JABBER}</dd><!-- ENDIF -->
   
      <!-- IF S_PROFILE_FIELD1 -->
         <!-- NOTE: Use a construct like this to include admin defined profile fields. Replace FIELD1 with the name of your field. -->
         <dt>{postrow.PROFILE_FIELD1_NAME}:</dt> <dd>{postrow.PROFILE_FIELD1_VALUE}</dd>
      <!-- ENDIF -->
      </dl>
   <span class="corners-bottom"><span></span></span></div>
</div>

<div style="display: none;" class="panel<!-- IF S_ONLINE --> online<!-- ENDIF -->" id="statistics-panel">
   <div class="inner"><span class="corners-top"><span></span></span>


      <h5>{L_USER_FORUM}</h5>
      <dl class="detailsprof">
         <dt>{L_JOINED}:</dt> <dd>{JOINED}</dd>
         <dt>{L_PROFILE_VIEWS}:</dt> <dd><b>{VIEWS}</b></dd>
         <dt>{L_VISITED}:</dt> <dd>{VISITED}</dd>
         <!-- Start Ultimate Points -->
         <!-- IF USE_POINTS -->
            <dt>{L_POINTS_CASH_ON_HAND}:</dt>
            <dd><!-- IF USE_IMAGES_POINTS --><img src="{T_THEME_PATH}/images/money.png" width="11px" height="11px" alt="" /><!-- ELSE -->{P_NAME}<!-- ENDIF --><!-- IF U_LOCKED --><b>{L_POINTS_LOCKED}</b><!-- ELSE --> {U_POINTS1} <br /><a href="{U_POINTS_DONATE}">{L_DONATE}</a> <a href="{U_POINTS_MODIFY}">{L_MOD_USER_POINTS}</a><!-- ENDIF --></dd>
         <!-- IF USE_BANK -->
            <!-- BEGIN has_account -->
            <dt>{L_BANK_BALANCE}:</dt>
            <dd><!-- IF USE_IMAGES_POINTS --><img src="{T_THEME_PATH}/images/money.png" width="11px" height="11px" alt="" /><!-- ELSE -->{P_NAME}<!-- ENDIF --><!-- IF U_BLOCKED --><b>{L_POINTS_LOCKED}</b><!-- ELSE --> {BANK_GOLD} <br /><a href="{U_BANK_MODIFY}">{L_MOD_USER_BANK}</a><!-- ENDIF --></dd>
            <!-- END has_account -->
            <!-- BEGIN no_account -->
            <dt>{L_BANK_BALANCE}:</dt>
            <dd>{no_account.BANK_NO_ACCOUNT}</dd>
            <!-- END no_account -->
         <!-- ENDIF -->
         <!-- ENDIF -->
         <!-- End Ultimate Points -->
         <dt><!-- IF S_ONLINE -->{L_FORUM_LOCATION}<!-- ELSE -->{L_LAST_PAGE}<!-- ENDIF -->:</dt> <dd><a href="{U_FORUM_LOCATION}">{FORUM_LOCATION}</a></dd>
         <!-- IF S_WARNINGS -->
         <dt>{L_WARNINGS}: </dt>
         <dd><strong>{WARNINGS}</strong><!-- IF U_NOTES or U_WARN --> [ <!-- IF U_NOTES --><a href="{U_NOTES}">{L_VIEW_NOTES}</a><!-- ENDIF --> <!-- IF U_WARN --><!-- IF U_NOTES --> | <!-- ENDIF --><a href="{U_WARN}">{L_WARN_USER}</a><!-- ENDIF --> ]<!-- ENDIF --></dd>
         <!-- ENDIF -->
         <dt>{L_MEDALS_VIEW}:</dt> <dd>{USER_MEDAL_COUNT} <!-- IF U_CAN_AWARD_MEDALS -->| <a href="{U_CAN_AWARD_MEDALS}"><strong>{L_AWARD_MEDAL}</strong></a><!-- ENDIF --><!-- IF U_NOMINATE --> | <a href="{U_NOMINATE}"><strong>{L_NOMINATE}</strong></a><!-- ENDIF --></dd>
         <dt>{L_TOTAL_POSTS}:</dt>
            <dd>{POSTS} <!-- IF S_DISPLAY_SEARCH -->| <strong><a href="{U_SEARCH_USER}">{L_SEARCH_USER_POSTS}</a></strong><!-- ENDIF -->
               <!-- IF POSTS_PCT --><br />({POSTS_PCT} / {POSTS_DAY})<!-- ENDIF -->
               <!-- IF POSTS_IN_QUEUE and U_MCP_QUEUE --><br />(<a href="{U_MCP_QUEUE}">{L_POSTS_IN_QUEUE}</a>)<!-- ELSEIF POSTS_IN_QUEUE --><br />({L_POSTS_IN_QUEUE})<!-- ENDIF -->
            </dd>
         <dt>{L_TOTAL_TOPICS}:</dt>
            <dd>{TOPICS} | <strong><a href="{U_SEARCH_USER_TOPICS}">{L_SEARCH_USER_TOPICS}</a></strong>
               <!-- IF TOPICS_PCT --><br />({TOPICS_PCT} / {TOPICS_DAY})<!-- ENDIF -->
               <!-- IF TOPICS_IN_QUEUE and U_MCP_QUEUE --><br />(<a href="{U_MCP_QUEUE}">{L_TOPICS_IN_QUEUE}</a>)<!-- ELSEIF TOPICS_IN_QUEUE --><br />({L_TOPICS_IN_QUEUE})<!-- ENDIF -->
            </dd>
         <!-- IF S_UPOST -->
         <dt>{L_LATEST_POST}:</dt>
             <dd><strong><a href="{U_TOPIC}">{TOPIC_TITLE}</a></strong><br />{POST_TIME}</dd>
         <!-- ENDIF -->
         <!-- Search User [img] and [attachment] Posts / 4seven / 2010 -->
         <dt>{L_TOTAL_IMGS}</dt>
            <dd>{IMG_POSTS} <!-- IF S_DISPLAY_SEARCH -->| <strong><a href="{U_SEARCH_IMG}">{L_SEARCH_USER_IMGS}</a></strong><!-- ENDIF -->
            </dd>
            
         <dt>{L_TOTAL_ATTS}</dt>
            <dd>{ATT_POSTS} <!-- IF S_DISPLAY_SEARCH -->| <strong><a href="{U_SEARCH_ATT}">{L_SEARCH_USER_ATTS}</a></strong><!-- ENDIF -->
            </dd>
         <!-- Search User [img] and [attachment] Posts / 4seven / 2010 -->
         <!-- IF S_SHOW_ACTIVITY and POSTS -->
            <dt>{L_ACTIVE_IN_FORUM}:</dt> <dd><!-- IF ACTIVE_FORUM --><strong><a href="{U_ACTIVE_FORUM}"><!-- IF S_ACTIVE_FORUM_COLOUR --><span{ACTIVE_FORUM_COLOUR}><!-- ENDIF -->{ACTIVE_FORUM}<!-- IF S_ACTIVE_FORUM_COLOUR --></span><!-- ENDIF --></a></strong><br />({ACTIVE_FORUM_POSTS} / {ACTIVE_FORUM_PCT})<!-- ELSE --> - <!-- ENDIF --></dd>
            <dt>{L_ACTIVE_IN_TOPIC}:</dt> <dd><!-- IF ACTIVE_TOPIC --><strong><a href="{U_ACTIVE_TOPIC}">{ACTIVE_TOPIC}</a></strong><br />({ACTIVE_TOPIC_POSTS} / {ACTIVE_TOPIC_PCT})<!-- ELSE --> - <!-- ENDIF --></dd>
         <!-- ENDIF -->
         <!-- IF S_HAS_HIGHSCORES --><dt>{L_ARCADE_HIGHSCORES}:</dt> <dd>{TOTAL_HIGHSCORES} | <strong><a href="{U_ARCADE_STATS}">{L_ARCADE_VIEW_USERS_STATS}</a></strong></dd><!-- ENDIF -->
      </dl>
<!-- IF SIGNATURE -->


      <h5>{L_SIGNATURE}</h5>

      <div class="postbody"><div class="signature" style="border-top:none; margin-top: 0;">{SIGNATURE}</div></div>

<!-- ENDIF -->

   <span class="corners-bottom"><span></span></span></div>
</div>

      
<div style="display: none;" class="panel<!-- IF S_ONLINE --> online<!-- ENDIF -->" id="cpf-panel">
    <div class="inner"><span class="corners-top"><span></span></span>

        <h5>Custom Profile Fields</h5>

        <dl class="detailsprof">

      <!-- BEGIN custom_fields --><dt>{custom_fields.PROFILE_FIELD_NAME}:</dt> <dd>{custom_fields.PROFILE_FIELD_VALUE}</dd><!-- END custom_fields -->


         <!-- BEGIN nyq_listofranks -->
         <dd style="text-align: center;">{nyq_listofranks.IMAGE}</dd>
         <!-- END nyq_listofranks -->
        </dl>

    <span class="corners-bottom"><span></span></span></div>
</div>

<div style="display: none;" class="panel<!-- IF S_ONLINE --> online<!-- ENDIF -->" id="thanks-panel">
    <div class="inner"><span class="corners-top"><span></span></span>
        <dl class="detailsprof">
 <!-- IF THANKS_PROFILELIST_VIEW -->

<div class="panel bg1">
   <div class="inner"><span class="corners-top"><span></span></span>
   <h3>{L_GRATITUDES}</h3>
      <!-- IF  S_MOD_THANKS and POSTER_GIVE_COUNT --><ul class="profile-icons"><li class="delete-icon"><a href="{U_CLEAR_LIST_THANKS_GIVE}" title="{L_CLEAR_LIST_THANKS}"><span>{L_CLEAR_LIST_THANKS}</span></a></li></ul><!-- ENDIF -->
      <dl>
         <dt><strong>{L_GIVEN}:</strong> {POSTER_GIVE_COUNT} {L_THANKS}</dt>
         <dd>
         <!-- IF POSTER_GIVE_COUNT and THANKS_PROFILELIST_VIEW -->
         <a href="javascript: toggleElement( getElement('show_thanks'));">{L_THANKS_LIST}</a>
         <div id="show_thanks" style="display: none;">{THANKS}</div>
         <!-- ENDIF -->
         </dd>
      </dl>      
   <span class="corners-bottom"><span></span></span></div>
</div>
<div class="panel bg2">
   <div class="inner"><span class="corners-top"><span></span></span>
      <!-- IF  S_MOD_THANKS and POSTER_RECEIVE_COUNT --><ul class="profile-icons"><li class="delete-icon"><a href="{U_CLEAR_LIST_THANKS_RECEIVE}" title="{L_CLEAR_LIST_THANKS}"><span>{L_CLEAR_LIST_THANKS}</span></a></li></ul><!-- ENDIF -->
      <dl>
         <dt><strong>{L_RECEIVED}:</strong> {POSTER_RECEIVE_COUNT} {L_THANKS}</dt>
         <dd>
         <!-- IF POSTER_RECEIVE_COUNT and THANKS_PROFILELIST_VIEW -->
         <a href="javascript: toggleElement( getElement('show_thanked'));">{L_THANKS_LIST}</a>
         <div id="show_thanked" style="display: none;">{THANKED}</div>
         <!-- ENDIF -->
         </dd>
      </dl>
</div>
<!-- ENDIF -->
        </dl>

    <span class="corners-bottom"><span></span></span></div>
</div>
      <span class="corners-bottom"><span></span></span>
   </div>
</div>


<!-- INCLUDE medals/medal_memberlist_view.html -->

<script type="text/JavaScript">
function getElement(iElementId)
{
   if (document.all)
   {
      return document.all[iElementId];
   }
   if (document.getElementById)
   {
      return document.getElementById(iElementId);
   }
}

function toggleElement(oElement)
{
   if (oElement.style.display == "none")
   {
      oElement.style.display = "";
   }
   else
   {
      oElement.style.display = "none";
   }
}
</script>


<!-- INCLUDE profile_guestbook.html -->
</form>

<!-- INCLUDE jumpbox.html -->

<!-- INCLUDE overall_footer.html -->

I know the first few steps of what to do (ex. adding in 'clubs-panel' after 'cpf-panel') but I have to figure out later the other steps

Nice