// widget.js
(function($, window, document) {

	var WIDGET_INFO = {
		Ad: {key: 'Ad', fn: 'loadAd'},
		DepartmentSns: {key: 'DepartmentSns', fn: 'widgetDepartmentSns'},												// 부서별 SNS
		HotArticles: {key: 'HotArticles', fn: 'widgetHotArticles'},														// 많이 본 기사
		HotArticlesOrderByReplyCount: {key: 'HotArticlesOrderByReplyCount', fn: 'widgetHotArticlesOrderByReplyCount'},	// 댓글 많은 기사
		HotIssues: {key: 'HotIssues', fn: 'widgetHotIssues'},															// 핫 이슈
		HotJPlus: {key: 'HotJPlus', fn: 'widgetHotJPlus'},																// 인기 J플러스
		HotJPlusOrderByReplyCount: {key: 'HotJPlusOrderByReplyCount', fn: 'widgetHotArticlesOrderByReplyCount'},		// 댓글 많은 수 인기 J플러스
		HotVideos: {key: 'HotVideos', fn: 'widgetHotVideos'},															// 많이 본 동영상
		JoongangIssue: {key: 'JoongangIssue', fn: 'widgetJoongangIssue'},												// 중앙 연재
		Link: {key: 'Link', fn: 'widgetLink'},																			// 링크
		MoneyIndicator: {key: 'MoneyIndicator', fn: 'widgetMoneyIndicator'},											// 경제 지표
		PhotoIssues: {key: 'PhotoIssues', fn: 'widgetPhotoIssues'},														// 포토 이슈
		RecommendedIssues: {key: 'RecommendedIssues', fn: 'widgetRecommendedIssues'},									// 추천 연재
		RelatedKeyword: {key: 'RelatedKeyword', fn: 'widgetRelatedKeyword'},											// 관련 키워드
		RecommendedArticle: {key: 'RecommendedArticle', fn: 'widgetRecommendedArticle'},								// 추천 기사
		RecommendedArticleForWide: {key: 'RecommendedArticleForWide', fn: 'widgetRecommendedArticleForWide'},			// 추천 기사 (와이드)
		OpinionCast: {key: 'OpinionCast', fn: 'widgetOpinionCast'},														// 오피니언 방송 (최신기사3건)
		PortalSearchKeyword: {key: 'PortalSearchKeyword', fn: 'widgetPortalSearchKeyword'},								// 포탈 실시간 검색어
		SnsArticle: {key: 'SnsArticle', fn: 'widgetSnsArticle'},														// SNS 뉴스
		MajorArticle: {key: 'MajorArticle', fn: 'widgetMajorArticle'},													// 주요 뉴스
		FastNews: {key: 'FastNews', fn: 'widgetFastNews'},																// 지면보다 빠른 뉴스
		TrendArticle: {key: 'TrendArticle', fn: 'widgetTrendArticle'},													// 추천 기사
		ReporterQnA: {key: 'ReporterQnA', fn: 'widgetReporterQnA'},														// 기자 Q&A
		PoemOneLine: { key: 'PoemOneLine', fn: 'widgetPoemOneLine' },													// 나를 흔든 시 한 줄
		MorningPoem: { key: 'MorningPoem', fn: 'widgetMorningPoem' },													// 시가 있는 아침
		DirectInterview: {key: 'DirectInterview', fn: 'widgetDirectInterview'},											// 직격 인터뷰
		PopularReporter: {key: 'PopularReporter', fn: 'widgetPopularReporter'},											// 인기 기자
		RetirementSelfTest: {key: 'RetirementSelfTest', fn: 'widgetRetirementSelfTest'},								// 퇴직 준비 셀프 테스트
		TalkNk: {key: 'TalkNk', fn: 'widgetTalkNk'},																	// TALK NK
		VoiceOfAmerica: {key: 'VoiceOfAmerica', fn: 'widgetVoiceOfAmerica'},											// VoiceOfAmerica
		WeeklyTravel: { key: 'WeeklyTravel', fn: 'widgetWeeklyTravel' },												// 금주의 Week&+
		OpinionOnAir: { key: 'OpinionOnAir', fn: 'widgetOpinionOnAir' },												// 오피니언 온 에어(Wide)
		ImcBanner: { key: 'ImcBanner', fn: 'widgetImcBanner' },															// Imc Banner
		EditorialInsite: { key: 'EditorialInsite', fn: 'widgetEditorialInsite' },										// 사설 인사이트
		SpecialCartoon: { key: 'SpecialCartoon', fn: 'widgetSpecialCartoon' },											// 디지털 스페셜 만평
		SpecialColumnD: { key: 'SpecialColumnD', fn: 'widgetSpecialColumnD' },											// 스페셜 칼럼 D
		SpecialCartoon: { key: 'SpecialCartoon', fn: 'widgetSpecialCartoon' },											// 디지털 스페셜 만평
		DigitalOpinion: { key: 'DigitalOpinion', fn: 'widgetDigitalOpinion' }											// 디지털 오피니언
    };

    var apiPath = utils.config('apiPath');

    $.fn.widget = function () {
    	var $p = this;

    	$p.children().each(function (i, v) {

    		var $w = $(v),
				type = $w.data('widgetType'),
				service = $w.data('widgetService'),
				category = $w.data('widgetCategory'),
				fn = WIDGET_INFO[type] && WIDGET_INFO[type].fn;

    		if (type && typeof $.fn[fn] == 'function') {
    			$w[fn]({ type: service, category: category });
    		}
    	});
    };

	$.fn.wideWidget = function () {
		var $p = this;
		$p.children().each(function (i, v) {

    		var $w = $(v),
				type = $w.data('widgetType'),
				service = $w.data('widgetService'),
				category = $w.data('widgetCategory'),
				fn = WIDGET_INFO[type] && WIDGET_INFO[type].fn;

    		//utils.log($w);
    		//utils.log('## type : ' + type);

    		if (type != undefined) {
    			$w[fn]({ type: service, category: category });
    		}
		});
	};

	$.fn.articleBottom = function () {
		var $p = this;

	    //데이블
		$('div.hot_click').hide();
		$('div.hot_click_wrap', $p).widgetHotClickDable();
	    //핫클릭(중앙)
        //$('div.hot_click_wrap').hide();
		//$('div.hot_click', $p).widgetHotClick(); // 핫클릭

		if (utils.getArticleSourceCode() == "b8") {
    		$('.ab_related', $p).widgetHotClickUSA(); // USA 핫클릭
		}
		$('>div.photo_video', $p).widgetPhotoVideo(); // PhotoVideo
		$('>div.special_link', $p).widgetSpecialLink(); // widgetSpecialLink
		$('>div.related_article', $p).widgetRelations(); //관련 태그 뉴스
	    //$('>div.shpping_life', $p).loadAd({ type: 'ad_article_shoppingbox_640_211' }); //쇼핑박스

	    //쇼핑박스
		$('#shpping_life_1').loadAd({ type: 'ad_article_shoppingbox_1' });
		$('#shpping_life_2').loadAd({ type: 'ad_article_shoppingbox_2' });
		$('#shpping_life_3').loadAd({ type: 'ad_article_shoppingbox_3' });

	    // 아티클 바이라인 하단 광고
		var randomNum = utils.getRandomNumber(1, 2);
		switch (randomNum) {
		    case 1:
		        $('#ab_adtxt_lt').loadAd({ type: 'ab_adtxt_lt_1' });
		        $('#ab_adtxt_lt').loadAd({ type: 'ab_adtxt_lt_2' });
		        break;
		    case 2:
		        $('#ab_adtxt_lt').loadAd({ type: 'ab_adtxt_lt_2' });
		        $('#ab_adtxt_lt').loadAd({ type: 'ab_adtxt_lt_1' });
		        break;
		    default:
		        $('#ab_adtxt_lt').loadAd({ type: 'ab_adtxt_lt_1' });
		        $('#ab_adtxt_lt').loadAd({ type: 'ab_adtxt_lt_2' });
		        break;
		}
		$('#ab_adtxt_lt').loadAd({ type: 'ab_adtxt_lt_3' });
		$('#ab_adtxt_lt').loadAd({ type: 'ab_adtxt_lt_4' });
		$('#ab_adtxt_rt').loadAd({ type: 'ab_adtxt_rt' });
	};

	$.fn.widgetWeeklyTravel = function() {
		var $w = this,
			widgetHtml = '<div class="hd"><h4 class="subtit_comm">금주의 week&amp;+</h4></div><div class="bd"></div>',
			template = '<ul data-bind="list">' +
				'<li data-bind="items">' +
				'<span class="thumb" data-bind="thumb"><a data-bind="link"><img data-bind="image"><span class="frame"></span></a></span>' +
				'<strong><a data-bind="link"></a></strong>' +
				'</li>' +
				'</ul>',
			directives = {
				list: {
					link: utils.decorators.link,
					image: utils.decorators.image,
					thumb: {
						html: function(params) {
							if(params.index != 0) {
								$(params.element).remove();
							}
						}
					}
				}
			};

		getApiData('/static/traveloftheweek', render);

		function render(res) {

			var html = '', data = { list: [] };

			try {
				res.List.forEach(function (v) {
					data.list.push(utils.models.getLinkFromApiArticle(v));
				});
			} catch (e) { utils.log(e); };

			if(data.list.length) {
				html = $.renderTemplate({template: template, data: data, directives: directives});
				renderWidgetBody($w, widgetHtml, html);
				$w.show();
			} else {
				$w.hide();
			}
		}
	};

	$.fn.widgetVoiceOfAmerica = function() {
		var $w = this,
			widgetHtml = '<div class="hd"><h4 class="subtit_comm">Voice of America</h4></div><div class="bd"></div>',
			template = '<span class="thumb"><a data-bind="link"><img data-bind="image"><span class="icon_video"></span></a></span><strong><a data-bind="link"></a></strong>',
			directives = {link: utils.decorators.link, image: utils.decorators.image};

		getApiData('/static/voiceofamerica', render);

		function render(res) {

			var html = '', data = { };

			try {
				data = utils.models.getLinkFromApiArticle(res.item);
			} catch (e) { utils.log(e); };

			if (data && data.link && data.link.href && data.link.text) {
				html = $.renderTemplate({template: template, data: data, directives: directives});
				renderWidgetBody($w, widgetHtml, html);
				$w.show();
			} else {
				$w.hide();
			}
		}
	};

	// TALK NK
	$.fn.widgetTalkNk = function() {

		var $w = this,
			widgetHtml = '<div class="hd"><h4 class="subtit_comm">TALK NK</h4></div><div class="bd"></div>',
			template = '<ul class="mg" data-bind="list"><li><a data-bind="link"></a></li></ul>',
			directives = {list: {link: utils.decorators.link, image: utils.decorators.image}};

		getApiData('/static/talknks', render);

		function render(d) {

			var html = '',
				data = {list: []};

			try {
				d.List.forEach(function(v, i) {
					var bbsLink = 'http://bbs.joins.com/app/index.php?mid={MID}&document_srl={ID}';
					bbsLink = bbsLink.replace('{MID}', v.Mid).replace('{ID}', v.Id);
					data.list.push({link: {href: bbsLink, html: v.Title}});
				});

			} catch (e) { utils.log(e); };

			if(data.list.length) {

				html = $.renderTemplate({template: template, data: data, directives: directives});
				renderWidgetBody($w, widgetHtml, html);
				$w.show();
			} else {
				utils.error('widgetTalkNk', true);
				$w.hide();
			}
		}
	};

	// 퇴직준비 셀프 테스트
	$.fn.widgetRetirementSelfTest = function() {

		var $w = this,
			widgetHtml = '<div class="hd"><h4 class="subtit_comm">퇴직준비 셀프 테스트</h4></div><div class="bd"></div>',
			template = '' +
			'<ul data-bind="list">' +
				'<li data-bind="items">' +
					'<span class="thumb" data-bind="thumb"><a data-bind="link"><img data-bind="image"></a></span>' +
					'<strong data-bind="title"><a data-bind="link"></a></strong>' +
					'<em data-bind="subtitle"></em>' +
				'</li>' +
			'</ul>',
			directives = {
				list: {
					link: utils.decorators.link,
					image: utils.decorators.image,
					thumb: {
						link: utils.decorators.link,
						html: function(params) {
							if(!this.image.src) {
								$(params.element).remove();
							}
						}
					}
				}
			};

		getApiData('/static/retirementselftest', render);

		function render(res) {

			//utils.log('---------------widgetRetirementSelfTest');
			//utils.log(res);

			var html = '',
				data = {list: []};

			try {
				res.List.forEach(function(v) {
					if(v.Title) {
						data.list.push({
							type: v.Type, link: { text: v.Title, href: v.Link },
							image: { src: v.Thumbnail, alt: v.Title },
							subtitle: v.SubTitle
						});
					}
				});
			} catch (e) { utils.log(e); };

			if(data.list.length) {

				html = $.renderTemplate({template: template, data: data, directives: directives});
				renderWidgetBody($w, widgetHtml, html);
				$w.show();
			} else {
				$w.hide();
			}
		}
	};

	// 기자 Q&A
	// TODO : 데이타 확인하고 작업하자.
	$.fn.widgetReporterQnA = function() {
		var $w = this,
			department = ($w.data('widgetCategory') || 'Politics').toLowerCase(),
			widgetHtml = '',
			template = '' +
			'<div class="hd"><h4 class="subtit_comm" data-bind="reporter"><a data-bind="link">기자 Q&amp;A</a></h4></div>' +
			'<div class="bd">' +
				'<p class="mg">무엇이든 물어보세요, 기자의 꿀팁!</p>' +
				'<dl>' +
					'<dt class="mg" data-bind="question">Q. <a data-bind="link"></a></dt>' +
					'<dd data-bind="answer">Re: <a data-bind="link"></a></dd>' +
				'</dl>' +
			'</div>' +
			'<div class="ft" data-bind="reporter"><a data-bind="link" class="add"><span class="hide">기자 Q&amp;A</span> 더보기<span class="icon"></span></a></div>',
			directives = {
				question: {
					link: utils.decorators.link
				},
				answer: {
					link: utils.decorators.link,
					html: function (params) {
						if (!this.answer.link.text) {
							$(params.element).remove();
						}
					}
				},
				reporter: {link: utils.decorators.link}
			};

		getApiData('/static/reporterqna', render);

		function render(d) {

			var html = '', data = {};

			try {
				data = {
					question: { link: { text: d.Qna.Title, href: d.Qna.TotalId == 0 ? d.Qna.Link : utils.getUrlFormat(URL_NAMES.article, d.Qna.TotalId) } },
					answer: { link: { text: d.Qna.Content, href: d.Qna.TotalId == 0 ? d.Qna.Link : utils.getUrlFormat(URL_NAMES.article, d.Qna.TotalId) } },
					reporter: {link: {href: utils.getUrlFormat(URL_NAMES.reporter, d.Qna.Reporter.Id)}}
				};
			} catch (e) { utils.log(e); };

			if(data) {
				html = $.renderTemplate({template: template, data: data, directives: directives});
				$w.html(html);
				$w.show();
			} else {
				$w.hide();
			}
		}
	};

	// 나를 흔든 시 한 줄
	$.fn.widgetPoemOneLine = function () {

		var $w = this,
			widgetName = '나를 흔든 시 한 줄',
			listLink = utils.config('webPcPath') + '/find/list?Keyword=%22' + encodeURIComponent(widgetName) + '%22&ServiceCode=20&SearchCategoryType=OnlyJoongangNews&display=' + encodeURIComponent(widgetName),
			widgetHtml = '<div class="hd"><h4 class="subtit_comm"><a href="' + listLink + '">' + widgetName + '</a></h4></div><div class="bd"></div>',
			template = '<ul data-bind="list"><li><span class="icon"></span><a data-bind="link"></a></li></ul>',
			directives = {
				list: {link: utils.decorators.link}
			};

		getApiData('/static/poemoneline', render);

		function render(d) {

			var html = '',
				data = {list: []};

			try {
				d.List.forEach(function(v, i) {
					var articleLink = utils.getUrlFormat(URL_NAMES.article, v.Id);
					data.list.push({link: {href: articleLink, html: v.Title}});
				});
			} catch(e) { utils.log(e); };

			if(data.list.length) {
				html = $.renderTemplate({template: template, data: data, directives: directives});
				renderWidgetBody($w, widgetHtml, html);
				$w.show();
			} else {
				$w.hide();
			}
		}
	};

	// 시가 있는 아침
	$.fn.widgetMorningPoem = function () {

		var $w = this,
			widgetName = '시가 있는 아침',
			listLink = utils.config('webPcPath') + '/find/list?Keyword=%22' + encodeURIComponent(widgetName) + '%22&ServiceCode=20&SearchCategoryType=OnlyJoongangNews&display=' + encodeURIComponent(widgetName),
			widgetHtml = '<div class="hd"><h4 class="subtit_comm"><a href="' + listLink + '">' + widgetName + '</a></h4></div><div class="bd"></div>',
			template = '<ul data-bind="list"><li><span class="icon"></span><a data-bind="link"></a></li></ul>',
			directives = {
				list: { link: utils.decorators.link }
			};

		getApiData('/static/morningpoem', render);

		function render(d) {

			var html = '',
				data = { list: [] };

			try {
				d.List.forEach(function (v, i) {
					var articleLink = utils.getUrlFormat(URL_NAMES.article, v.Id);
					data.list.push({ link: { href: articleLink, html: v.Title } });
				});
			} catch (e) { utils.log(e); };

			if (data.list.length) {
				html = $.renderTemplate({ template: template, data: data, directives: directives });
				renderWidgetBody($w, widgetHtml, html);
				$w.show();
			} else {
				$w.hide();
			}
		}
	};

	// 직격 인터뷰
	$.fn.widgetDirectInterview = function() {

		var $w = this,
			widgetName = '직격 인터뷰',
			listLink = utils.config('webPcPath') + '/find/list?Keyword=%22' + encodeURIComponent(widgetName) + '%22&ServiceCode=20&SearchCategoryType=OnlyJoongangNews&display=' + encodeURIComponent(widgetName),
			widgetHtml = '<div class="hd"><h4 class="subtit_comm"><a href="' + listLink +'">' + widgetName + '</a></h4></div><div class="bd"></div>',
			template = '<ul data-bind="list"><li><span class="icon"></span><a data-bind="link"></a></li></ul>',
			directives = {
				list: {link: utils.decorators.link}
			};

		getApiData('/static/directinterview', render);

		function render(d) {

			var html = '',
				data = {list: []};

			try {
				d.List.forEach(function(v, i) {
					var articleLink = utils.getUrlFormat(URL_NAMES.article, v.Id);
					data.list.push({link: {href: articleLink, html: v.Title}});
				});
			} catch(e) {
				utils.log(e);
			};

			if(data.list.length) {
				html = $.renderTemplate({template: template, data: data, directives: directives});
				renderWidgetBody($w, widgetHtml, html);
				$w.show();
			} else {
				$w.hide();
			}
		}
	};

	// 인기 기자
	$.fn.widgetPopularReporter = function() {

		var $w = this;
		$.getScript(utils.config('staticPath')+'/scripts/data/home/js/right_today_reporter_gen.js', render);

		function render(d) {
			var idx, reporter, reporterLink, listIdx;
			var html = '',
				data = { list: []}

				reporterList = utils.convertList(today_reporter_list);
				var strHtml = [];
				strHtml.push("<div class='hd'><a href='http://news.joins.com/reporter'><h2 class='subtit_comm'>오늘의 기자</h2></a></div>");
				strHtml.push("<div class='bd'><div class='slide_wrap'><div class='slide_list'>");
				try {
					for (listIdx = 0; listIdx < reporterList.length; listIdx++) {
						reporter = reporterList[listIdx];
						reporterLink = utils.config('webPcPath') + "/reporter/" + reporter.ReporterSeq;
						strHtml.push("<div class='slide'>");
						strHtml.push("<span class='profile'><span class='photo'><a href='"+reporterLink+"' target='_self'>");
						strHtml.push("<img src='" + reporter.ReporterImg + "' longdesc='" + reporter.ReporterImg + "'  alt='" + reporter.ReporterName + "' onerror=\"this.src='http://images.joins.com/ui_joongang/news/pc/issue/v_noimg_journalist.jpg'\">");
						strHtml.push("<span class='frame'></span></a></span><strong class='mg'><a href='" +reporterLink + "' target='_self'>" +reporter.ReporterName + "</a></strong>");
						strHtml.push("<em><a href='" + reporterLink + "' target='_self'>" + reporter.ReporterTitle + "</a></em></span><div class='reporter_article mg'><ul class='related_article'>");
						if (Object.keys(reporter.ArticleList.ArticleId).length > 0) {
						    for (idx = 0; idx < Object.keys(reporter.ArticleList.ArticleId).length; idx++) {
								if (listIdx == 0) {
									strHtml.push("<li><a href='" + utils.config('webPcPath') + "/article/" + reporter.ArticleList.ArticleId[idx].value + "'><strong>" + reporter.ArticleList.ArticleTitle[idx].value + "</strong></a></li>");
								}
								else {
									strHtml.push("<li><a href='" + utils.config('webPcPath') + "/article/" + reporter.ArticleList.ArticleId[idx].value + "'>" + reporter.ArticleList.ArticleTitle[idx].value + "</a></li>");
								}
							}
						}
						strHtml.push("</ul></div></div>");
						}
				} catch (e) {
					utils.log('widgetHomeTodayReporter');
					utils.log(e);
				};
				strHtml.push("</div><button type='button' class='btn-prev'>이전</button><button type='button' class='btn-next'>다음</button></div></div>");
				var randomRepIdx = 0;
				try {
					randomRepIdx = Math.floor(Math.random() * reporterList.length);
				} catch (e) {
					randomRepIdx = 0;
				}

				if (reporterList.length) {
					$w.append(strHtml.join(''));
					var $slideWrap = $('.slide_wrap', $w);
					$slideWrap.find('.slide_list').slideMotion({
							infinite: true,
							initialSlide: randomRepIdx,
							slidesToShow: 1,
							slidesToScroll: 1,
							swipe: false,
							prevArrow: $slideWrap.find('.btn-prev'),
							nextArrow: $slideWrap.find('.btn-next')
							});
						$w.show();

				} else {
					$w.hide();
				}

				$w.find('a').each(function () {
				$(this).attr('href', utils.getClocUrl($(this).attr('href'), 'joongang|home|todayreporter'));
						});
		}
	};

	// 추천연재
	$.fn.widgetRecommendedIssues = function() {

		utils.log('### widgetRecommendedIssues');

		var $w = this,
			widgetHtml = '' +
				'<div class="hd"><h4 class="subtit_comm">추천 연재</h4></div>' +
				'<div class="bd">' +
				'<div class="slide_wrap">' +
				'<div class="slide_list"></div>' +
				'<span class="btn_wrap" style="display:none;"><button type="button" class="btn-prev">이전</button><button type="button" class="btn-next">다음</button></span>' +
				'</div>' +
				'</div>',
			template = '<div class="slide" ><ul data-bind="list"><li><strong class="mg"><a data-bind="link"></a></strong></li></ul></div>',
			directives = {list: {link: utils.decorators.link, image: utils.decorators.image}};

		getApiData('/static/travel/recommandedseries', render);

		function render(d) {

			var html = '',
				data = {list: []},
				groupIndex = 0;

			try {
				d.List.forEach(function(v, i) {
					var articleLink = v.Id == 0 ? v.Link : utils.getUrlFormat(URL_NAMES.article, v.Id);
					groupIndex = parseInt(i / 8, 16);
					data.list.push({group: groupIndex, link: {href: articleLink, html: v.Title}});
				});
			} catch(e) {
				utils.log(e);
			};

			if(data.list.length) {

				$w.html(widgetHtml);

				for(var i = 0, len = groupIndex + 1; i < len; i++) {

					var listData = data.list.filter(function(v) {
						return v.group == i;
					});

					html = $.renderTemplate({ template: template, data: { list: listData }, directives: directives });
					$w.find('.slide_list').append(html);
				}

				// 낱장일때 Widget 높이 보정.
				var $firstSlide = $w.find('.slide:first');
				$firstSlide.closest('.slide_wrap').height($firstSlide.children().height());

				//utils.log('# groupIndex : ' + groupIndex);
				//utils.log('children height : ' + $firstSlide.children().height());

				// Page(groupIndex) 가 1개 이상이면 버튼 활성화
				if (groupIndex > 0) {

					$w.find('.btn_wrap').show();
					var $slideWrap = $('.slide_wrap', $w);
					$slideWrap.find('.slide_list').slideMotion({
						infinite: true,
						slidesToShow: 1,
						slidesToScroll: 1,
						swipe: false,
						prevArrow: $slideWrap.find('.btn-prev'),
						nextArrow: $slideWrap.find('.btn-next')
					});
				}

				$w.show();
			} else {
				utils.error('widgetRecommendedIssues', true);
				$w.hide();
			}
		}
	};

	$.fn.widgetMoneyIndicator = function() {

		var $w = this,
			$iframe = $('<iframe></iframe>'),
			attr = {
				src: 'http://www.gsifn.com/IR/joongang/ir2_main_index.html',
				title: '경제지표',
				width: 280,
				height: 184,
				frameborder: 0,
				marginwidth: 0,
				marginheight: 0,
				scrolling: 'no'
			};

		$iframe.attr(attr);
		$w.html($iframe).show();
	};

	$.fn.widgetLink = function() {
		var $w = this,
			department = ($w.data('widgetCategory') || 'Politics').toLowerCase(),
			widgetHtml = '<div class="hd"><h4 class="subtit_comm">정치 관련 사이트 바로가기</h4></div><div class="bd"></div>',
			template = '<ul class="clearfx" data-bind="list"><li><a data-bind="link"><img data-bind="image"></a></li></ul>',
			linkInfo = {
				politics: {
					title: '정치',
					list: [
						utils.linkService.getData('assembly'), utils.linkService.getData('president'), utils.linkService.getData('mnd'), utils.linkService.getData('saenuriparty'), utils.linkService.getData('npad'), utils.linkService.getData('people21')
					]
				},
				money: [],
				society: [],
				world: []
			},
			data = linkInfo[department],
			directives = {
				title: {
					text: function(params) {
						return this.title + ' ' + params.value;
					}
				},
				list: {link: utils.decorators.link, image: utils.decorators.image}
			};

		render();

		function render() {

			var html = '',
				data = [];

			try {
				data = linkInfo[department];
			} catch(e) {
			};

			if(data.list.length) {

				html = $.renderTemplate({template: template, data: data, directives: directives});
				renderWidgetBody($w, widgetHtml, html);
				$w.show();
			} else {
				utils.error('widgetLink', true);
				$w.hide();
			}
		}
	};

	// 핫클릭
	$.fn.widgetHotClick = function() {
		var regExp = /[\{\}\[\]\/?.,;:|\)*~`!^\-_+<>@\#$%&\\\=\(\'\"]/gi;
		var irPath = utils.config('irPath');
		var $w = this,
			widgetHtml = '<div class="hot_click"><div class="hd"><h3 class="subtit_comm">중앙일보 핫 클릭</h3></div><div class="bd"></div></div>',
			template = '<ul data-bind="list" class="clearfx">' +
				'<li data-bind="item" class=""><em data-bind="section" class="mg"><a data-bind="link"></a></em> <strong data-bind="title" class="mg"><a data-bind="link"></a></strong>' +
                '<span data-bind="summary" class="lead mg"><a data-bind="link"></a></span>' +
                '</li></ul>',
			directives = {
				list: {
					item: {
						'class': function() {
						    if (!this.imgSrc && this.imgSrc == undefined) {
								return 'banner_color0' + utils.getRandomNumber(1, 4, 'hotclick');
							}
						},
						html: function(params) {
							if (this.imgSrc) {
								var src = irPath + '?u=' + this.imgSrc + '&w=210&h=140&t=c';
								var title = this.title.link.html.replace(regExp, '');
								var html = '<span class="thumb"><a href="' + this.title.link.href + '"><img src="' + src + '" alt="' + title + '"><span class="shadow"></span></a></span>';
								$(params.element).prepend(html);
							}
						}
					},
					section: {link: utils.decorators.link},
					title: { link: utils.decorators.link },
					summary: { link: utils.decorators.link }
				}
			};

		getApiData('/static/hotclick', render);

		function render(d) {

			//utils.log('---------- widgetHotClick');
			//utils.log(d);

			var html = '',
				data = [];

			try {

				d.List.forEach(function(v) {
					var obj = {imgSrc: v.Thumbnail};
					obj.section = { link: { href: $.trim(v.Link), html: v.Title } };
					obj.title = { link: { href: $.trim(v.Link), html: v.SubTitle } };
					obj.summary = { link: { href: $.trim(v.Link), html: v.Summary } };
					data.push(obj);
				});
			} catch(e) {
			};

			if(data.length) {
				html = $.renderTemplate({template: template, data: {list: data}, directives: directives});
				renderWidgetBody($w, widgetHtml, html);
				$w.show();
			} else {
				utils.error('widgetHotClick', true);
				$w.hide();
			}

			// 핫클릭 Cloc
			$w.find('a').each(function() {
				$(this).attr('href', utils.getClocUrl($(this).attr('href'), 'joongang|article|hotclickj'));
			});
		}
	};

    // 데이블 임시코드
	$.fn.widgetHotClickDable = function () {
	    var strHtml = "";
	    strHtml += "<div id=\"dablewidget_jobeORXW\" data-widget_id=\"jobeORXW\">";
	    strHtml += "    <script>";
	    strHtml += "      (function (d, a) { d[a] = d[a] || function () { (d[a].q = d[a].q || []).push(arguments) }; }(window, 'dable'));";
	    strHtml += "     dable('renderWidget', 'dablewidget_jobeORXW');";
	    strHtml += "    </script>";
	    strHtml += "</div>";

	    $(this).html(strHtml);
	};

	// 미주 중앙일보 핫클릭
	$.fn.widgetHotClickUSA = function () {
		var regExp = /[\{\}\[\]\/?.,;:|\)*~`!^\-_+<>@\#$%&\\\=\(\'\"]/gi;
		var $w = this,
			widgetHtml = '<dt>미주 중앙일보 핫클릭</dt>',
			template = '<dl data-bind="list"><dd><a data-bind="link" target="_blank"><span data-bind="title"></span></dd></dl>',
			directives = {
				list: {
					link: utils.decorators.link,
					title: this.title
				}
			};

		getApiData('/static/hotclickusa', render);

		function render(d) {

			var html = '',
				data = { list: [] };

			try {
				d.List.forEach(function (v, i) {
					if (v.Title) {
						data.list.push({
							link: { href: v.Link },
							title: String(v.Title).replace(/(<([^>]+)>)/ig,"")
						});
					}
				});
			} catch (e) {
				utils.log(e);
			};

			if (data.list.length) {
				html = $.renderTemplate({ template: template, data: data, directives: directives });
				html = widgetHtml + html;
				$w.html(html);
				$w.show();
			} else {
				$w.hide();
			}

		    // 핫클릭 Cloc
			$w.find('a').each(function () {
			    $(this).attr('href', utils.getClocUrl($(this).attr('href'), 'joongang|article|hotclickj'));
			});
		}
	};

	//부서별 sns
	$.fn.widgetDepartmentSns = function(obj) {

		/*
		<div class="fb-page"
		data-href="https://www.facebook.com/joinspolitics"
		data-width="300"
		data-height="70"
		data-small-header="true"
		data-adapt-container-width="true"
		data-hide-cover="false"
		data-show-facepile="false"
		data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/joinspolitics">
		<a href="https://www.facebook.com/joinspolitics">중앙일보 정치부</a></blockquote></div></div>
		*/
		var $w = this,
			defaultCategory = 'politics',
			category = obj.category ? obj.category.toLowerCase() : defaultCategory,
			SNS_URI = {
				joongang: {text: '중앙일보 FB', link: 'https://www.facebook.com/joongang'},
				politics: {text: '정치부', link: 'https://www.facebook.com/joinspolitics'},
				money: {text: '경제부', link: 'https://www.facebook.com/joinsmoney'},
				society: {text: '사회부', link: 'https://www.facebook.com/joinssociety'},
				world: {text: '국제부', link: 'https://www.facebook.com/joonganginternational'},
				sports: {text: '스포츠', link: 'https://www.facebook.com/joongangilbosports'},
				culture: {text: '문화부', link: 'https://www.facebook.com/jmoonhwa'},
				opinion: {text: '오피니언', link: 'https://www.facebook.com/pages/%EC%A4%91%EC%95%99%EC%9D%BC%EB%B3%B4-%EB%85%BC%EC%84%A4%EC%9C%84%EC%9B%90%EC%8B%A4/756556791101437?fref=nf'},
				travel: {text: 'Week', link: 'https://www.facebook.com/weeknplus'}
			},
			widgetHtml = '<div class="hd"><h4 class="hide">부서 별 SNS 영역</h4></div><div class="bd"></div>',
			snsData = SNS_URI[category] || SNS_URI[defaultCategory],
			link = snsData.link,
			text = snsData.text,
			html_ = '<div class="fb-page" style="height:0px;" data-href="' + link + '" data-height="70" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="false" data-show-posts="false">' +
				'<div class="fb-xfbml-parse-ignore"><blockquote cite="' + link + '"><a href="' + link + '">중앙일보 ' + text + '</a></blockquote></div>' +
				'</div>',
			html = '<div class="fb-page" style="height:70px;" data-href="' + link + '" data-height="70" data-small-header="true" data-hide-cover="true" data-adapt-container-width="true" data-show-facepile="false">' +
				//'<div class="fb-xfbml-parse-ignore"></div>' +
				'</div>';

		if(utils.browser && utils.browser.msie == true && parseInt(utils.browser.version, 10) <= 7) {
			//$w.browserNotice();
		} else {
			render();
		}

		function render() {

			//var html = $.renderTemplate({ data: {}, template: template, directives: directives });

			$w.html(widgetHtml).show().find('.bd').html(html);

			if(window.FB) {

				window.FB.init({
					appId: '1045198002178811',
					version: 'v2.4'
				});

				window.FB.XFBML.parse($w[0]);
			} else {
				(function(d, s, id) {
					var js,
						fjs = d.getElementsByTagName(s)[0];
					if(d.getElementById(id)) {
						return;
					}
					js = d.createElement(s);
					js.id = id;
					js.src = "//connect.facebook.net/ko_KR/sdk.js#xfbml=1&version=v2.4&appId=1045198002178811";
					fjs.parentNode.insertBefore(js, fjs);
				}(document, 'script', 'facebook-jssdk'));
			}
		}
	};

	// PhotoVideo
	$.fn.widgetPhotoVideo = function() {

		var $w = this,
			widgetHtml = '<div class="hd"><h3 class="subtit_comm">PHOTO &amp; VIDEO</h3></div><div class="bd"></div><div class="ft"><a href="#none" class="add"><span class="hide">PHOTO &amp; VIDEO</span> 더보기<span class="icon"></span></a></div>',
			template = '<ul data-bind="list" class="clearfx">' +
				'<li>' +
				'<span class="thumb" data-bind="thumb"><a data-bind="link"><img data-bind="image" onerror="utils.imageErrorHandler(this)"></a></span>' +
				'<strong data-bind="title"><a data-bind="link"></a></strong>' +
				'</li>' +
				'</ul>',
			directives = {
				list: {
					title: {link: utils.decorators.link},
					thumb: {
						image: utils.decorators.image,
						link: utils.decorators.link,
						html: function(params) {
							if(this.thumb.iconClass) {
								$(params.element).find('a').append('<span class="' + this.thumb.iconClass + '">동영상</span>');
							}
						}
					}
				}
			};

		getApiData('/static/homephotoandvideos', render);

		function render(d) {

			var html = '', data = {cls: 'list', list: []};

			try {
				d.List.forEach(function(v, i) {
					if(i < 3) {
						data.list.push({
							title: {link: {href: v.Link, html: v.Title}},
							thumb: {link: {href: v.Link}, image: {src: v.Thumbnail ,alt : v.Title}, iconClass: v.InfomationText, text: v.Title}
						});
					}
				});
			} catch(e) {
				utils.log(e);
			};

			//utils.log(data);

			if(data.list.length) {
				html = $.renderTemplate({data: data, template: template, directives: directives});
				renderWidgetBody($w, widgetHtml, html);
				$w.show();
				//utils.resetArticleSubWidget && utils.resetArticleSubWidget();
				$('.thumb a', $w).each(function () {
					var $link = $(this);
					var href = $link.attr('href') || '';
					var pathname = this.pathname;
					var arrPathName = pathname.split('/');
					var id = arrPathName[arrPathName.length -1];

					if (isPhoto(href)) {

						//#화보 레이어
						$link.data({ viewer: 'photo', id: id });
						$link.imageViewer();
					}
					function isPhoto(href) {
						return href.indexOf('pic/photoviewer') > -1;
					}
				});
			} else {
				utils.error('widgetPhotoVideo', true);
				$w.hide();
			}

			// 포토비디오 Cloc
			$w.find('a').each(function() {
				$(this).attr('href', utils.getClocUrl($(this).attr('href'), 'joongang|article|photovod'));
			});
		}
	};

	// widgetSpecialLink
	// @param options
	$.fn.widgetSpecialLink = function(options) {

		var $t = this;

		$t.find('.link1').loadAd({type: 'special_link1'});
		$t.find('.link2').loadAd({type: 'special_link2'});
		$t.find('.rt').loadAd({type: 'da_250_1'});
	};




	// 추천기사(편집), 주요 포털 실시간 검색어, SNS 기사
	$.fn.widgetRecommendedArticle = function() {

		//utils.log('## widgetRecommendedArticle');
		var regExp = /[\{\}\[\]\/?.,;:|\)*~`!^\-_+<>@\#$%&\\\=\(\'\"]/gi;
		var $w = this,
			widgetHtml = '<div class="hd"><h4 class="subtit_comm">추천기사</h4></div><div class="bd"></div>',
			template = '<ul data-bind="list">' +
				'<li>' +
				'<span class="thumb"><a data-bind="link"><img data-bind="image"></a></span>' +
				'<span class="text_wrap"><span class="text_center"><strong class="mg"><a data-bind="link"></a></strong></span><span class="valign_fix"></span></span>' +
				'</li>' +
				'</ul>',
			directives = {
				list: {
					'class': function() {
						return this.cls;
					},
					link: utils.decorators.link,
					image: utils.decorators.image,
					thumb: {
						html: function(params) {

							if(!this.image.src) {
								$(params.element).remove();
							}
						}
					}
				}
			};

		getApiData('/static/news/recommandedarticles', render);

		function render(d) {

			//utils.log('------------------------ widgetRecommendedArticle');
			//utils.log(d);

			var topHtml = '',
				html = '',
				topData = {cls: 'list_top', list: []},
				data = {cls: 'list', list: []};

			try {

				if (d.Top) {

					var title = d.top.Title.replace(regExp, '');

					topData.list.push({
						link: {href: d.Top.Link, html: d.Top.Title},
						image: { src: d.Top.Thumbnail, alt: title }
					});
				}

				d.List.forEach(function (v, i) {
					var title = v.Title.replace(regExp, '');

					if(i == 0) {
						topData.list.push({
							link: {href: v.Link, html: v.Title},
							image: { src: v.Thumbnail, alt: title }
						});
					} else {
						data.list.push({
							link: {href: v.Link, html: v.Title},
							image: { src: v.Thumbnail, alt: title }
						});
					}
				});
			} catch(e) {
			};

			if(data.list.length) {
				topHtml = $.renderTemplate({data: topData, template: template, directives: directives});
				html = $.renderTemplate({data: data, template: template, directives: directives});
				renderWidgetBody($w, widgetHtml, topHtml + html);
			    // 추천 기사 밑 텍스트 2줄 광고 div 추가
				$w.find('.list > li').eq(4).after("<li><div class='ad_text' id='ad_text_recommanded'></div></li>");
				$('#ad_text_recommanded').loadAd({ type: 'ad_text_recommanded' });
				$w.show();
				utils.resetArticleSubWidget && utils.resetArticleSubWidget();
			} else {
				utils.error('widgetRecommendedArticle', true);
				$w.hide();
			}

			// 추천 기사 Cloc
			$w.find('a').each(function() {
				$(this).attr('href', utils.getClocUrl($(this).attr('href'), 'joongang|article|recommend'));
			});
		}
	};

	// 와이드 영역 추천기사
	$.fn.widgetRecommendedArticleForWide = function() {

		//utils.log('## widgetRecommendedArticleForWide');

		var $w = this,
			widgetHtml = '<div class="hd"><h4 class="hide">신규 &amp; 추천 뉴스</h4></div><div class="bd"></div>',
			template = '<ul data-bind="list">' +
				'<li data-bind="item">' +
				//'<span class="thumb"><a data-bind="link"><img data-bind="image"></a></span>' +
				//'<span class="text_wrap"><span class="text_center"><strong class="mg"><a data-bind="link"></a></strong></span><span class="valign_fix"></span></span>' +
				'</li>' +
				'</ul>',
			directives = {
				list: {
					//'class': function () { return this.cls; },
					//link: utils.decorators.link, image: utils.decorators.image,
					item: {
						html: function(params) {

							if(this.image) {
								$(params.element).addClass('text_type');
							}
							return itemDecorator.apply(this);
						}
					}
				}
			};

		getApiData('/static/wide/recommandedarticles', render);

		function itemDecorator() {
			var html = '';

			if(this.type == "Text") {
				html += '<span class="thumb"><a href="' + this.link.href + '"><img src="' + this.image.src + '" alt=""></a></span>' +
					'<span class="text_wrap">' +
					'<span class="text_center">' +
					'<strong class="mg"><a href="' + this.link.href + '">' + this.link.html + '</a></strong>' +
					'</span>' +
					'<span class="valign_fix"></span>' +
					'</span>';
			} else {
				html += '<a href="' + this.link.href + '"><img src="' + this.image.src + '" alt="' + this.image.alt + '"></a>';
			}

			return html;
		}

		function render(d) {

			var html = '',
				data = {list: []},
				pathname = location.pathname.toLowerCase(),
				clocName = '';

			//InfomationText > onair icon.
			utils.log(d);
			try {
				d.List.forEach(function(v, i) {
					if(v.Title) {
						data.list.push({
							type: v.Type,
							link: {href: v.Link, html: v.Title},
							image: {src: v.Thumbnail, alt: v.Title}
						});
					}

				});
			} catch (e) { utils.log(e); };

			utils.log(data);

			if(data.list.length) {
				html = $.renderTemplate({data: data, template: template, directives: directives});
				renderWidgetBody($w, widgetHtml, html);
				$w.show();
				utils.resetArticleSubWidget && utils.resetArticleSubWidget();
			} else {
				utils.error('widgetRecommendedArticleForWide', true);
				//$w.hide();
			}

			// 더보기 스페셜아티클 Cloc
			if(pathname == '/') {
				clocName = 'joongang|home|morespecial';
			} else if(pathname.indexOf('article') > -1) {
				clocName = 'joongang|article|morespecial';
			} else {
				clocName = 'joongang|section|morespecial';
			}
			$w.find('a').each(function() {
				$(this).attr('href', utils.getClocUrl($(this).attr('href'), clocName));
			});
		}
	};

	$.fn.widgetOpinionOnAir = function () {
		utils.log('####### widgetOpinionOnAir');

		var $w = this,
			widgetHtml = '<div class="hd"><h4 class="hide">오피니언 온 에어</h4></div><div class="bd"></div>',

			directives = {
				list: {
					item: {

					}
				}
			};

		utils.opinionCast.init();

		utils.opinionCast.onAir = function (onAirInfo) {

			utils.log('## utils.opinionCast.onAir');


			// Wide Banner 설정 (s)
			//var html = $.renderTemplate({ data: data, template: template, directives: directives });
			var model = {};

			try {
				model = utils.convertList(index_onair_schedule);

			} catch (e) { utils.log(e); };

			var link = 'http://news.joins.com/opinion/opinioncast';
			var title = model[0].title;
			var content = model[0].content;

			utils.log(model);

			var html = '' +
			'<ul data-bind="list">' +
				'<li data-bind="item">' +
					(onAirInfo.image ? '<span class="thumb"><a href="' + link + '"><img src="' + onAirInfo.image + '" alt="' + onAirInfo.content + '"></a></span>' : '') +
					'<span class="text_wrap">' +
						'<span class="text_center">' +
							'<span class="onair_wrap"><span class="icon_onair"><a href="' + link + '">ON AIR</a></span> <em><a href="' + link + '">' + title + '</a></em></span>' +
							'<strong class="mg"><a href="' + link + '">' + content + '</a></strong>' +
						'</span>' +
						'<span class="valign_fix"></span>' +
					'</span>' +
				'</li>' +
			'</ul>';

			$w.html(html).show();
			// Wide Banner 설정 (e)



			utils.opinionCast.isOnAirSet(true);
		};

		utils.opinionCast.offAir = function (onAirInfo) {

			utils.log('## utils.opinionCast.offAir');
			// Wide Banner 설정 (s)
			$w.hide();
			// Wide Banner 설정 (e)



			utils.opinionCast.isOnAirSet(false);
		};
	};

	$.fn.widgetAppendItem = function () {
	};

	// 주요 포털 실시간 검색어
	$.fn.widgetPortalSearchKeyword = function() {

		//utils.log('## widgetPortalSearchKeyword');

		var $w = this,
			widgetData = $w.data(),
			widgetHtml = '<div class="hd"><h4 class="subtit_comm">주요 포털 실시간 검색어</h4></div><div class="bd"></div>',
			template = '<ul data-bind="list" class="list_portal">' +
				'<li>' +
				'<span class="thumb" data-bind="thumb"><a data-bind="link"><img data-bind="image"></a></span>' +
				'<span class="text_wrap"><span class="text_center">' +
				'<strong class="mg" data-bind="title"><a data-bind="link"></a></strong>' + //<span class="icon_hot"><span class="hide">HOT</span></span>
				'<span class="lead" data-bind="lead"><a data-bind="link"></a></span>' +
				'</span><span class="valign_fix"></span></span>' +
				'</li>' +
				'</ul>',
			directives = {
				list: {
					thumb: {
						link: utils.decorators.link,
						image: utils.decorators.image,
						html: function(params) {
							if(!this.thumb.useThumbnail) {
								$(params.element).remove();
							}
						}
					},
					title: {link: utils.decorators.link},
					lead: {link: utils.decorators.link}
				}
			};

		getApiData('/static/portalrealtimesearchwords', render);

		function render(d) {

			var html = '', data = {list: []
		};

			try {
				d.List.forEach(function(v, i) {
					if(i < 10) {
						var link = utils.getUrlFormat(URL_NAMES.article, v.Id);
						data.list.push({
							thumb: {
								link: {href: link, html: v.Title},
								image: {src: utils.getIrPath(utils.getPdsFullPath(v.Thumbnail), 50, 50), alt: v.SubTitle},
								useThumbnail: v.Thumbnail ? true : false
							},
							title: {link: {href: link, html: v.Title}},
							lead: {link: {href: link, html: v.SubTitle}}
						});
					}
				});
			} catch(e) { utils.log(e); };

			if(data.list.length) {
				html = $.renderTemplate({data: data, template: template, directives: directives});
				renderWidgetBody($w, widgetHtml, html);
				$w.show();
				utils.resetArticleSubWidget && utils.resetArticleSubWidget();
			} else {
				utils.error('widgetPortalSearchKeyword', true);
				$w.hide();
			}

			// cloc 적용.
			var clocPageType = utils.config('pageType'),
				cloc = '';

			if (clocPageType == 'Home' || clocPageType == 'Article') {
				cloc = 'joongang|' + clocPageType.toLowerCase() + '|portalcheck';
			} else {
				cloc = 'joongang|section|portalcheck';
			}

			$w.find('a').each(function() {
				$(this).attr('href', utils.getClocUrl($(this).attr('href'), cloc));
			});
		}
	};

	// SNS 기사
	$.fn.widgetSnsArticle = function() {

		//utils.log('## widgetSnsArticle');

		var $w = this,
			widgetData = $w.data(),
			widgetHtml = '<div class="hd"><h4 class="subtit_comm">SNS 기사</h4></div><div class="bd"></div>',
			template = '<ul data-bind="list" class="list_sns">' +
				'<li>' +
				'<span class="thumb" data-bind="thumb"><a data-bind="link"><img data-bind="image"></a></span>' +
				'<span class="text_wrap"><span class="text_center"><strong class="mg"><a data-bind="link"></a></strong></span><span class="valign_fix"></span></span>' +
				'</li>' +
				'</ul>',
			directives = {
				list: {
					link: utils.decorators.link,
					image: utils.decorators.image,
					thumb: {
						html: function(params) {
							if(!this.image.src) {
								$(params.element).remove();
							}
						}
					}
				}
			};

		getApiData('/article/snsarticles', render);

		function render(d) {

			var topHtml = '',
				html = '',
				data = {list: []};

			try {
				d.forEach(function(v, i) {
					if(i < 10) {
						data.list.push({
							link: {href: utils.getUrlFormat(URL_NAMES.article, v.TotalId), html: v.Title},
							image: {src: utils.getIrPath(utils.getPdsFullPath(v.Thumbnail), 50, 50), alt: v.Title}
						});
					}
				});
			} catch(e) {
				utils.log(e);
			};

			//utils.log(data);

			if(data.list.length) {
				html = $.renderTemplate({data: data, template: template, directives: directives});
				renderWidgetBody($w, widgetHtml, topHtml + html);
				$w.show();
				utils.resetArticleSubWidget && utils.resetArticleSubWidget();
			} else {
				utils.error('widgetSnsArticle', true);
				$w.hide();
			}

			// cloc 적용.
			var clocPageType = utils.config('pageType'),
				cloc = '';

			if (clocPageType == 'Home' || clocPageType == 'Article') {
				cloc = 'joongang|' + clocPageType.toLowerCase() + '|snscheck';
			} else {
				cloc = 'joongang|section|snscheck';
			}

			$w.find('a').each(function() {
				$(this).attr('href', utils.getClocUrl($(this).attr('href'), cloc));
			});
		}
	};

	var regTitleFilter = /[\{\}\[\]\/?.,;:|\)*~`!^\-_+<>@\#$%&\\\=\(\'\"]/gi;
	// 주요 뉴스
	$.fn.widgetMajorArticle = function() {
		//return false;
		//utils.log('## widgetMajorArticle');

		var $w = this,
			widgetData = $w.data(),
			apiFormat = '/static/wide/majorarticles',
			widgetHtml = '<div class="hd"><h4 class="subtit_comm">주요뉴스</h4><p>중앙일보 주요기사를 읽어보세요</p></div><div class="bd"><ul data-bind="list"></ul></div>',
			template = '<ul data-bind="list">' +
				'<li>' +
				'<span class="thumb"><a data-bind="link"><img data-bind="image" onerror="utils.imageErrorHandler(this)"></a></span>' +
				'<strong class="mg"><a data-bind="link"></a></strong>' +
				'</li>' +
				'</ul>',
			directives = {
				list: {
					link: utils.decorators.link,
					image: utils.decorators.image,
					thumb: {
						html: function(params) {
							if(!this.image.src) {
								$(params.element).remove();
							}
						}
					}
				}
			};

		getApiData(apiFormat, render);

		function render(d) {

			//utils.log('----------------widgetMajorArticle');
			//utils.log(d);

			var topHtml = '',
				html = '',
				data = {list: []},
				pathname = location.pathname.toLowerCase(),
				clocName = '';

			try {
				d.List.forEach(function (v, i) {
					var alt = v.Title.replace(regTitleFilter, '');
					if(i < 10) {
						data.list.push({ type: v.Type, link: { href: $.trim(v.Link), html: v.Title }, image: { src: utils.getPdsFullPath(v.Thumbnail), alt: alt } });
					}
				});
			} catch(e) {
				utils.log(e);
			};

			if(data.list.length) {
				//html = $.renderTemplate({data: data, template: template, directives: directives});
				//renderWidgetBody($w, widgetHtml, topHtml + html);

				$w.html(widgetHtml).show();
				data.list.forEach(function (v, i) {
					appendItem(v, i);
				});
				$w.show();
				utils.resetArticleSubWidget && utils.resetArticleSubWidget();
			} else {
				utils.error('widgetMajorArticle', true);
				$w.hide();
			}

			function appendItem(item, i) {

				var html = '<li>';
				if (item.image.src) {
					html += '<span class="thumb"><a href="' + item.link.href + '"><img src="' + item.image.src + '" alt="' + item.image.alt + '" onerror="utils.imageErrorHandler(this)"></a></span>';
				}
				html += '<strong class="mg"><a href="' + item.link.href + '"></a></strong>';
				html += '</li>';
				var $html = $(html);
				$html.find('strong a').html(item.link.html);
				$w.find('ul').append($html);
			}

			// 더보기 주요뉴스 Cloc
			if(pathname == '/') {
				clocName = 'joongang|home|morehomenews';
			} else if(pathname.indexOf('article') > -1) {
				clocName = 'joongang|article|morehomenews';
			} else {
				clocName = 'joongang|section|morehomenews';
			}
			$w.find('a').each(function() {
				$(this).attr('href', utils.getClocUrl($(this).attr('href'), clocName));
			});
		}
	};

	// 지면보다 빠른 뉴스
	$.fn.widgetFastNews = function() {

		//utils.log('## widgetFastNews');

		var $w = this,
			widgetData = $w.data(),
			//widgetHtml =
			template = '' +
			'<div class="hd"><h4 class="subtit_comm">지면보다 빠른 뉴스</h4><p>디지털에서만 만날 수 있는 중앙일보 뉴스</p></div>' +
			'<div class="bd" data-bind="group">' +
				'<div class="digital_news">' +
					'<em class="time" data-bind="time"></em>' +
				'</div>' +
			'</div>',
			listTemplate = '' +
			'<ul data-bind="list">' +
				'<li>' +
					'<span class="icon"></span>' +
					'<strong class="mg"><a data-bind="link"></a></strong>' +
					'<span class="thumb"><a data-bind="link"><img data-bind="image"></a></span>' +
				'</li>' +
			'</ul>',
			directives = {
				list: {
					link: utils.decorators.link,
					image: utils.decorators.image,
					thumb: {
						html: function(params) {
							if(!this.image.src) {
								$(params.element).remove();
							}
						}
					}
				}
			};

		getApiData('/article/fastarticles', render);

		function render(d) {

			var html = '',
				data = {times: [], list: []},
				pathname = location.pathname.toLowerCase(),
				clocName = '',
				serviceDate = '';

			try {
				d.forEach(function(v, i) {
					serviceDate = v.RegistedDateTime;

					if(serviceDate.indexOf('.') > -1) {
						serviceDate = serviceDate.substr(0, serviceDate.indexOf('.'));
					}
					serviceDate = serviceDate.toDateISO8061().format('HH:00');

					if(!data.times.filter(function(v) {
						return v.time == serviceDate;
					}).length) {
						data.times.push({time: serviceDate});
					}

					data.list.push({
						time: serviceDate,
						link: {href: utils.getUrlFormat(URL_NAMES.article, v.TotalId), html: v.Title},
						image: { src: utils.getIrPath(utils.getPdsFullPath(v.Thumbnail.replace('.tn_120.jpg', '')), 170, 126, '.tn_250.jpg'), alt: v.Title }
					});
				});
			} catch(e) {
				utils.log(e);
			};

			if(data.times.length) {

				html = $.renderTemplate({data: {group: data.times}, template: template});

				//utils.log(html);
				$w.html(html).show().find('[data-bind="time"]').each(function() {
					var $group = $(this),
						time = $group.text(),
						listData = data.list.filter(function(v) {
							return v.time == time;
						}),
						listHtml = html = $.renderTemplate({data: {list: listData}, template: listTemplate, directives: directives});

					$group.parent().append(listHtml);
				});

			} else {
				utils.error('widgetFastNews', true);
				$w.hide();
			}

			// 지면보다 빠른뉴스 Cloc
			if(pathname == '/') {
				clocName = 'joongang|home|moredigitalfirst';
			} else if(pathname.indexOf('article') > -1) {
				clocName = 'joongang|article|moredigitalfirst';
			}
			else {
				clocName = 'joongang|section|moredigitalfirst';
			}
			$w.find('a').each(function() {
				$(this).attr('href', utils.getClocUrl($(this).attr('href'), clocName));
			});
		}
	};

	// 와이드 영역 트렌드 뉴스
	$.fn.widgetTrendArticle = function() {

		//utils.log('## widgetTrendArticle');

		var $w = this,
			widgetData = $w.data(),
			apiFormat = '/static/trendarticles/{SORT_TYPE}',
			sortType = widgetData.sort || 'all', // All, ClickCount, Reply, Share, Recommand, Scrap
			widgetHtml = '<div class="hd"><h4 class="subtit_comm"><a href="http://news.joins.com/trend">트렌드뉴스</a></h4><p>현재 트렌드가 되고 있는 뉴스를 읽어 보세요</p></div><div class="bd"><ul data-bind="list"></ul></div>',
			template = '' +
			'<ul data-bind="list">' +
				'<li>' +
					'<span class="thumb"><a data-bind="link"><img data-bind="image" onerror="utils.imageErrorHandler(this)"></a></span>' +
					'<em data-bind="position"></em>' +
					'<strong class="mg"><a data-bind="link"></a></strong>' +
				'</li>' +
			'</ul>',
			directives = {
				list: {
					link: utils.decorators.link,
					image: utils.decorators.image,
					position: {
						'class': function(params) {
							var pos = params.index + 1;
							return 'rank' + (pos < 10 ? ('0' + pos) : pos);
						},
						text: function(params) {
							return params.index + 1;
						}
					},
					thumb: {
						link: utils.decorators.link,
						html: function(params) {
							if(!this.image.src) {
								$(params.element).remove();
							}
						}
					}
				}
			};

		getApiData(apiFormat.replace('{SORT_TYPE}', sortType), render);

		function render(d) {
			//utils.log('---------------------------------------- widgetTrendArticle');
			//utils.log(d);
			var html = '',
				data = {list: []},
				pathname = location.pathname.toLowerCase(),
				clocName = '';


			try {
				d.List.forEach(function(v, i) {
					if(i < 10) {
						data.list.push({
							type: v.Type,
							link: {href: utils.getUrlFormat(URL_NAMES.article, v.Id), html: v.Title},
							image: { src: utils.getIrPath(utils.getPdsFullPath(v.Thumbnail), 40, 40, '.tn_120.jpg'), alt: v.Title }
						});
					}
				});
			} catch(e) { utils.log(e); };

			function appendItem(item, i) {

				var pos = i + 1;
				pos = 'rank' + (pos < 10 ? ('0' + pos) : pos);

				var html = '<li>';
				if(item.image.src){
					html += '<span class="thumb"><a href="' + item.link.href + '"><img src="' + item.image.src + '" alt="' + item.image.alt + '" onerror="utils.imageErrorHandler(this)"></a></span>';
				}
				html += '<em class="' + pos + '">' + i + 1 + '</em>';
				html += '<strong class="mg"><a href="' + item.link.href + '"></a></strong>';
				html += '</li>';
				var $html = $(html);
				$html.find('strong a').html(item.link.html);
				$w.find('ul').append($html);
			}
			if (data.list.length) {

				$w.html(widgetHtml).show();
				data.list.forEach(function (v, i) {
					appendItem(v, i);
				});

				//html = $.renderTemplate({ data: data, template: template, directives: directives });
				//utils.log(html);
				//renderWidgetBody($w, widgetHtml, html);
				//$w.show();
				//utils.resetArticleSubWidget && utils.resetArticleSubWidget();
			} else {
				utils.error('widgetTrendArticle', true);
				$w.hide();
			}

			//return false;
			// 더보기 트렌드뉴스 Cloc - 미확인
			if(pathname == '/') {
				clocName = 'joongang|home|moretrend';
			} else if(pathname.indexOf('article') > -1) {
				clocName = 'joongang|article|moretrend';
			} else {
				clocName = 'joongang|section|moretrend';
			}
			$w.find('a').each(function() {
				$(this).attr('href', utils.getClocUrl($(this).attr('href'), clocName));
			});
		}
	};

	// 포토이슈
	$.fn.widgetPhotoIssues = function() {

		//utils.log('###### widgetPhotoIssues');

		var $w = this,
			widgetHtml = '<div class="hd"><h4 class="subtit_comm">포토이슈</h4></div><div class="bd slide_wrap"></div><div class="ft"><span class="current_page"></span> /<span class="total_page"></span></div>',
			template = '<div class="slide_list_wrap" style="height:162px;overflow:hidden;">' +
				'<div class="slide_list" data-bind="list">' +
				'<div class="slide" style="height:162px;" data-bind="active">' +
				'<span style="position:relative;" class="thumb item">' +
				'<a data-bind="link"><img data-bind="image" onerror="utils.imageErrorHandler(this)"><span class="shadow"></span><strong data-bind="text"></strong></a>' +
				'</span>' +
				'</div>' +
				'</div>' +
				'<button type="button" class="btn-prev">prev</button>' +
				'<button type="button" class="btn-next">next</button>' +
				'</div>' +
				'<div class="thumb_list">' +
				'<ul class="clearfx" data-bind="list">' +
				'<li data-bind="active"><span class="thumb"><a href="#none"><img data-bind="image" onerror="utils.imageErrorHandler(this)"><span class="frame"></span></a></span></li>' +
				'</ul>' +
				'</div>',
			directives = {
				list: {
					link: utils.decorators.link,
					image: utils.decorators.image
					//active: { 'class': function (params) { return params.index == 0 ? $(params.element).addClass('active') : ''; } }
				}
			};

		getApiData('/static/homephotoissues', render);

		function render(d) {

			//utils.log('--------------------------- widgetPhotoIssues');
			//utils.log(d);

			var html = '',
				data = {cls: 'list', list: []};

			//data.list = d;
			try {
				d.List.forEach(function(v, i) {
					if(i < 5) {
						data.list.push({link: {href: v.Link, text: v.Title}, image: {src: v.Thumbnail}});
					}
				});
			} catch(e) {
				utils.log(e);
			};

			if(data.list.length) {

				html = $.renderTemplate({template: template, data: data, directives: directives});

				$w.html(widgetHtml).find('.bd').html(html);
				$w.find('.current_page').text('1');
				$w.find('.total_page').text(data.list.length);

				var $slideWrap = $('.slide_list_wrap', $w),
					$thumbItems = $('div.thumb_list li', $w);

				$slideWrap.find('.slide').eq(0).addClass('active');
				$thumbItems.find('.slide').eq(0).addClass('active');

				$slideWrap.find('.slide_list').slideMotion({
					infinite: true,
					slidesToShow: 1,
					slidesToScroll: 1,
					swipe: false,
					thumbnails: $thumbItems,
					prevArrow: $slideWrap.find('.btn-prev'),
					nextArrow: $slideWrap.find('.btn-next'),
					beforeChange: function(event, slick, currentIndex, nextIndex) {
						$thumbItems.eq(nextIndex).addClass('active').siblings().removeClass('active');
						$w.find('.current_page').text(nextIndex + 1);
					}
				});
				$w.show();
			} else {
				$w.hide();
			}

			// 포토 뉴스 Cloc
			$w.find('.slide_list a').each(function () {
				$(this).attr('href', utils.getClocUrl($(this).attr('href'), 'joongang|article|photoissue'));
			});
		}
	};

	// 많이 본 기사
	$.fn.widgetHotArticles = function () {
		$('#widget_favorite_articlesAD').loadAd({ type: 'favorite_ad' }).show();

		//utils.log('---------------------widgetHotArticles start');
		//많이 본 기사 하단광고
		var $w = this,
			pageType = utils.config('pageType'),
			apiFormat = '/static/mostviewedarticles/{KEY}',
			categoryKey = $w.data('widgetCategory') || '',
			title = (categoryKey.toLowerCase() == 'jplus' ? '많이 본 J플러스' : '많이 본 기사'),
			widgetHtml = '<div class="hd"><h4 class="subtit_comm">' + title + '</h4></div><div class="bd"></div>',
			template = '<ul data-bind="list"><li class="top" data-bind="item"><em class="mg" data-bind="position"></em> <strong><a data-bind="link"></a></strong></li></ul>',
			directives = {
				list: {
					link: utils.decorators.link,
					image: utils.decorators.image,
					item: {
						'class': function (obj) {
							return obj.index < 3 ? 'top' : '';
						}
					}
				}
			};

		if (pageType === PAGE_TYPE.article) {
			var sectionKey = utils.menu.getPageMenuKey().split(',')[0].toLowerCase();
			categoryKey = sectionKey;

			if (categoryKey == 'cartoon') categoryKey = '';
		}

		$w.hide();
		getApiData(apiFormat.replace('{KEY}', categoryKey), render);

		function render(d) {

			//utils.log('---------------------widgetHotArticles 1');
			var html = '',
				data = { list: [] };

			try {
				d.List.forEach(function (v, i) {
					data.list.push({ link: { href: utils.getUrlFormat(URL_NAMES.article, v.Id), html: v.Title }, position: (i + 1) });
				});
			} catch (e) {
				//utils.log('widgetHotArticles');
				utils.log(e);
			};

			//utils.log(data);

			if (data.list.length) {

				html = $.renderTemplate({ template: template, data: data, directives: directives });
				renderWidgetBodyPrepend($w, widgetHtml, html);
				$w.show();
				utils.resetArticleSubWidget && utils.resetArticleSubWidget();
			} else {
				$w.hide();
			}

			// 많이 본 기사 Cloc - 미확인
			$w.find('a').each(function () {
				var pageType = utils.config('pageType') || '';
				pageType = pageType.toLowerCase();
				$(this).attr('href', utils.getClocUrl($(this).attr('href'), 'joongang|' + pageType + '|clickraking'));
			});
		}
	};

	// 많이 본 동영상 ( general, opinion )
	$.fn.widgetHotVideos = function() {

		var $w = this,
			categoryKey = $w.data('widgetCategory') || '',
			apiUrl = '/static/mostviewedvideos',
			widgetHtml = '<div class="hd"><h4 class="subtit_comm">많이 본 동영상</h4></div><div class="bd"></div>',
			template = '<ul data-bind="list">' +
				'<li>' +
				'<span class="thumb"><a data-bind="link"><img data-bind="image" onerror="utils.imageErrorHandler(this)"><span class="icon_video"></span></a></span>' +
				'<strong><a data-bind="link"></a></strong>' +
				//'<span class="view_comment"><span class="view">조회수 <em data-bind="viewCount"></em></span> | <span class="comment">댓글 <em data-bind="commentCount"></em></span></span>' +
				'</li>' +
				'<ul>',
			directives = {
				list: {link: utils.decorators.link, image: utils.decorators.image}
			};

		getApiData(apiUrl, render);

		function render(d) {

			var html = '',
				data = {list: []};

			try {
				d.List.forEach(function(v, i) {
					var atticleLink = utils.getUrlFormat(URL_NAMES.article, v.Id);
					var image = utils.getPdsFullPath(v.Thumbnail);
					//utils.log('## atticleLink : ' +atticleLink);
					data.list.push({
						link: {href: atticleLink, html: v.Title},
						image: {src: image},
						viewCount: v.ClickCount,
						commentCount: v.ReplyCount
					});
				});
			} catch (e) {
				utils.log(e);
			};

			if(data.list.length) {

				html = $.renderTemplate({template: template, data: data, directives: directives});
				renderWidgetBody($w, widgetHtml, html);
				$w.show();
			} else {
				$w.hide();
			}
		}
	};

	// 오피니언 방송 (최신기사3건)
	$.fn.widgetOpinionCast = function() {

		var $w = this,
			categoryKey = $w.data('widgetCategory') || '',
			listLink = utils.config('webPcPath') + '/opinion/opinioncast',
			widgetHtml = '<div class="hd"><h4 class="subtit_comm"><a href="' + listLink + '">오피니언 방송</a></h4></div><div class="bd"></div>',
			template = '<ul data-bind="list">' +
				'<li>' +
				'<span class="thumb"><a data-bind="link"><img data-bind="image" onerror="utils.imageErrorHandler(this)"><span class="icon_video"></span></a></span>' +
				'<strong><a data-bind="link"></a></strong>' +
				'<span class="view_comment"><span class="view">조회수 <em data-bind="viewCount"></em></span> | <span class="comment">댓글 <em data-bind="commentCount"></em></span></span>' +
				'</li>' +
				'<ul>',
			directives = {
				list: {link: utils.decorators.link, image: utils.decorators.image}
			};

		getApiData('/news/opinioncast/newly?count=3', render);

		function render(d) {

			//utils.log('-----------------------widgetOpinionCast');
			//utils.log(d);

			var html = '',
				data = {list: []};

			try {
				d.forEach(function(v, i) {
					var articleLink = utils.getUrlFormat(URL_NAMES.article, v.TotalId);
					//var image = v.Source && v.Source.Code == 'd9' ? utils.getJtbcImageFullPath(v.Thumbnail) : utils.getPdsFullPath(v.Thumbnail);
					var image = v.VodId.length > 0 && v.ProgramId.length > 0 ? utils.getJtbcImageFullPath(v.Thumbnail) : utils.getPdsFullPath(v.Thumbnail);
					data.list.push({
						link: {href: articleLink, html: v.Title},
						image: {src: image},
						viewCount: v.Figure.ViewCount,
						commentCount: v.Figure.ReplyCount
					});
				});
			} catch(e) {
				utils.log(e);
			};

			//utils.log(data);

			if(data.list.length) {

				html = $.renderTemplate({template: template, data: data, directives: directives});
				renderWidgetBody($w, widgetHtml, html);
				$w.show();
			} else {
				$w.hide();
			}
		}
	};

	// 댓글 많은 기사
	$.fn.widgetHotArticlesOrderByReplyCount = function() {

		var $w = this,
			widgetHtml = '<div class="hd"><h4 class="subtit_comm">댓글 많은 기사</h4></div><div class="bd"></div>',
			template = '<ul data-bind="list"><li class="top" data-bind="item"><em class="mg" data-bind="position"></em> <strong><a data-bind="link"></a></strong></li></ul>',
			directives = {
				list: {
					link: utils.decorators.link,
					image: utils.decorators.image,
					item: {
						'class': function(obj) {
							return obj.index < 3 ? 'top' : '';
						}
					}
				}
			};

		getApiData('/static/manycommentedarticles', render);

		function render(d) {

			var html = '',
				data = {list: []};

			try {
				d.List.forEach(function(v, i) {
					var link = utils.getUrlFormat(URL_NAMES.article, v.Id);
					data.list.push({link: {href: link, html: v.Title}, position: (i + 1)});
				});
			} catch (e) {
				utils.log(e);
			};

			if(data.list.length) {
				html = $.renderTemplate({template: template, data: data, directives: directives});
				renderWidgetBody($w, widgetHtml, html);
				$w.show();
			} else {
				$w.hide();
			}

			// 댓글 많은 기사 Cloc - 미확인
			$w.find('a').each(function() {
				$(this).attr('href', utils.getClocUrl($(this).attr('href'), 'joongang|article|comment'));
			});
		}
	};

	// 인기 J플러스
	// @param options
	$.fn.widgetHotJPlus = function(options) {

		var $w = this,
			widgetHtml = '<div class="hd"><h4 class="subtit_comm"><a href="' + utils.config('jplusPath') + '">인기 J플러스</a></h4></div><div class="bd"></div><div class="ft"><a href="' + utils.config('jplusPath') + '" class="add"><span class="hide">인기 J플러스</span> 더보기<span class="icon"></span></a></div>',
			template = '<ul data-bind="list">' +
				'<li>' +
				'<span class="thumb"><a data-bind="link"><img data-bind="image"><span class="frame"></span></a></span>' +
				'<strong><a data-bind="link"></a></strong>' +
				'<em><span data-bind="name"></span> | <span data-bind="description"></span></em>' +
				'</li>' +
				'</ul>',
			directives = {list: {link: utils.decorators.link, image: utils.decorators.image}};

		getApiData('/static/homejplusarticles', render);

		function render(d) {

			var html = '',
				data = {list: []};

			try {
				d.List.forEach(function(v) {
					var link = utils.getUrlFormat(URL_NAMES.article, v.Id);
					var reporter = v.Reporters[0];

					data.list.push({ link: { href: $.trim(link), text: v.Title }, image: { src: reporter.Profile }, name: reporter.Name, description: reporter.Description });
				});
			} catch (e) { utils.log(e); };

			if(data.list.length) {

				html = $.renderTemplate({template: template, data: data, directives: directives});
				renderWidgetBody($w, widgetHtml, html);
				$w.show();
			} else {
				$w.hide();
			}

			// 인기 J 플러스
			$w.find('a').each(function() {
				$(this).attr('href', utils.getClocUrl($(this).attr('href'), 'joongang|article|jplus'));
			});
		}
	};

	// 내부 홍보 베너
	// @param options
	$.fn.widgetImcBanner = function(options) {
		var $w = this,
			template = '<a data-bind="link"><img data-bind="image" style="vertical-align:top;"><span class="mask"></span></a>',
			directives = {
				link: utils.decorators.link,
				image: utils.decorators.image
			};

		getApiData('/static/imcbanners', render);

		function render(d) {

			var html = '',
				data = {},
				item = {},
				displayIndex = 0;

			try {
				displayIndex = utils.getRandomNumber(0, d.List.length - 1);
				item = d.List[displayIndex];
				data = {link: {href: item.Link, title: item.Title}, image: {src: item.Image}};
			} catch (e) {
				utils.log(e);
			};

			if(data.link && data.link.href) {
				html = $.renderTemplate({template: template, data: data, directives: directives});
				$w.html(html).show();
			} else {
				$w.hide();
			}
		}

		return this;
	};

	// 관련키워드
	$.fn.widgetRelatedKeyword = function() {

		var $w = this,
			widgetHtml = '<div class="bd"></div>',
			template = '<ul data-bind="list" class="clearfx">' +
				' <li data-bind="item">' +
				'<a data-bind="link"></a> ' +
				'</li>' +
				'</ul>',
			directives = {
				list: {
					link: utils.decorators.link,
					item: {
						'class': function() {
							return this.cls;
						}
					}
				}
			},
			reporterId = utils.getReporterId(),
			reporterName = $('#reporterName').val() || '';

		if(!reporterId) {
			return;
		}

		getApiData('/reporter/' + reporterId + '/keywords', render);

		function render(d) {

			//utils.log('----------------- widgetRelatedKeyword');
			//utils.log(d);

			var html = '',
				data = {list: []};

			try {
				d.keywords.forEach(function(v) {
					var link = v.IssueId ? utils.getUrlFormat(URL_NAMES.issue, v.IssueId) : utils.getUrlFormat(URL_NAMES.search, v.Word);
					data.list.push({link: {href: link, text: '#' + v.Word}, cls: (v.IssueId ? 'issue' : '')});
				});
			} catch(e) {
				utils.log(e);
			};

			//utils.log(data);

			if(data.list.length) {

				html = $.renderTemplate({template: template, data: data, directives: directives});
				renderWidgetBody($w, widgetHtml, html);

				//var $subtit = $w.find('.subtit_comm');

				//$subtit.html('<span>#' + reporterName + ' </span>기자의 관련 태그');

				$w.show();
			} else {
				$w.hide();
			}
		}
	};

	// 핫이슈
	// @param options
	$.fn.widgetHotIssues = function(options) {

		//utils.log('## widgetHotIssues');
		var $w = this,
			widgetHtml = '<div class="hd"><h4 class="subtit_comm">핫이슈</h4></div><div class="bd"></div><div class="ft"><a href="#none" class="add"><span class="hide">인기 J플러스 더보기</span></a></div>',
			template = '' +
			'<ul data-bind="list" class="clearfx">' +
				'<li>' +
					'<span class="thumb" data-bind="thumb"><a data-bind="link"><img data-bind="image"><span class="shadow"></span><span class="mask"></span></a></span>' +
					'<em class="hash_tag" data-bind="tag"><a data-bind="link"></a></em>' +
					'<strong class="headline" data-bind="article"><a data-bind="link"></a></strong>' +
				'</li>' +
			'</ul>',
			directives = {
				list: {
					article: { link: utils.decorators.link },
					thumb: {
						image: utils.decorators.image,
						html: function (params) {

							var $ele = null;

							if (!this.thumb.image.src) {
								$ele = $(params.element);
								$ele.parent().addClass('banner_color0' + utils.getRandomNumber(1, 4, 'widgetHotIssue'));
								$ele.remove();
							}
						}
					},
					tag: { link: utils.decorators.link }
				}
			};

		getApiData('/static/homeissues', render);

		function render(d) {

			var html = '', data = {list: []};

			try {
				d.List.forEach(function(v) {

					var article = v.Articles[0];
					data.list.push({
						article: { link: { href: utils.getUrlFormat(URL_NAMES.article, article.Id), html: article.Title } },
						thumb: { image: { src: utils.getPdsFullPath(article.Thumbnail) } },
						tag: { link: { href: utils.getUrlFormat(URL_NAMES.issue, v.Id), html: '#' + v.Title } }
					});
				});
			} catch(e) { utils.log(e); };

			//utils.log(data);

			if(data.list.length) {
				html = $.renderTemplate({template: template, data: data, directives: directives});
				renderWidgetBody($w, widgetHtml, html);
				$w.show();
			} else {
				$w.hide();
			}

			// 핫이슈 Cloc - 미확인
			$w.find('a').each(function() {
				$(this).attr('href', utils.getClocUrl($(this).attr('href'), 'joongang|article|issue'));
			});
		}
	};
	// 연관 키워드 (검색)
	// @param options relatedKeyword
	$.fn.widgetRelatedKeywordForSearch = function(options) {
		/*
		[파라미터]
		keyword (검색어, 필수),
		num_relation_keyword (조회할 연관 키워드 개수 0~100, 필수),
		delimiter (구분자, 필수),
		server_id (서버 아이디 - server01 고정값, 필수),
		coll_id (컬렉션명 - joins_data 고정값, 필수),
		callback (callback 함수명 - json 일 때만, 선택),
		encoding (요청 URL encoding 방식 - cp939, utf8, euckr, 필수),
		format (포멧 - xml 고정값, 필수)
		*/
		var $w = this,
			keyword = $('#searchKeyword').val() || '',
			apiUri = utils.config('searchEnginePath') + '/jsonp_trans.jsp?',
			//params = { server_id: 'server01', coll_id: 'joins_data', delimiter: '|', encoding: 'utf8', format: 'json', num_relation_keyword: 10, keyword: keyword },
			params = {type: 'relation', keyword: keyword, num_relation_keyword: 10, server_id: 'server01', coll_id: 'joins_data', delimiter: ',', encoding: 'utf8'},
			widgetHtml = '<div class="hd"><h3 class="subtit_comm">연관 키워드</h3></div><div class="bd"></div>',
			template = '<ul data-bind="list"><li><a data-bind="link"></a></li></ul>',
			directives = { list: { link: utils.decorators.link } };

		//utils.log(apiUri + $.param(params));
		getApiData(apiUri + $.param(params), render);

		function render(d) {

			var html = '',
				data = {list: []},
				relationKeywords = [];

			try {
				relationKeywords = d.Response[0].RelationKeyword.split(',');
				relationKeywords.forEach(function(v, i) {
					data.list.push({link: {href: utils.getUrlFormat(URL_NAMES.search, v), html: v}});
				});
			} catch(e) {
			};

			if(data.list.length > 1) {
				html = $.renderTemplate({template: template, data: data, directives: directives});
				renderWidgetBody($w, widgetHtml, html);
				$w.show();
			} else {
				$w.hide();
			}
		}
	};

	// 인기 검색어 (검색)
	// @param options
	$.fn.widgetPopularKeywordForSearch = function(options) {
		/*
		[파라미터]
		target (타겟 설정 - popword 고정),
		range (검색 기간 범위 - D : 일간, W : 주간, M : 월간),
		collection (전체컬렉션: _ALL_ , 통합검새 : total_search),
		datatype (데이터 타입 - xml / json)
		*/
		var $w = this,
			apiUri = utils.config('searchEnginePath') + '/jsonp_trans.jsp?',
			keyword = $('#search_keyword').val() || '',
			params = {target: 'popword', range: 'D', collection: '_ALL_', datatype: 'json'},
			widgetHtml = '<div class="hd"><h3 class="subtit_comm">인기검색어</h3></div><div class="bd"></div>',
			template = '<ul data-bind="list"><li data-bind="top"><em class="mg" data-bind="position"></em> <a data-bind="link"></a></li></ul>',
			directives = {
				list: {
					link: utils.decorators.link,
					position: {
						text: function(params) {
							return params.index + 1;
						}
					},
					top: {
						'class': function(params) {
							return params.index < 1 ? 'top' : '';
						}
					}
				}
			};

		getApiData(apiUri + $.param(params), render);

		function render(d) {

			var html = '',
				data = {list: []},
				relationKeywords = [];

			try {
				d.Data.Query.forEach(function(v, i) {
					data.list.push({link: {href: utils.getUrlFormat(URL_NAMES.search, v.content), html: v.content}});
				});
			} catch(e) {
			};

			if(data.list.length) {
				html = $.renderTemplate({template: template, data: data, directives: directives});
				renderWidgetBody($w, widgetHtml, html);
				$w.show();
			} else {
				$w.hide();
			}
			//검색저장
			$w.find('a').on('click', function() {
				var keyword = $(this).text();

				if(utils.saveSearchHistory !== undefined) {
					utils.saveSearchHistory(keyword);
				}
			});
		}
	};

	// 관련기사
	// @param options
	$.fn.relationArticles = function(options) {
		/*
		[파라미터]
		uid (기사아이디 - 필수),
		query(검색어 - 선택, 하이라이팅이 필요한 경우)
		*/
		var $t = this,
			apiUri = utils.config('searchEnginePath') + '/dup_search_jsonp.jsp?',
			keyword = $('#search_keyword').val() || '',
			params = {uid: '', query: ''},
			template = '<div class="related_article"><ul><li data-bind="list">' +
				'<span class="icon"></span>' +
				'<strong class="headline"><a data-bind="link" target="_blank"></a></strong> ' +
				'<span class="byline"><em data-bind="source"></em> | <em data-bind="datetime"></em></span>' +
				'</li></ul></div>',
			directives = {
				list: {
					link: utils.decorators.link,
					source: {
						text: function() {
							utils.log(this);
							return this.source;
						}
					},
					datetime: {
						text: function() {
							utils.log(this);
							return this.datetime;
						}
					}
				}
			};

		$t.on('click', function() {
			var $btn = $(this),
				DATAS = {loading: 'loading', loaded: 'loaded', open: 'open'},
				totalId = $btn.data('totalId');

			params = {
				uid: totalId,
				query: keyword
			};

			if($btn.data(DATAS.loading)) {
				return false;
			}
			if($btn.data(DATAS.loaded)) {
				$btn.next().show();
			} else {
				$btn.data(DATAS.loading, true);
				getApiData(apiUri + $.param(params), function(d) {
					var html = '',
						data = {list: []},
						relationKeywords = [];

					try {
						d.DuplicateDocumentResult.Collection[0].DocumentSet.Document.forEach(function(v, i) {
							data.list.push({
								link: {
									href: utils.getUrlFormat(URL_NAMES.article, v.Field.DOCID),
									text: v.Field.ART_TITLE
								},
								source: v.Field.SOURCE_NAME,
								datetime: v.Field.ART_CRE_TIME
							});
						});
					} catch(e) {
					};

					if(data.list.length) {
						//utils.log(data);
						html = $.renderTemplate({template: template, data: data, directives: directives});
						$btn.show();
						$btn.after(html);
						$btn.remove();
					} else {
						$btn.hide();
					}

					$btn.after();
					$btn.data(DATAS.loading, false);
					$btn.data(DATAS.loaded, true);
				});
			}

			return false;
		});
	};

	// 관련 태그 뉴스
	$.fn.widgetRelations = function () {
		var apis = {
			find: utils.config('searchEnginePath') + '/search_jsonp.jsp?query={VALUE}&collection=news,jplus&sourceCode=1,3,jp&listCount=3&sort=DATE/DESC,RANK/DESC',
				issue: apiPath + '/issue/{VALUE}/witharticles'
			},
			html = '' +
			'<div class="hd">' +
				'<h3 class="subtit_comm">' +
					'<span class="fg"><span class="bg" data-bind="subtitle"></span></span>&nbsp;' +
					'<span>관련 태그 뉴스</span>' +
				'</h3>' +
			'</div>' +
			'<div class="bd">' +
				'<ul class="clearfx" data-bind="list">' +
					'<li>' +
						'<span class="thumb"></span>' +
						'<strong class="mg" data-bind="title"></strong>' +
						'<em data-bind="summary"></em>' +
					'</li>' +
				'</ul>' +
			'</div>',
			isGetIssueData = false,
			valueId = {
				issue: 'articleRelation_Issue',
				find: 'articleRelation_Find'
			},
			$el = this,
			irPath = utils.config('irPath');

		function getRelations(obj) {
			var url = '';

			if(obj.type === 'issue') {
				url = apis.issue.replace('{VALUE}', encodeURIComponent(obj.value));
			} else {
				url = apis.find.replace('{VALUE}', encodeURIComponent(obj.value));
			}

			//utils.log('## url0------------------ : ' + url);

			utils.getJsonp({
				url: url,
				success: function (resData) {
					try {
						var data = obj.type === 'issue' ? resData.item.Articles : setData(resData);
						success(data);
					} catch (e) { utils.log(e);};
				}
			});
		}

		function setData(data) {
			var d = [], //data.SearchQueryResult.Collection[0].DocumentSet.Document,
				rtn = [];

			data.SearchQueryResult.Collection.forEach(function (v) {
				v.DocumentSet.Document.forEach(function (_v) {
					var yyyy = _v.Field.SERVICE_DAY.substr(0, 4);
					var MM = parseInt(_v.Field.SERVICE_DAY.substr(4, 2), 10) - 1;
					var dd = _v.Field.SERVICE_DAY.substr(6, 2);
					var hh = _v.Field.SERVICE_TIME.substr(0, 2);
					var mm = _v.Field.SERVICE_TIME.substr(2, 2);
					var ss = _v.Field.SERVICE_TIME.substr(4, 2);
					_v.Field.SERVICE_DATE = new Date(yyyy, MM, dd, hh, dd, ss);
					d.push(_v);
				});
			});

			//d.sort(function (a, b) {
			//    return a.Field.SERVICE_DATE - b.Field.SERVICE_DATE;
			//});

			d = d.splice(0, 3);

			$.each(d, function (i, v) {
				rtn.push({
					TotalId: v.Field.DOCID,
					Thumbnail: v.Field.ART_THUMB,
					Title: v.Field.ART_TITLE,
					Summary: v.Field.ART_CONTENT
				});
			});

			return rtn;
		}

		function success(data) {
			var directive = {
				subtitle: {
					html: function () {
						return this.subtitle;
					}
				},
				list: {
					thumb: {
						html: function() {
							var ele = arguments[0].element,
								totalId = this.TotalId ? this.TotalId : this.Id,
								articleLink = utils.getUrlFormat(URL_NAMES.article, totalId),
								thumbnail = utils.getIrPath(utils.getPdsFullPath(this.Thumbnail), 54, 54);

							return thumbnail === '' || thumbnail === undefined ? $(ele).hide() : '<a href="' + articleLink + '"><img src="' + thumbnail + '" alt="' + this.Title + '"></a>';
						}
					},
					title: {
						html: function() {
							var ele = arguments[0].element,
								totalId = this.TotalId ? this.TotalId : this.Id,
								articleLink = utils.getUrlFormat(URL_NAMES.article, totalId),
								title = this.Title;

							return title === '' || title === undefined ? $(ele).hide() : '<a href="' + articleLink + '">' + title + '</a>';
						}
					},
					summary: {
						html: function() {
							var ele = arguments[0].element,
								totalId = this.TotalId ? this.TotalId : this.Id,
								summary = this.Summary || '';

							// ksk : summary 앞에 ...이 나오면 제거 해달라는 요구사항
							if(summary === '' || summary === undefined) {
								return $(ele).hide();
							}

							var tmp = summary.substr(0, 3);
							if(tmp === '...') {
								summary = summary.substr(3);
							}
							return '<a href="/article/' + totalId + '">' + summary + '</a>';
							//return summary === '' || summary === undefined ? $(ele).hide() : '<a href="/article/' + totalId + '">' + summary + '</a>';
						}
					}
				}
			};

			var subtitle = $('.tag_list').find('.keyword').length > 0 ? $('.tag_list').find('.keyword').eq(0).html() : $('.tag_list').find('li').eq(0).html();

			if($.isArray(data)) {
				$el.html(html).render({ subtitle: subtitle, list: data }, directive);
			}

			// 관련 태그 뉴스 Cloc
			$el.find('a').each(function() {
				$(this).attr('href', utils.getClocUrl($(this).attr('href'), 'joongang|article|tagnews'));
			});
		}

		return this.each(function () {
			var $issue = $('#' + valueId.issue),
				$find = $('#' + valueId.find),
				type = $issue.length > 0 ? 'issue' : 'find',
				value = type === 'issue' ? $issue.val() : $find.val();

			if(value === undefined) { return; }

			getRelations({type: type, value: value});
		});
	};

	// 오피니언 인사이트
	$.fn.widgetEditorialInsite = function () {

		var $w = this,
			widgetName = '사설 인사이트',
			listLink = utils.config('webPcPath') + '/find/list?Keyword=%22' + encodeURIComponent(widgetName) + '%22&ServiceCode=20&SourceGroupType=' + encodeURIComponent("Joongang|JoongangOnline") + '&display=' + encodeURIComponent(widgetName),
			widgetHtml = '<div class="hd"><h4 class="subtit_comm"><a href="' + listLink + '">' + widgetName + '</a></h4></div><div class="bd"></div>',
			template = '<ul data-bind="list"><li><span class="icon"></span><a data-bind="link"></a></li></ul>',
			directives = {
				list: { link: utils.decorators.link }
			};

		getApiData('/static/editorialinsite', render);

		function render(d) {

			var html = '',
				data = { list: [] };

			try {
				d.List.forEach(function (v, i) {
					var articleLink = utils.getUrlFormat(URL_NAMES.article, v.Id);
					data.list.push({ link: { href: articleLink, html: v.Title } });
				});
			} catch (e) {
				utils.log(e);
			};

			if (data.list.length) {
				html = $.renderTemplate({ template: template, data: data, directives: directives });
				renderWidgetBody($w, widgetHtml, html);
				$w.show();
			} else {
				$w.hide();
			}
		}
	};

	// 오피니언 스페셜 칼럼 D
	$.fn.widgetSpecialColumnD = function () {

		var $w = this,
			widgetName = '칼럼 D',
			listLink = utils.config('webPcPath') + '/find/list?Keyword=%22' + encodeURIComponent(widgetName) + '%22&ServiceCode=20&SourceGroupType=' + encodeURIComponent("Joongang|JoongangOnline") + '&display=' + encodeURIComponent(widgetName),
			widgetHtml = '<div class="hd"><h4 class="subtit_comm"><a href="' + listLink + '">' + widgetName + '</a></h4></div><div class="bd"></div>',
			template = '<ul data-bind="list"><li><span class="icon"></span><a data-bind="link"></a></li></ul>',
			directives = {
				list: { link: utils.decorators.link }
			};

		getApiData('/static/specialcolumnd', render);

		function render(d) {

			var html = '',
				data = { list: [] };

			try {
				d.List.forEach(function (v, i) {
					var articleLink = utils.getUrlFormat(URL_NAMES.article, v.Id);
					data.list.push({ link: { href: articleLink, html: v.Title } });
				});
			} catch (e) {
				utils.log(e);
			};

			if (data.list.length) {
				html = $.renderTemplate({ template: template, data: data, directives: directives });
				renderWidgetBody($w, widgetHtml, html);
				$w.show();
			} else {
				$w.hide();
			}
		}
	};

	// 오피니언 디지털 스페셜 만평
	$.fn.widgetSpecialCartoon = function () {

		var $w = this,
			widgetName = '디지털 스페셜 만평',
			keywordStr = '스페셜 만평',
			serviceCode = '',
			menuKey = 'satiricalcartoon',
			listType = '',/*cartoon*/
			listLink = utils.config('webPcPath') + '/find/list?Key=' + menuKey + '&ListType=' + listType + '&Keyword=' + encodeURIComponent(keywordStr) + '&ServiceCode=' + serviceCode + '&SourceGroupType=' + encodeURIComponent("Joongang|JoongangOnline") + '&display=' + encodeURIComponent(widgetName),
			widgetHtml = '<div class="hd"><h4 class="subtit_comm"><a href="' + listLink + '">' + widgetName + '</a></h4></div><div class="bd"></div>',
			template = '<ul data-bind="list"><li><span class="icon"></span><a data-bind="link"></a></li></ul>',
			directives = {
				list: { link: utils.decorators.link }
			};

		getApiData('/static/specialcartoon', render);

		function render(d) {

			var html = '',
				data = { list: [] };

			try {
				d.List.forEach(function (v, i) {
					var articleLink = utils.getUrlFormat(URL_NAMES.article, v.Id);
					data.list.push({ link: { href: articleLink, html: v.Title } });
				});
			} catch (e) {
				utils.log(e);
			};

			if (data.list.length) {
				html = $.renderTemplate({ template: template, data: data, directives: directives });
				renderWidgetBody($w, widgetHtml, html);
				$w.show();
			} else {
				$w.hide();
			}
		}
	};

	// 오피니언 디지털 오피니언
	$.fn.widgetDigitalOpinion = function () {

		var $w = this,
			widgetName = '디지털 오피니언',
			listLink = utils.config('webPcPath') + '/find/list?Keyword=%22' + encodeURIComponent(widgetName) + '%22&ServiceCode=20&SourceGroupType=' + encodeURIComponent("Joongang|JoongangOnline") + '&display=' + encodeURIComponent(widgetName),
			widgetHtml = '<div class="hd"><h4 class="subtit_comm"><a href="' + listLink + '">' + widgetName + '</a></h4></div><div class="bd"></div>',
			template = '<ul data-bind="list"><li><span class="icon"></span><a data-bind="link"></a></li></ul>',
			directives = {
				list: { link: utils.decorators.link }
			};

		getApiData('/static/digitalopinion', render);

		function render(d) {

			var html = '',
				data = { list: [] };

			try {
				d.List.forEach(function (v, i) {
					var articleLink = utils.getUrlFormat(URL_NAMES.article, v.Id);
					data.list.push({ link: { href: articleLink, html: v.Title } });
				});
			} catch (e) {
				utils.log(e);
			};

			if (data.list.length) {
				html = $.renderTemplate({ template: template, data: data, directives: directives });
				renderWidgetBody($w, widgetHtml, html);
				$w.show();
			} else {
				$w.hide();
			}
		}
	};

	//jplus 필진 최신글보기, 문구추가
	/*
		'<div class="ab_jplus"><dl id="j-top-articles"></dl></div>'
	*/
	$.fn.articleJplusRecentlyNews = function() {
		var url = 'http://jplus.joins.com/Scripts/layout.js',
			totalId = $('#total_id').val(),
			self = this,
			jplusNoticeHtml = '<div class="ab_jplus_notice">' +
			'<span class="icon"></span>' +
			'<p>J플러스의 게시물은 중앙일보 편집 방향 및 논조와 다를 수 있습니다.</p>' +
			'</div>';

		if(totalId !== undefined && totalId !== '') {
			$.getScript(url, function() {
				try {
					self.append('<div class="ab_jplus"><dl id="j-top-articles"></dl></div>');
					jplus.layout.articles.renderHtml(totalId);

					self.find('.ab_jplus').before(jplusNoticeHtml);

				} catch(e) {
				}
			});
		} else {
			//문구 추가
			self.append(jplusNoticeHtml);
		}
	};

	function renderWidgetBody($w, widgetHtml, html) {
		/*var $body = $w.find('.bd');
		if(!$body || $body.length == 0) {
			$w.html(widgetHtml).find('.bd').html(html);
		} else {
			$body.html(html);
		}*/
		var $body = $w.find('.bd');
		if (!$body || $body.length == 0) {
			$w.html(widgetHtml).find('.bd').html(html.replace(/&lt;/gi, "<").replace(/&gt;/gi, ">"));
		} else {
			$body.html(html);
		}
	}

	function renderWidgetBodyPrepend($w, widgetHtml, html) {
		var $body = $w.find('.bd');
		if(!$body || $body.length == 0) {
			$w.prepend(widgetHtml).find('.bd').html(html);
		} else {
			$body.html(html);
		}
	}

	function getTempData(url, callback, temp) {

		//var t = $.extend({}, temp);
		callback(temp);
	}

	function getApiData(url, callback) {
		url = url.indexOf('http') > -1 ? url : apiPath + url;
		utils.getJsonp({
			url: url,
			success: function(res) {
				callback && callback(res);
			}
		});
	}

	function setADLogData(cloc) {
	    var strSetLogUrl = "http://app.joins.com/news/common/set_page_log.asp?p=" + escape(document.location.href) + "&r=" + escape(document.referrer) + "&c=" + escape(cloc);
	    /*로그저장*/
	    if ($("iframe#ifrmHdnPageLog").length > 0) { $("iframe#ifrmHdnPageLog").attr("src", strSetLogUrl); }
	    else { $(document.body).append("<iframe id='ifrmHdnPageLog' width='0' height='0' frameborder='0' src='" + strSetLogUrl + "'></iframe>"); }
	}

})(jQuery, window, document);