var branchLabel = $("#BranchLabel");
var branchList = $("#BranchList");
var nodeLabel = $("#NodeLabel");
var nodeList = $("#NodeList");
$(document).ready(getBranchList);

function loading(element) {
$("<span />").css({ color: "green" }).text("Loading...").appendTo(element.empty());
}

function failure(element) {
$("<span />").css({ color: "red" }).text("Không có dữ liệu!").appendTo(element.empty());
}

function getBranchList() {

loading(branchLabel);
$.ajax({
    url: "../data/BranchList.xml",
    type: "GET",
    dataType: "xml",
    timeout: 5000,
    error: function() { failure(branchLabel); },
    success: function(xml) {
        $("<b />").text("Chi nhánh:").appendTo(branchLabel.empty());
    	var select = $("<select class='slt-slim-border' />")
    	    .attr("id", "List")
    	    .append($("<option />").attr("value", -1).text("Chọn chi nhánh"));
        $(xml).find("Branch").each(function(index, branch) {
		    $("<option />")
		        .attr("value", $(branch).attr("ID"))
		        .text($(branch).attr("Name"))
		        .appendTo(select);
    	});
    	select.children("option:first").attr("selected", "selected");
        select.change(getNodeList);
    	branchList.empty().append(select);
    }
});

} // getBranchList

function getNodeList() {

var branchID = $("#List option:selected").val();
if (branchID < 0) return;
loading(nodeLabel);
$.ajax({
    url: "Network.ashx?action=NodeList&branchID=" + branchID,
    type: "GET",
    dataType: "xml",
    timeout: 5000,
    error: function() { failure(nodeLabel); },
    success: function(xml) {
        $("<b />").text("Phòng:").appendTo(nodeLabel.empty());
    	var select = $("<select class='slt-slim-border' />")
    	    .attr("id", "List2");
        $(xml).find("Node").each(function(index, branch) {
		    $("<option />")
		        .attr("value", $(branch).attr("ID"))
		        .text($(branch).attr("Name"))
		        .appendTo(select);
    	});
    	select.children("option:first").attr("selected", "selected");
        nodeList.empty().append(select);
        select.change(getNodeInfo).change();
    }
});

} // getNodeList

function getNodeInfo() {

var nodeID = $("#List2 option:selected").val();
if (nodeID <= 0) return;
$.ajax({
    url: "Network.ashx?action=NodeInfo&nodeID=" + nodeID,
    type: "GET",
    dataType: "xml",
    timeout: 5000,
    error: function() { failure(nodeLabel); },
    success: function(xml) {
        $("#NodeName").text($(xml).find("Name").text());
        $("#NodeAddress").text($(xml).find("Address").text());
        $("#NodeLeader").text($(xml).find("Leader").text());
        $("#NodeTel").text($(xml).find("Tel").text());
        $("#NodeFax").text($(xml).find("Fax").text());
        $("#NodeInfo").show();
    }
});

} // getNodeInfo