function hideDatacardSelector() {
    $(".DatacardSelector").hide();
};

var currentDatacardGroupId = 0;

function showDatacardSelector(DatacardGroupId, PictureId, ManufacturerName, ProductName) {
    currentDatacardGroupId = DatacardGroupId;

    // Henter alle operating systems
    $.jmsajax({
        type: "POST",
        url: "AjaxWebService.asmx/GetOperatingSystems",
        dataType: "msjson",
        data: { "DatacardGroupId": DatacardGroupId },
        success: showOperatingSystems
    });

    //Henter datacard informationer
    document.images.DatacardSelector_Image.src = "/ml/" + PictureId + ".png";
    
    $("#DatacardSelector_ManufacturerName").text(ManufacturerName);
    $("#DatacardSelector_ProductName").text(ProductName);
    $("#DatacardSelector_ApplicationVersions").html(null);
    $("#DatacardSelector_OpenManual").hide();
};

function showOperatingSystems(result) {
    //Ryder først indholdet af #DatacardSelector_OperatingSystems
    $("#DatacardSelector_OperatingSystems").html(null);
    result = $.parseJSON(result);
    for (var item in result) {
        var osId = result[item].OperatingSystemId;
    
        //Opretter radio button
        var OSRadio = $('<input type="radio" name="DatacardSelector_OS" id="OS' + osId + '" />')
        .attr("value", item);

        $(OSRadio).click(function() {
            if (!$(this).is(":checked")) {
                $("#DatacardSelector_OpenManual").hide();
            };
        });

        //Opretter label
        var OSLabel = $("<label/>")
            .attr("for", "OS" + item)
            .text(result[item].Name + " ");

        $(OSRadio).appendTo("#DatacardSelector_OperatingSystems");
        $(OSLabel).appendTo("#DatacardSelector_OperatingSystems");

        OSRadio = null;
        OSLabel = null;

    }; // 'for loop' end

    $(".DatacardSelector").show();


    //Tildeler funktion til radio
    $("#DatacardSelector_OperatingSystems input:radio").click(function() {
        $("#DatacardSelector_OpenManual").hide();
        getApplicationVersions(currentDatacardGroupId, this.value);
    });
    
}; // function end

function getApplicationVersions(DatacardGroupId, OperatingSystemId) {
    // Henter alle operating systems
    $.jmsajax({
        type: "POST",
        url: "AjaxWebService.asmx/GetApplicationVersions",
        dataType: "msjson",
        data: { "DatacardGroupId": DatacardGroupId, "OperatingSystemId": OperatingSystemId },
        success: function(result) {
            //Add ApplicationVersions to view
            $("#DatacardSelector_ApplicationVersions").html(null);
            $("#DatacardSelector_ApplicationVersionsHeader").show();
            result = $.parseJSON(result);
            for (var item in result) {
                //Add container
                var AppDiv = $('<div/>').appendTo("#DatacardSelector_ApplicationVersions");

                //Add radio
                var AppRadio = $('<input type="radio" name="DatacardSelector_App_ManId" id="DatacardSelector_App_ManId' + result[item].ApplicationVersionId + '" value="' + result[item].ManualId + '">');
                AppRadio.appendTo(AppDiv);
                AppRadio.click(function() {
                    $("#DatacardSelector_OpenManual").show();
                });
                //Add label
                var AppLabel = $("<label/>")
                    .attr("for", "DatacardSelector_App_ManId" + result[item].ApplicationVersionId)
                    .text(result[item].Name)
                    .appendTo(AppDiv);

                if (result[item].DownloadIsAvailable) {
                    var DownloadLink = $("<a/>");
                    $(DownloadLink).attr("href", result[item].DownloadURL);
                    $(DownloadLink).attr("target", "_blank");
                    $(DownloadLink).text("(Download)");
                    $(DownloadLink).insertAfter(AppLabel);
                };
            };
        }
    });
};

function gotoDatacard() {
    self.location = "Home.aspx?Id=" + $("input[name='DatacardSelector_App_ManId']:checked").val();
}; // funtion end