// JavaScript Document

function getHTTPObject() {
    var xhr = false;
    if (window.XMLHttpRequest) {
        xhr = new XMLHttpRequest();
    } else if (window.ActiveXObject) {
        try {
            xhr = new ActiveXObject("Msxml2.XMLHTTP");
        } catch(e) {
            try {
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
            } catch(e) {
                xhr = false;
            }
        }
    }
    return xhr;
}

function locate(by, insert) {
    var request = getHTTPObject();
    if (request) {
        var requestTimer = setTimeout(function() {
             request.abort();
        }, MAXIMUM_WAITING_TIME = 5000);
        request.onreadystatechange = function() {
            parseResponse(request, insert);
        };
    request.open("GET", by, true);
    request.setRequestHeader('Content-Type', 'text/html');
    request.setRequestHeader('Connection', 'close');
    request.send(null);
}

function parseResponse(request, insert) {
    if (request.readyState != 4)  { return; }
        clearTimeout(requestTimer);
        if (request.status == 200 || request.status == 304)  {
            var serverResponse = request.responseText;
            var details = document.getElementById(insert);
            details.innerHTML = request.responseText;
            var city = document.getElementById('city');
            city.onchange = function(){
                 var store = document.getElementById('location');
                 if(this.value != '- Select A City -'){
                     store.style.display = "block";
                 }else{
                     store.style.display = "none";
                 }
                 locate('kids-fetch.php?city='+this.value, 'location');
            };
        }
    }
}

function hideMenu(){
    // Get Essetial Elements
    var country = document.getElementById('country');
    var cityTitle = document.getElementById("cityTitle");
    var city = document.getElementById('city');
    var store = document.getElementById('location');
    var getLocation = document.getElementById('getLocation');
    // Hide Elements Except Country
    city.style.display = "none";
    cityTitle.style.display = "none";
    store.innerHTML = " ";
    getLocation.style.display = "none";

    country.onchange = function(){
         var cityMenu = document.getElementById("cityMenu");
         var store = document.getElementById('location');
         store.innerHTML = " ";
         if(this.value != '- Select A Country -'){
             cityMenu.style.display = "block";
         }else{
             cityMenu.style.display = "none";
         }
         locate('kids-fetch.php?country='+this.value, 'cityMenu');
    };
}

window.onload = hideMenu;