var url = "/assets/xml/map.xml";
var xml = new JKL.ParseXML(url);
var data = xml.parse();
var menuOpen = 0;


function displayCountryDetail(id) {



    var str = "";

    str = str + "<a onclick=\"menuOpenFunc();\"  href=\"javascript:;\"><img border=\"0\" src=\"images/maptitle.jpg\" alt=\"Global\" style=\"border: none;\" /></a><br />";
    str = str + "<div style=\"padding:10px;\"><b>" + data["data"]["country"][id]["name"] + "</b><br/>";
    str = str + "<img src=\"" + data["data"]["country"][id]["img"] + "\" align=\"left\" style=\"padding:10px;\" /><br/>";
    str = str + data["data"]["country"][id]["desc"];
    str = str + "<br/><br/>[ <a onclick=\"closeCountryDetail()\" class=\"haber_icerik\" style=\"text-decoration:bold;\" href=\"javascript:;\">Back</a> ]</div>";


    document.getElementById('mapDivDetails').innerHTML = str;
    document.getElementById('mapDivDetails').style.display = '';
    document.getElementById('MapDiv').style.display = 'none';
    menuOpenFunc();

}
function closeCountryDetail() {
    document.getElementById('mapDivDetails').style.display = 'none';
    document.getElementById('MapDiv').style.display = '';
}

function dropDownDivFunc() {
    var str = "";
    for (k = 0; k < data["data"]["country"].length; k++) {
        str = str + " <a href=\"javascript:;\" onclick=\"displayCountryDetail(" + k + ")\" title=\"" + data["data"]["country"][k]["name"] + "\"  style=\"color: #FFFFFF; text-decoration:none; font-size:11px;\">" + data["data"]["country"][k]["name"] + "</a><br/>";
    }

    document.getElementById('dropDownDiv').innerHTML = str;
}

function menuOpenFunc() {

    if (menuOpen == 0) {

        dropDownDivFunc();
        document.getElementById('dropDownDiv').style.display = '';
        menuOpen = 1;

    }
    else {

        menuOpen = 0;
        document.getElementById('dropDownDiv').style.display = 'none';

    }
}