///////////////////////////////
// REQUIRES: jquery-1.4.1.js //
///////////////////////////////
// USAGE:
// var objSomeElement = new HTMLElement("div", {'id': strDivId, 'class': 'check', 'style': '{text-align: left};'});

function HTMLElement(strTagName, astrAttributes) {

    var _strTagName = "";
    var _objJSONArgs = null;
    var _strInnerHTML = "";

    if (strTagName != undefined && strTagName.length > 0) {
        _strTagName = strTagName;
    }
    if (arguments.length == 2) {
        _objJSONArgs = arguments[1]
    }

    this.appendChild = function (strInnerHTML) {
        _strInnerHTML += strInnerHTML;
    }

    this.getHTML = function () {

        if (_strTagName.length == 0) return "";

        var strAttributes = "";
        if (_objJSONArgs != null) {

            jQuery.each(_objJSONArgs, function (key, val) {

                if (key.toLowerCase() != "cssclass")
                    strAttributes += " " + key + "=\"" + val + "\"";
                else
                    strAttributes += " class=\"" + val + "\"";
            });
        }
        var strOpenTag = "<" + _strTagName + strAttributes + ">";
        var strCloseTag = "</" + _strTagName + ">";

        return (strOpenTag + _strInnerHTML + strCloseTag);
    }
}