/**
 * SimpleArticleWidgetJS
 *
 */
var SimpleArticleWidgetJs = function(OptionObj){
    var _widget_id = "";
    var _item_array = OptionObj.items;

    function _renderWidget(id,mode) {
        var htmlFragment = "";
        for (var i = 0 ; i < _item_array.length; ++i) {
            var item = _item_array[i];
            if (mode != "educationArticle") {
                htmlFragment = "";
            }
            if (item.title != null && item.title != "") {
                  htmlFragment += "<div class='sbcwHeader' style='padding-top: 30px;'>" + item.title + "</div>";
            }
            if (item.content != null && item.content != "") {
                if (mode == "educationArticle") {
                    htmlFragment += item.content;
                }else {
                    htmlFragment += "<div class='sbcwMainText' >" + item.content + "</div>";
                }
            }
            if (item.largeImage != null && item.largeImage != "") {
                var _base_img_src = "/media/widgets/"+ item.widgetHeaderId +"/";
                htmlFragment += "<img src='" + _base_img_src + item.largeImage + "' style='margin-top: 5px;'>";
            }
            if (mode != "educationArticle") {
                $("#" + id).append(htmlFragment);
            }
        }
        if (mode == "educationArticle") {
            $("#" + id).append(htmlFragment);
        }
    }

    return {
        renderUI: function(id,mode){
            _renderWidget(id,mode);
        },
        setCSSOfWidget: function(CSS){
            $("#" + _table_id).addClass(CSS);
        },
        setBaseImgSrc: function(baseImgSrc){
            _base_img_src = baseImgSrc;
        }
    }
}