function getCounties(stateID) {
    document.getElementById('counties').style.visibility = 'hidden';
    document.getElementById('wait').style.lineHeight = "normal";
    document.getElementById('wait').style.visibility = "visible";
    document.getElementById('counties').style.height = 0;
    document.getElementById('maincol3').style.visibility = 'hidden';
    document.getElementById('maincol2').style.visibility = 'hidden';
    document.getElementById('maincol1').style.visibility = 'hidden';
    xmlhttp('https://' + location.host + '/fsboleader/get_counties.php?s='+stateID,'processCounties');
}

function processCounties(xml) {
    var countyCol1 = document.getElementById('column1');
    var countyCol2 = document.getElementById('column2');
    var countyCol3 = document.getElementById('column3');
    var htmlstring1 = '\n';
    var htmlstring2 = '\n';
    var htmlstring3 = '\n';
    var cols = 0;
    var xmlDoc = new REXML(xml);
    var rootName = xmlDoc.rootElement.name;

    if (rootName == "counties") {
        var stateID = xmlDoc.rootElement.attribute('state-id');
        var stateName = xmlDoc.rootElement.attribute('state-name');
        var stateTotal = xmlDoc.rootElement.attribute('state-total');
        var elements = xmlDoc.rootElement.childElements;
        cols = (elements.length > 2 ? 3 : elements.length % 3);
        document.getElementById('stateName').textContent = stateName+' ('+stateTotal+')';
        for(var i = 0; i < elements.length; i++) {
            var countyName = elements[i].text;
            var countyID = elements[i].attribute('county-id');
            var count = elements[i].attribute('count');
            switch(i % 3){
                case 0:
                    htmlstring1 += '<a href="subscribe.htm?s='+stateID+'&amp;c='+countyID+'" class="khakiToWhite">'+countyName + ' ('+count+')</a><br />\n';
                    break;
                case 1:
                    htmlstring2 += '<a href="subscribe.htm?s='+stateID+'&amp;c='+countyID+'" class="blueToWhite">'+countyName + ' ('+count+')</a><br />\n';
                    break;
                case 2:
                    htmlstring3 += '<a href="subscribe.htm?s='+stateID+'&amp;c='+countyID+'" class="khakiToWhite">'+countyName + ' ('+count+')</a><br />\n';
                    break;
            }
        }
        countyCol1.innerHTML = htmlstring1;
        countyCol2.innerHTML = htmlstring2;
        countyCol3.innerHTML = htmlstring3;
        document.getElementById('maincol3').style.visibility = 'hidden';
        document.getElementById('maincol2').style.visibility = 'hidden';
        document.getElementById('maincol1').style.visibility = 'hidden';
        switch(cols){
            case 0:
                document.getElementById('counties').style.visibility = 'hidden';
                break;
            case 3:
                document.getElementById('maincol3').style.visibility = 'visible';
            case 2:
                document.getElementById('maincol2').style.visibility = 'visible';
            case 1:
                document.getElementById('maincol1').style.visibility = 'visible';
                document.getElementById('counties').style.visibility = 'visible';
                document.getElementById('counties').style.height = '100%';
                break;
            default:
                document.getElementById('counties').style.visibility = 'hidden';
        }
    }else{
        document.getElementById('counties').style.visibility = 'hidden';
    }
    document.getElementById('wait').style.lineHeight = 0;
    document.getElementById('wait').style.visibility = "hidden";
}