function el(id) {
    return document.getElementById(id);
}

function emptyList(obj){
    for (var i=obj.options.length-1; i>=0; i--) obj.options[i]=null; 
}

function populateCity(x){
    var city = document.getElementById("city");
    var state = document.getElementById("states");
    var idx = state.options[x].value;
        
   emptyList(city);
        
    var j = 0;
    for (var i in groupCity[idx]) { 
        if(groupCity[idx][i] == '') city.options[j] = new Option("-- N/A --", groupCity[idx][i]); 
        else city.options[j] = new Option(groupCity[idx][i], groupCity[idx][i]);
        j++;
    }
}

var cbo = new CallBackObject();
cbo.OnLoading = function(){
    el('freezeDiv').style.display='block';             
    el('freezeDiv').style.opacity=50/100;
    el('freezeDiv').style.filter='alpha(opacity=50)';
	el('loaderDiv').style.display='block';             	           
    el('statsDiv').innerHTML='';
	el('freezeDivIE').style.height=el('freezeDiv').offsetHeight;
	el('freezeDivIE').style.width=el('freezeDiv').offsetWidth;
}
cbo.OnAbort   = function(){alert('Request has been aborted');};
cbo.OnError   = function(status, statusText){alert('Error - ' + statusText);};

function getStats(state, city, servername){
    
    cbo.OnComplete = function(text, xml){
        var loaderDiv = el('statsDiv');
        loaderDiv.innerHTML=text;
        runInnerScripts(loaderDiv);                
        el('loaderDiv').style.display = 'none';        
        el('freezeDiv').style.display = 'none';        
    };
    var data = {"state"  : state, "city" : city, "action" : "stats"};
    var url = 'http://'+servername +'/popup/catalog.htm';
    cbo.DoCallBack(url, data);
}