function loadImage1() {
    var filter = document.getElementById("filter");
    var img = document.getElementById("imgApp");
    if (filter != null && img != null) {
        document.getElementById("btSubmit").disabled = true;
        document.getElementById("loading").style.visibility = "visible";
        img.setAttribute("src", "photocontroller_demo_image1.aspx?filter=" + filter.value);
        setTimeout("document.getElementById('btSubmit').disabled=false;document.getElementById('loading').style.visibility='hidden';", 1000);
    }
}

function bandchange(ctl) {
    if (ctl.value > 100 || ctl.value < 0) {
        alert("Band value is not valid. In this demo picture, please limit the value between 0 and 100. ");
        return false;
    }
}

function loadImage2() {
    var mask = document.getElementById("mask");
    var img = document.getElementById("imgApp");
    var band = document.getElementById("band");
    var backcolor = document.getElementById("backcolor");
    if (mask != null && img != null && band != null && backcolor != null) {
        document.getElementById("btSubmit").disabled = true;
        document.getElementById("loading").style.visibility = "visible";
        img.setAttribute("src", "photocontroller_demo_image2.aspx?mask=" + mask.value + "&backcolor=" + backcolor.value + "&band=" + band.value);
        setTimeout("document.getElementById('btSubmit').disabled=false;document.getElementById('loading').style.visibility='hidden';", 1000);
    }
}