$strHomeMessage = '<p>Welcome ' . twistQueryMemberName($_SESSION["strMemberIDEmulate"],'first') . ':</p>';
$strHomeMessage .= 'Please review the information below.&nbsp;&nbsp;You may return to this screen at any time by clicking the Home Icon (above).&nbsp;&nbsp;' . '<img class="twistIcon" src="../../../../../../v004 - Copy.00/portal/default/skin/twistDesktop/webTemplate/' . $strHostingURL . 'images/icons/' . $strSkinBannerIconStyle . '/house_24x24.png" style="height:15px; width:15px;" />';


  	<div id="twistHomeMessage" style="font-weight:bold; padding:30px; width:100%;"></div>

    <div style="margin-left:30px;">
			
      <p>Twist! 3.0 will feature and an expanded use of the Role Home Page.  Here are some notes:</p>
      
      <ul style="list-style:disc;">
      	<li>The section that you are reading is the "Welcome Area".  The areas below are called Home Page sections.</li>
        <li>Each section is customizable by the Twist! Client Administrator (position / visibility / content) according to the Member Role(s)</li>
        <li>Sections will scroll vertically where necessary to keep them from becoming to big.</li>
        <li>Members may minimize/maximize sections during a session.  Sections will be return to the default configuration when the member signs out.</li>
        <li>The titles of each section are for demonstration purposes only.  We'll decide on the titles shortly.</li>
      </ul>
        
      <div style="float:left; width:30%;">
        <div class="twistSection" id="twistHomeSection1" style="margin-top:10px;">
          <div>
            <input class="twistButton" id="twistHomeSection1Button" style="min-width:150px;" type="button" value="Education" />
          </div>
          <div class="twistSectionData" id="twistHomeSection1Data">
            <p>This section displays content uploaded and linked to the Role that the member is currently using.  Educational
            Content can be formatted as MS Word, MS Excel, MS Powerpoint and Adobe PDF documents.</p>
            
						<p>There will be three sections..."New", "Current" and "Archive."  When a member accesses an educational document for the first
            time, Twist! will mark the document and move the item from New to Current.  When the member no longer wishes to see the content, 
            they will check a box and mark it as Archive.</p>
          </div>
        </div>
        <div class="twistSection" id="twistHomeSection2">
          <div>
            <input class="twistButton" id="twistHomeSection2Button" style="min-width:150px;" type="button" value="News" />
          </div>
          <div class="twistSectionData" id="twistHomeSection2Data">
          	Twist! 3.0 will feature a blogging function.  Selected Roles will have access to create a blog item.  When posted.
            the blog author will determine within the scope of their authority, who can see the blog post.
          </div>
        </div>
      </div>
      <div style="float:left; margin-left:40px; width:30%;">
        <div class="twistSection" id="twistHomeSection3" style="margin-top:10px;">
          <div>
            <input class="twistButton" id="twistHomeSection3Button" style="min-width:150px;" type="button" value="My Team" />
          </div>
          <div class="twistSectionData" id="twistHomeSection3Data">
            This section will display a list of the Partner Team members, and the Comtel Team Members that they are working with.
            Each member listing will include the member photograph (if uploaded) or an Avatar, along with a brief description
            editable by the member and the member contact information.
          </div>
        </div>
        <div class="twistSection" id="twistHomeSection4">
          <div>
            <input class="twistButton" id="twistHomeSection4Button" style="min-width:150px;" type="button" value="Alerts" />
          </div>
          <div class="twistSectionData" id="twistHomeSection4Data">
            This section will display role and member-specific alerts including:
            <ul>
            	<li>Leads / Tasks / Deliverables that need attention (late)</li>
              <li>Recent activity on Mining Videos (responses)</li>
              <li>Other items to be discussed.</li>
            </ul>
            
            More urgent items will appear in a color that calls attention to them.  Optionally, we can disable the ability to
            access any other Twist! functionality until critical alerts have been acknowledged / action taken.
          </div>
        </div>
      </div>
      <div style="float:left; margin-left:40px; width:30%;">
        <div class="twistSection" id="twistHomeSection5" style="margin-top:10px;">
          <div>
            <input class="twistButton" id="twistHomeSection5Button" style="min-width:150px;" type="button" value="Reports" />
          </div>
          <div class="twistSectionData" id="twistHomeSection5Data">
            <p>This section will feature links to Twist! reports applicable to the Member's Role.  Examples:</p>
            
            <ul>
            	<li>Sales Pipeline Report</li>
              <li>Sales Activity Report</li>
            </ul>
            
            <p>We will have at least two reports at launch time.  We need to agree on the specifications.</p>
          </div>
        </div>
        <div class="twistSection" id="twistHomeSection6">
          <div>
            <input class="twistButton" id="twistHomeSection6Button" style="min-width:150px;" type="button" value="External Links" />
          </div>
          <div class="twistSectionData" id="twistHomeSection6Data">
            <p>All external links open up in a separate window. Examples:</p>
            
           	<p><a href="http://www.thecomtelgroup.com" target="_blank">The Comtel Group</a></p>
           	<p><a href="http://www.telepacific.com" target="_blank">TelePacific</a></p>
           	<p><a href="http://www.zumasys" target="_blank">Partner Website</a></p>
           	<p><a href="http://www.cisco.com/c/en/us/solutions/service-provider/prime-carrier-management/index.html" target="_blank">Cisco Carrier Managaement</a></p>
          </div>
        </div>
      </div>
    </div>