Mys.newsList = function(config)
{
	Mys.newsList.superclass.constructor.call(this, config);
	
	this.on("move", function(start, maxRow){
		this.onTab();
		
		this.startLoading();
		Global.modelItem.getIndexList(this.boardID, this.boardType, this.order, this.dir, this.basis, this.timePoint, this.range, start, maxRow, function(data){
			if(data && data.response.code == 100)
				this.update(data.response.item, data.response.total);
			else
				this.empty();
		}, this)
	}, this);
};

Ext.extend(Mys.newsList, Mys.TemplateList, {
	boardID : 201,
	boardType : 3,
	dir : "desc",
	order : "insert_date",
	
	className : "mys-ware-index",
	maxRow : 6,
	
	headerTemplate : (new Ext.Template([
		'<a href="javascript:void(0);" class="mys-ware-tab " onFocus="blur()" value="201"><div class="news-paper" /></div></a>',
		'<a href="javascript:void(0);" class="mys-ware-tab" onFocus="blur()" value="202"><div class="news-magazine"></div></a>',
	])).compile(),
	
	elTemplate : (new Ext.Template([
		'<div class="{className}">',
			'<table width="100%" border="0" cellspacing="0" cellpadding="0">',
				'<tr>',
					'<td align="center" class="{headerClassName}"></td>',
				'</tr>',
				'<tr class="know-warehouse-big-box">',
					'<td class="ptb5"><div class="{bodyClassName}"></div><div style="text-align : center;" class="{emptyClassName}">내용이 없습니다.</div><div class="{loadingClassName}"><img class="mys-loading-img" src="/images/common/loadingss.gif"/></div><div class="{pagerClassName}"></div></td>',
				'</tr>',
			'</table>',
		'</div>'
	])).compile(),
	
	itemClass : Mys.wareIndexListItem,
	
	setEvents : function()
	{
		this.tabEl = this.el.select(".mys-ware-tab");
		
		this.tabEl.on("click", this.onTabClick, this);
//		this.tabEl.on("mouseover", this.onTabOverOut, this);
//		this.tabEl.on("mouseout", this.onTabOverOut, this);
		
		this.onTab();
	},
	
	onTabOverOut : function(e, el)
	{
		var a = Ext.get(e.getTarget("a"));
	
		if(a.hasClass("active"))
			return;
		img = a.child("img");
		a.toggleClass("mys-tab-over");
	},
	
	onTabClick : function(e, el)
	{
		this.setTab(e.getTarget("a").getAttribute("value"));
	},
	
	setTab : function(boardID)
	{
		var temp;
		
		this.boardID = boardID;
		
		this.refresh();
	},
	
	onTab : function()
	{
		this.tabEl.each(function(el){
			var img = el.child("img");
			if(el.dom.getAttribute("value") == this.boardID)
				el.addClass("active");
			else
				el.removeClass("active");
		}, this);
		
		this.tabEl.repaint();
	}
});