//Pager - 명근
Mys.KMAPager = function(config)
{
	Mys.KMAPager.superclass.constructor.call(this, config);
};

Ext.extend(Mys.KMAPager, Mys.TemplatePager,
{
	elTemplate : (new Ext.Template([
		'<table class="pager-table" height="5" border="0" cellspacing="0" cellpadding="0">',
			'<tr>',
				'<td height="15" class="{firstClassName} page">',
					'<img width="3" vspace="3" height="5" align="absmiddle" class="forward" src="../images/common/icon_trilg.gif"/>',
					'<img width="3" vspace="3" height="5" align="absmiddle" class="forward" src="../images/common/icon_trilg.gif"/>',
					' <a href="#" class="txt1266" onfocus="this.blur();">맨앞</a>',
				'</td>', 
				
				'<td class="{previousClassName} page">',
				'<span class="mys-page-partition">|</span>',
				'<img width="3" vspace="3" height="5" align="absmiddle" class="forward" src="../images/common/icon_trilg.gif"/>',
				' <a href="#" class="txt1266" onfocus="this.blur();">이전</a>',
				'<span class="mys-page-partition">|</span>',
				'</td>',
				
				'<td class="{pagingClassName}"></td>',
				'<td class="{nextClassName} page">',
					'<a href="#" class="txt1266" onfocus="this.blur();">다음</a> ',
					'<img width="3" vspace="3" height="5" align="absmiddle" class="forward" src="../images/common/icon_trir.gif"/>',
				'</td>',
				'<td class="{lastClassName} page">',
					'<span class="mys-page-partition">|</span>',
					'<a href="#" class=" txt1266" onfocus="this.blur();">맨끝</a> ',
					'<img width="3" vspace="3" height="5" align="absmiddle" class="forward" src="../images/common/icon_trir.gif"/>',
					'<img width="3" vspace="3" height="5" align="absmiddle" class="forward" src="../images/common/icon_trir.gif"/>',
				'</td>',
			'</tr>',
		'</table>'
	])).compile(),
	
	activeClassName : "thispage",
	disabledClassName : "pageoff",
	
	pageTemplate : (new Ext.Template('<span class="page"><a href="#state=list&page={page}" class="{pageClassName} txt1266b" value="{page}">{page}</a></span><span class="mys-page-partition">|</span>')).compile(),
	activeTemplate : (new Ext.Template('<span class="page {activeClassName}">{page}</span><span class="mys-page-partition">|</span>')).compile(),
	kk : 1,
	render : function(el)
	{
		if(!el || this.rendered)
			return;
		
		this.el = Ext.get(el);
		
		this.rendered = true;
		
		this.el.addClass(this.className);
		
		this.elTemplate.overwrite(this.el, {
			firstClassName : this.firstClassName,
			previousClassName : this.previousClassName,
			pagingClassName : this.pagingClassName,
			nextClassName : this.nextClassName,
			lastClassName : this.lastClassName
		});
		
		this.firstEl = this.el.child("." + this.firstClassName);
		this.previousEl = this.el.child("." + this.previousClassName);
		this.pagingEl = this.el.child("." + this.pagingClassName);
		this.nextEl = this.el.child("." + this.nextClassName);
		this.lastEl = this.el.child("." + this.lastClassName);
		
		this.update();
	},
	
	update : function()
	{
		if(Mys.KMAPager.superclass.update.call(this) === false)
			return false;
		
		this.firstEl.child("a").dom.href = "#state=list&page=" + this.minPage;
		this.previousEl.child("a").dom.href = (this.page - 1 < this.minPage) ? "#" : ("#state=list&page=" + (this.page - 1));
		this.nextEl.child("a").dom.href = (this.page + 1 > this.maxPage) ? "#" : ("#state=list&page=" + (this.page + 1));
		this.lastEl.child("a").dom.href = "#state=list&page=" + this.maxPage;
	}
});