// MiniTable.js

function InitializeMiniTable()
{
    var divMiniTableTabs = $('#divMiniTableTabs');
    if(divMiniTableTabs != null)
    {
        divMiniTableTabs.show();
    }
    
    // attach click event hanlders for tabs
    var liElements = $("li[id^='liMiniTable']");
    for(var i = 0; i < liElements.length; i++)
    {
        $(liElements[i]).bind('click', MiniTableTabClick);        
    }
    
    RefreshActiveTab();
}

function MiniTableTabClick(evt)
{
    var elem = evt.target;
    
    // change the active tab
    miniTableActiveTab = elem.id;
    
    var elemId = elem.id.replace('liMiniTable', '');    
    SetMiniTableContent(elemId);
}

function SetMiniTableContent(elemId)
{
    var divMiniTableAjaxIndicator = $('#divMiniTableAjaxIndicator');
    divMiniTableAjaxIndicator.show();

    var miniTableHost = "Lovemoney";
    if ((typeof (_miniTableHost) != 'undefined') && ($.trim(_miniTableHost).length > 0))
    {
        // this javascript is shared with Compare the Market
        // _miniTableHost can be "Lovemoney" or "CTM". If it's "CTM" that means we're in a Compare the Market page
        // we need to let the server know where the mini table is being hosted
        miniTableHost = _miniTableHost;
    }

    $.ajax({
        type: "GET",
        url: '/ajax/tableservice.aspx',
        data: { id: 'articleminitable', args: elemId, miniTableHost: miniTableHost },
        success: Ajax_onSuccess
    });
}

function Ajax_onSuccess(data, status)
{
    var divMiniTableContent = $('#divMiniTableContent');
    divMiniTableContent.html(data);
    
    var divMiniTableAjaxIndicator = $('#divMiniTableAjaxIndicator');
    divMiniTableAjaxIndicator.hide();
    
    RefreshActiveTab();
}

function RefreshActiveTab()
{    
    var liElements = $("li[id^='liMiniTable']");
    for(var i = 0; i < liElements.length; i++)
    {       
        if((typeof(miniTableActiveTab) != 'undefined') && (liElements[i].id == miniTableActiveTab))
        {
            $(liElements[i]).addClass('active');
            liElements[i].style.cursor = 'default';
        }
        else
        {   
            $(liElements[i]).removeClass('active');
            liElements[i].style.cursor = 'pointer';
        }
    }
}

$(document).ready(InitializeMiniTable);