var TabControl = new Object();

TabControl.RenderView = function(link, contentHolderId, tabtitleId, tabtitleName)
{
    $.ajax({
        type: "GET",
        contentType: "application/xml; charset=utf-8",
        url: link,
        data: "",
        success: function(result) { TabControl._populateHtmlToHolder(result, contentHolderId, tabtitleId, tabtitleName) }
    });
}

TabControl.SetSelectedTabTitle = function(tabtitleId)
{
    $("#" + tabtitleId).addClass("current");
}

TabControl.UnselectAllTabTitles = function(tabtitleName)
{
    var elements = $("li[tabtitle='" + tabtitleName + "']");
    var len = elements.length;
    for (var i = 0; i < len; i++)
    {
        $(elements[i]).removeClass();
    }
}

TabControl._populateHtmlToHolder = function(responseHtml, contentHolderId, tabtitleId, tabtitleName)
{
    $("#" + contentHolderId).html(responseHtml);
    TabControl.UnselectAllTabTitles(tabtitleName);
    TabControl.SetSelectedTabTitle(tabtitleId);
}