TabControl

        <div id="tabsCtrl">
            <ul>
                <li><a href="#tab1">Tab 1</a></li>
                <li><a href="#tab2">Tab 2</a></li>
                <li><a href="#tab3">Tab 3</a></li>
                <li><a href="#tab4">Tab 4</a></li>
                <li> <a href="tabs/tab4.html">Tab 4</a></li>
                <li> <a href="tabs/tab5.html">Tab 5</a></li>
            </ul>
            <div id="tab1">
                <p>Lorem iporper nist, c felis rutrum, eget sagittis sem dapibus.</p>
            </div>
            <div id="tab2">
                <p>Curabitur magna magna, ultrices feugiat eliis tortor posuere eleifend.</p>
            </div>
            <div id="tab3">
                <p>Aenean consequat sollicitudin odio,  metus. </p>
            </div>
            <!-- Tabs 4 and fice are loaded via AJAX -->

        </div>

Tabs 4 and 5 are loaded via JSON
tab4.html

    <div  id="tab4">
            <p><strong>This tab was loaded in via AJAX</strong></p>

            </p>
        </div>

tab5.html

        <div  id="tab3">
            <p><strong>This tab was loaded in via AJAX</strong></p>

        </div>

Widgets