$(function documentReady() {
    InitAddArticleImage();
    InitDeleteArticle();
   InitDeleteArticleImage();
});

function InitAddArticleImage() {
    $("img[id$=UploadArticleImage]").click(function () {
        var articleid = $(this).attr("articleid");
        $(".UploadArticleImageDialog[articleid=" + articleid + "]").dialog("open");
    });

    $(".UploadArticleImageDialog").dialog({
        autoOpen: false,
        height: 250,
        width: 360,
        resizable: false,
        modal: true,
        open: function (event, ui) { $(this).parent().appendTo($("form")); }
    });
}

function InitDeleteArticle() {
    $("img[id$=ArticleDelete]").click(function () {
        var articleid = $(this).attr("articleid");
        $(".ArticleDeleteDialog[articleid=" + articleid + "]").dialog("open");
    });

    $(".ArticleDeleteDialog").dialog({
        autoOpen: false,
        resizable: false,
        height: 140,
        modal: true,
        open: function (event, ui) { $(this).parent().appendTo($("form")); }
    });
}

function InitDeleteArticleImage() {
    $("img[id$=ArticleImageDelete]").click(function () {
        var articleid = $(this).attr("articleid");
        $(".ArticleImageDeleteDialog[articleid=" + articleid + "]").dialog("open");
    });

    $(".ArticleImageDeleteDialog").dialog({
        autoOpen: false,
        resizable: false,
        height: 140,
        modal: true,
        open: function (event, ui) { $(this).parent().appendTo($("form")); }
    });
}