function showStates() {
    if (!us_states) return true;
    var container = document.getElementById("container");
    var list = document.createElement("ol");
    container.appendChild(list);
    for (var i=0; i<us_states.length; i++) {
        var item = document.createElement("li");
        list.appendChild(item);

        var name_para = document.createElement("p");
        item.appendChild(name_para);
        var name_text = document.createTextNode("Name: " + us_states[i].name);
        name_para.appendChild(name_text);

        var capital_name_para = document.createElement("p");
        item.appendChild(capital_name_para);
        var capital_name_text = document.createTextNode("Capital Name: " + us_states[i].capital.name);
        capital_name_para.appendChild(capital_name_text);

        var capital_latitude_para = document.createElement("p");
        item.appendChild(capital_latitude_para);
        var capital_latitude_text = document.createTextNode("Capital Latitude: " + us_states[i].capital.latitude);
        capital_latitude_para.appendChild(capital_latitude_text);

        var capital_longitude_para = document.createElement("p");
        item.appendChild(capital_longitude_para);
        var capital_longitude_text = document.createTextNode("Capital Longitude: " + us_states[i].capital.longitude);
        capital_longitude_para.appendChild(capital_longitude_text);
    }
    return false;
}



function prepareLink() {
    if (!document.getElementsByTagName) return true;
    if (!document.getElementById) return true;
    if (!document.getElementById("us_states")) return true;
    var link = document.getElementById("us_states");
    link.onclick = function() {
          return showStates();
    }
}

window.onload = prepareLink;