$(function(){
    var updateTabs = function()
    {
        if (this.getIndex()==0)
        {
            loadTabs();
        }
    }
    
    var loadTabs = function()
    {
        if ($("#lc1").html()=="") pullCountry('c1');
        if ($("#lc2").html()=="") pullCountry('c2');
    }
    
    var pullCountry = function(cc)
    {
        $("#l"+cc).html("<em>Loading...</em>").load("/services/data?type=cnty&cnty=" + $("#"+cc).val());
    }

    $("ul.tabs").tabs("div.panes > div",{current:'tab-active',initialIndex:(__tab=='country'?1:0),onClick:updateTabs});
    
    $("select.cs").change(function(){
        pullCountry(this.id);
    });
    
    if (__tab=='country') loadTabs();
    
});