como agregar tabs a unos botones

[mayid]

Te lo transcribo:

// AJAX TABS
var pageUrl = new Array();
pageUrl[1] = "comunidad/tab1.html";
pageUrl[2] = "comunidad/tab2.html";
pageUrl[3] = "comunidad/tab3.html";
pageUrl[4] = "comunidad/tab4.html";
pageUrl[5] = "comunidad/mayid.html";
function loadTab(id)
{
if (pageUrl[id].length > 0)
{
$("#preloader").show();
$.ajax(
{
url: pageUrl[id],
cache: false,
success: function(message)
{
$("#tabcontent").empty().append(message);
$("#preloader").hide();
}
});
}
}

$(document).ready(function()
{
$("#preloader").hide();

$("#tab1").click(function()
{
loadTab(1);
});

$("#tab2").click(function()
{
loadTab(2);
});

$("#tab3").click(function()
{
loadTab(3);
});

$("#tab4").click(function()
{
loadTab(4);
});
$("#tab5").click(function()
{
loadTab(5);
});
});

El HTML:

<div class="navcontainer">
<ul>
<li><a id="tab1" href="#tabcontent">Alan</a></li>
<li><a id="tab2" href="#tabcontent">Pick</a></li>
<li><a id="tab3" href="#tabcontent">Gabi</a></li>
<li><a id="tab4" href="#tabcontent">Tami</a></li>
<li><a id="tab5" href="#tabcontent">Mayid</a></li>
<li><a id="tab5" href="./index.php">Volver</a></li>
</ul>
</div><!-- fin tabs -->