/**
 * SimpleHeaderWidgetJS
 *
 */
var SimpleHeaderWidgetJs = function(OptionObj){
    var _widget_id = "";
    var _item_array = OptionObj.items;

    function _renderWidget(id,mode) {

        if (_item_array.length == 0) {
            return;
        }
        var item = _item_array[0];
        if (mode == "red") {
            if (item.title != "") {
                var headerHtml = "<div class='sbcwHeader'>" + item.title.toUpperCase() + "</div>";
                $("#" + id).append(headerHtml);
            }
            if (item.description != "") {
                var subHeaderHtml = "<div class='sbcwSubHeader' style='margin-bottom: 5px;'>" + item.description.toUpperCase() + "</div>";
                $("#" + id).append(subHeaderHtml);
            }
        }else if (mode == "black") {
            if (item.title != "") {
                var headerHtml = "<div class='sbcwFeatureHeader'>" + item.title.toUpperCase() + "</div>";
                $("#" + id).append(headerHtml);
            }
        }else {
            if (item.title != "") {
                var headerHtml = "<div class='sbcwSuperSectionHeader' style='margin-top: 15px; margin-left: 25px;'>" + item.title.toUpperCase() + "</div>";
                $("#" + id).append(headerHtml);
            }
        }

    }

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