(function($, window, document) {
    document.domain = 'joins.com';

    var noImage = utils.config('imagePath') + '/pc/article/v_noimg_60x60.png',
        commentLanguage = window.commentLanguage;

    var commentHtml = function(lang) {
        var lang = 'ko',
            html = {
                'headtab': '<h4 class="hide">' + commentLanguage[lang].mobileHide + '</h4>' +
                    '<ul class="tab head">' +
                    '    <li data-type="list"><a href="javascript:void(0);">' + commentLanguage[lang].commentList + ' <span data-bind="totalCount"></span></a></li>' +
                    '    <li data-type="write"><a href="javascript:void(0);">' + commentLanguage[lang].commentWrite + '</a></li>' +
                    '</ul>',
                'headlist': '<h3 class="tit_sub head">' + commentLanguage[lang].mobileCommentListHeadTotalCount + ' <em data-bind="totalCount"></em>' + commentLanguage[lang].numberUnit +
                    '   <button class="btn_close prevPage" type="button">' + commentLanguage[lang].returnToArticle + '</button>' +
                    '</h3>',
                'headwrite': '<h3 class="tit_sub head">' + commentLanguage[lang].commentWrite +
                    '   <button class="btn_close" type="button">' + commentLanguage[lang].returnToArticle + '</button>' +
                    '</h3>',
                'form': '<div class="select_sns sns_area">' +
                    '   <dt class="hide">' + commentLanguage[lang].selectSnsHide + '</dt>' +
                    '   <dl data-bind="list">' +
                    '       <dd data-bind="item"></dd>' +
                    '   </dl>' + 
                    '   <strong class="name"></strong>' +
                    '</div>' +
                    '</div>' +
                    '<form method="post" id="commentForm">' +
                    '   <fieldset class="fieldset">' +
                    '       <legend class="hide">' + commentLanguage[lang].submitHide + '</legend>' +
                    '       <div class="cont">' +
                    '           <div class="cont_textarea">' +
                    '               <textarea class="content" name="content" cols="30" rows="5" maxlength="500" placeholder="' + commentLanguage[lang].placeholderMobile + '"></textarea>' +
                    '           </div>' +
                    '       </div>' +
                    '   </fieldset>' +
                    '   <div class="bar">' +
                    '       <span class="count">0/500</span>' +
                    '       <button class="btn_submit btn_wrt" type="submit">' + commentLanguage[lang].btnSubmit + '</button>' +
                    '   </div>' +
                    '</form>',
                'sort': '<ul class="sort"></ul>',
                'list': '<h5 class="hide">' + commentLanguage[lang].commentList + '</h5>' +
                    '<ul data-bind="list">' +
                    '   <li class="item">' +
                    '   </li>' +
                    '</ul>',
                'card': '<div class="cmt_area">' +
                    '   <dl class="cmt_info">' +
                    '        <dt>' +
                    '           <a href="#" class="userSnsLink">' +
                    '               <img class="nick_img"/>' +
                    '               <strong class="mg"></strong>' +
                    '           </a>' +
                    '           <span class="date"></span>' +
                    '           <a class="btn_report" href="#">' + commentLanguage[lang].btnReport + '</a>' +
                    '           <a class="btn_delete btn_close" href="#">삭제</a>' +
                    '       </dt>' +
                    '       <dd>' +
                    '           <p class="content"></p>' +
                    '       </dd>' +
                    '   </dl>' +
                    '   <div class="btn_area">' +
                    '       <a class="btn_reply" href="#">' + commentLanguage[lang].btnReply + '</a>' +
                    '       <span class="btn_recomm">' +
                    '           <a class="up" href="#"><span>' + commentLanguage[lang].btnGood + '</span><em class="good"></em></a>' +
                    '           <a class="down" href="#"><span>' + commentLanguage[lang].btnBad + '</span><em class="bad"></em></a>' +
                    '       </span>' +
                    '   </div>' +
                    '</div>' +
                    '<div class="reply_area replay_area">' +
                    '  <ul data-bind="list">' +
                    '      <li class="item">' +
                    '       </li>' +
                    '   </ul>' +
                    '</div>',
                'reply': '<div class="cmt_area">' +
                    '  <dl class="cmt_info">' +
                    '      <dt>' +
                    '          <a href="#" class="userSnsLink">' +
                    '              <img class="nick_img"/>' +
                    '              <strong class="mg"></strong>' +
                    '          </a>' +
                    '          <span class="date"></span>' +
                    '          <a class="btn_report" href="#">' + commentLanguage[lang].btnReport + '</a>' +
                    '          <a class="btn_delete btn_close" href="#">삭제</a>' +
                    '      </dt>' +
                    '      <dd>' +
                    '          <p class="content"></p>' +
                    '      </dd>' +
                    '  </dl>' +
                    '  <div class="btn_area">' +
                    '      <span class="btn_recomm">' +
                    '          <a class="up" href="#"><span>' + commentLanguage[lang].btnGood + '</span><em class="good"></em></a>' +
                    '          <a class="down" href="#"><span>' + commentLanguage[lang].btnBad + '</span><em class="bad"></em></a>' +
                    '      </span>' +
                    '  </div>' +
                    '</div>',
                'foot_more': '<a class="more" href="#"><em class="hide">' + commentLanguage[lang].mobileHide + '</em> <span>' + commentLanguage[lang].btnMore + '</span></a><a class="btn_type write" href="#commentwrite">' + commentLanguage[lang].submitHide + '</a>',
                'foot_list': '<a href="#" class="more_type">' + commentLanguage[lang].gotoCommentList + '</a>'
            };

        return {
            getHtml: function(name) {
                return html[name];
            }
        };
    };
    window.commentHtml = commentHtml;

})(jQuery, window, document);