function loadImage1(shapeID, effectID, imageID, buttonID) {

    var ddlShape = document.getElementById(shapeID);
    var ddlEffect = document.getElementById(effectID);
    var imgApp1 = document.getElementById(imageID);
    var button = document.getElementById(buttonID);
    if (ddlShape != null && ddlEffect != null && imgApp1!=null) {
        button.disabled=true;
        document.getElementById("loading1").style.visibility="visible";
        imgApp1.setAttribute("src", "coolwatermark_demo_image1.aspx?shape=" + ddlShape.value + "&effect=" + ddlEffect.value);
        setTimeout("document.getElementById('" + buttonID  + "').disabled=false;document.getElementById('loading1').style.visibility='hidden';", 1000);
    }

}

function loadImage2(brushID, foreColorID, backColorID, imageID, buttonID)
{
    var ddlBrush = document.getElementById(brushID);
    var foreColor = document.getElementById(foreColorID);
    var backColor = document.getElementById(backColorID);
    var imgApp2 = document.getElementById(imageID);
    var button = document.getElementById(buttonID);
    if (ddlBrush != null && foreColor !=null && backColor != null && imgApp2!=null)
    {
        button.disabled = true;
        document.getElementById("loading2").style.visibility = "visible";
        imgApp2.setAttribute("src", "coolwatermark_demo_image2.aspx?brush=" + ddlBrush.value + "&forecolor=" + foreColor.value + "&backcolor=" + backColor.value);
        setTimeout("document.getElementById('" + buttonID  + "').disabled=false;document.getElementById('loading2').style.visibility='hidden';", 1000);
    }
}