/********************************************************************************
	ajax를 이용한 json data를 parsing해서 table을 그리는 class
	작성자 : 이정훈 (ljhoon@gabia.com)
	작성일 : 2009.01.13
	수정일 : 2009.01.15 - paging 기능 완료
********************************************************************************/

//var tableXML = Common.getRoot() + "/getxml/table";

/********************************************************************************
 stCell : td를 구성하기 위한 기본 정보를 갖게 되는 구조체 성격의 Class
     만약 td에 정의 해야 할 속성이 늘어나면 xml에 ^^ 구분자를 이용해서
     추가를 하고 stCell class에도 속성을 추가 해 주면 된다.
********************************************************************************/
var stCell = Class.create();
stCell.prototype = {
	cssName : null,
	cellData : null,
	cellBuffer : null,
	cellTemplate : null,

	initialize : function(pValue, pCss)
	{
		this.cssName = (pCss == "")? "" : pCss;
		this.cellTemplate = (pValue == "")? "" : pValue;

		this.cellBuffer = this.cellTemplate;
	},

	replaceData : function (pIndex, pValue)
	{
		var delimiter = new RegExp("#" + pIndex + "#", "ig");
		this.cellBuffer = this.cellBuffer.replace(delimiter, pValue);
	},

	parseData : function()
	{
		this.cellData = this.cellBuffer;
		this.cellBuffer = this.cellTemplate;

		return;
	},

	getCss : function()
	{
		return this.cssName;
	},

	getDataTemplate : function()
	{
		return this.cellTemplate;
	},

	getData : function()
	{
		return this.cellData;
	},

	setData : function(pValue)
	{
		this.cellData = pValue;
	},

	setNullData : function()
	{
		this.cssName = "";
		this.cellData = "";
	}
};

/********************************************************************************
 stExCell : json을 이용해 condition을 주어 상태에 따른 값을 취하기 위한 객체.
		keyValue : 기본값. indexValue가 있어도 keyValue값을 가져온다.
		indexValue : condition을 줄때에 키가 되는 값.
			indexValue의 값과 동일한 index의 값을 가져온다.
********************************************************************************/
var stExCell = Class.create();
stExCell.prototype = Object.extend (new stCell, {
	cssTemplate : null,
	cssBuffer : null,

	initialize : function(pValue, pCss)
	{
		this.cssTemplate = (pCss == "")? "" : pCss;
		this.cellTemplate = (pValue == "")? "" : pValue;

		this.cssBuffer = this.cssTemplate;
		this.cellBuffer = this.cellTemplate;
	},

	replaceData : function (pIndex, pValue)
	{
		var delimiter = new RegExp("#" + pIndex + "#", "ig");
		this.cellBuffer = this.cellBuffer.replace(delimiter, pValue);
		this.cssBuffer = this.cssBuffer.replace(delimiter, pValue);
	},

	parseData : function()
	{
		try
		{
			tempCss = eval("(" + this.cssBuffer + ")");
			tempData = eval("(" + this.cellBuffer + ")");

			this.cssName = (tempCss.keyValue == null)? tempCss[tempCss.keyIndex] : tempCss.keyValue;
			this.cellData = (tempData.keyValue == null)? tempData[tempData.keyIndex] : tempData.keyValue;

			this.cssBuffer = this.cssTemplate;
			this.cellBuffer = this.cellTemplate;
		}
		catch(E)
		{
			alert("ExCell json parsing Error : " + E);
		}
	}
});

/********************************************************************************
 stPaging : paging cell의 내용을 위한 구조체 성격의 class
     기본적인 stCell보다 디자인적 요소가 많기 때문에 상속받아 구현.
     paging node를 인자로 받는다.
     다중 상속을 위해 임시 객체를 하나 더 만든다.
     paging또한 td(cell)이기 때문에 stCell객체를 확장한다.
********************************************************************************/
var stTemp = Class.create();
stTemp.prototype = Object.extend (new xmlParser, new stCell);

var stPaging = Class.create();
stPaging.prototype = Object.extend (new stTemp, {
	m_oFirst : null,
	m_oPrev : null,
	m_oNumber : null,
	m_oCurrent : null,
	m_oNext : null,
	m_oLast : null,
	m_oFunction : null,

	initialize : function(pData)
	{
		this.getPagingTemplate(pData);
	},

	getPagingTemplate : function(pData)
	{
		if (pData == null)
			return ("paging row Info is null");
		else
		{
			try
			{
				this.cssName = this.getValue(this.getNode(pData, "pagingCss"));
				this.m_oFirst = this.getValue(this.getNode(pData, "firstPage"));
				this.m_oPrev = this.getValue(this.getNode(pData, "prevPage"));
				this.m_oCurrent = this.getValue(this.getNode(pData, "currentPage"));
				this.m_oNumber = this.getValue(this.getNode(pData, "otherPage"));
				this.m_oNext = this.getValue(this.getNode(pData, "nextPage"));
				this.m_oLast = this.getValue(this.getNode(pData, "lastPage"));
				this.m_oFunction = this.getValue(this.getNode(pData, "pageFunction"));
			}
			catch(E)
			{
				alert("Paging Node select fail : " + E);
				return;
			}
		}
	},

	setData : function (pPage, pTotal, pListCount, pPagingCount)
	{
		//alert(pPage + " - " + pTotal + " - " + pListCount + " - " + pPagingCount);
		var firstPage = 1;
		var lastPage = Math.ceil(pTotal / pListCount);

		var half = parseInt(pPagingCount/2, 10);

		var startPage = (pPage > half)?(pPage - half) : 1;
		var endPage = startPage + pPagingCount - 1;

		if (pPagingCount < lastPage)
		{
			endPage = (endPage > lastPage)?lastPage : endPage;
			startPage = ( (endPage - pPagingCount) < startPage )?(endPage - pPagingCount + 1) : startPage;
		}
		else
		{
			endPage = lastPage;
			startPage = firstPage;
		}

		prevPage = ((pPage -1) <= 0)?1:pPage-1;
		nextPage = ((pPage+1) > endPage)?pPage : (pPage +1);

		var pagingBuffer = "<center><table cellpadding=\"0\" cellspacing=\"0\" class=\"pagingCell\">\n<tr>\n";

		//alert(half + " - " + startPage + " - " + endPage + " - " + lastPage);
/*
	맨 끝 페이지나 맨 마지막 페이지의 링크를 막기 위해 이런 구조를 취함.
*/
		var regPage = new RegExp("#PAGE#", "ig");
		var overCursor = " onmouseover=\"this.style.cursor='pointer';\"";

		if (pPage == firstPage)
		{
			pagingBuffer += this.m_oFirst.replace(/#FUNCTION#/ig, "");
			pagingBuffer += this.m_oPrev.replace(/#FUNCTION#/ig, "");
		}
		else
		{
			pagingBuffer += (this.m_oFirst.replace("#FUNCTION#", this.m_oFunction + overCursor)).replace(regPage, firstPage);
			pagingBuffer += (this.m_oPrev.replace("#FUNCTION#", this.m_oFunction + overCursor)).replace(regPage, prevPage);
		}

		for (var i=startPage ; i<=endPage ; ++i)
			pagingBuffer += (i == pPage)? this.m_oCurrent.replace(regPage, i) : (this.m_oNumber.replace("#FUNCTION#", this.m_oFunction + overCursor)).replace(regPage, i);

		if (pPage == lastPage)
		{
			pagingBuffer += (this.m_oNext.replace("#FUNCTION#", "")).replace(regPage, nextPage);
			pagingBuffer += (this.m_oLast.replace("#FUNCTION#", "")).replace(regPage, lastPage);
		}
		else
		{
			pagingBuffer += (this.m_oNext.replace("#FUNCTION#", this.m_oFunction + overCursor)).replace(regPage, nextPage);
			pagingBuffer += (this.m_oLast.replace("#FUNCTION#", this.m_oFunction + overCursor)).replace(regPage, lastPage);
		}

		this.cellData = pagingBuffer + "</tr></table></center>";
	}
});

/********************************************************************************
 stRow : td 배열을 갖게 되는 row 구조체 class
     row별 배경색이 다른 경우를 위해 css이름 속성을 갖는다.
********************************************************************************/
var stRow = Class.create();
stRow.prototype = {
	m_stCells : null,
	m_oCss : null,
	length : 0,

	initialize : function()
	{
		this.m_oCss = new Array();
		this.m_stCells = new Array();
	},

	insert : function(pCell)
	{
		this.m_stCells[this.m_stCells.length] = pCell;
		this.length++;
	},

	setCss : function(pCss)
	{
		if (typeof(pCss) != "Object")
			this.m_oCss[this.m_oCss.length] = pCss;
		else if (pCss.length > 1)
		{
			var cssCount = pCss.length;
			for (var i=0 ; i<cssCount ; ++i)
				this.m_oCss[cssCount + i] = pCss[i];
		}
	},

	getCell : function(pIndex)
	{
		if (this.m_stCells.length >= pIndex)
		{
			return this.m_stCells[pIndex];
		}
	},

	getColumnCount : function()
	{
		return this.m_stCells.length;
	},

	getCssCount : function()
	{
		return this.m_oCss.length;
	},

	getCss : function(pIndex)
	{
		if (this.m_oCss.length > pIndex)
			return this.m_oCss[pIndex];
		else
			return this.m_oCss[0];
	}
};

/********************************************************************************
 TableTemplate : Table Template XML정보를 가져온다.
 (Table class 생성마다 xml을 읽어오게 되어 있어서 따로 분리)
********************************************************************************/
var TableTemplate = Class.create();
TableTemplate.prototype = Object.extend (new xmlParser, {
	xmlTemplate : null,
	mtableXML : '',

	initialize : function( xmlpath )
	{
		this.mtableXML = xmlpath;
		this.loadXML();
	},

/********************************************************************************
 table 구조 xml을 읽어 오는 부분. 동기로 처리 했음.
********************************************************************************/
	loadXML : function()
	{
		//requestHeaders: [ "Connection", 'close' ],
		new Ajax.Request(this.mtableXML, {
			asynchronous: false,
			method: "get",
			onSuccess: function(xmlHttp)
			{
				try
				{
					xmlTemplate = xmlHttp.responseXML;
					return true;
				}
				catch(E)
				{
					xmlTemplate = null;
					alert("XML Load Fail : " + E);

					return false;
				}
			},
			onFailure : function (request)
			{
				xmlTemplate = null;
				alert("Table Template XML Request Fail");
				return false;
			}
		});
	},

	getTemplate : function()
	{
		return xmlTemplate;
	}
});

/********************************************************************************
 Table : stRow, stCell을 이용해 실제 Table row를 그린다.
********************************************************************************/
var Table = Class.create();
Table.prototype = Object.extend (new xmlParser, {
	m_oData : null,
	m_oTableID : null,
	m_oRowTemplate : null,
	m_oDefaultRowCss : null,
	xmlBuffer : null,
	m_oRows : null,
	m_nHeaderCount : 0,
	m_bPaging : true,
	m_nTotal : 0,
	m_nPagingCount :0,
	m_nListCount : 10,
	m_nPage : 1,
	m_oMessage : null,
	m_oPagingID : null,

/********************************************************************************
 pData : json data
 pTableID : target table id
 pHeaderCount : 0이면 테이블의 모든 row를 지우고 0보다 크면 그 숫자만큼의
 			row를 남긴다.
********************************************************************************/
	initialize : function(pTemplate, pTableID, pHeaderCount, pPaging, pListCount, pPagingCount , pPagingID)
	{
		try
		{
			this.m_oTableID = pTableID;
			this.m_nHeaderCount = pHeaderCount;
			this.m_bPaging = pPaging;
			this.m_nListCount = pListCount;
			this.m_nPagingCount = pPagingCount;
			this.m_nPage = pPaging;
		}
		catch(E)
		{
			alert("Table Init Error : " + E);
			return;
		}
	},

	hasRow : function()
	{
		return ( this.m_oData != null && this.m_oData.length != 0 );
	},

/********************************************************************************
 xml에 정의된 각 td별 설정을 읽어와 rowTemplate 객체를 만든다.
 row별 css정보도 여기서 설정한다. css가 명시된 수 만큼 적용된다.
 row type에 따른 생성을 한다.
 interface는 new -> replaceData -> parseData 순이다.
********************************************************************************/
	getRowTemplate : function()
	{
		if (this.xmlBuffer == null)
			return ("table row Info is null");
		else
		{
			try
			{
				this.m_oRows = null;
				this.m_oRows = new stRow();

				var objectNode = this.getNode(this.xmlBuffer, this.m_oTableID);
				var cssTemp = this.getNodeAll(objectNode, "rowCss");

				for(var i=0 ; i<cssTemp.length ; ++i)
					this.m_oRows.setCss(this.getValue(cssTemp[i]));

				var rowTemp = this.getNodeAll(objectNode, "row");

				for(var i=0 ; i<rowTemp.length ; ++i)
				{
					t = this.getAttr(rowTemp[i], "type");

					if (t == null || t == "")
						this.m_oRows.insert(new stCell(this.getValue(rowTemp[i]), this.getAttr(rowTemp[i], "css")));
					else if (t == "json")
					{
						var templateValue = this.getValue(rowTemp[i]);
						this.m_oRows.insert(new stExCell(this.getValue(rowTemp[i]), this.getAttr(rowTemp[i], "css")));
					}
				}
			}
			catch(E)
			{
				alert("Row Template Node select fail : " + E);
				return;
			}
		}
	},

/********************************************************************************
 table의 모든 row를 지운다.
********************************************************************************/
	clearTable : function()
	{
		if ($(this.m_oTableID).rows.length > 0)
		{
			if (this.m_nHeaderCount == 0)
			{
				for(var i=($(this.m_oTableID).rows.length-1) ; i>0 ; --i)
					$(this.m_oTableID).deleteRow(i);
			}
			else
			{
				for(var i=($(this.m_oTableID).rows.length-1) ; i>=this.m_nHeaderCount ; --i)
					$(this.m_oTableID).deleteRow(i);
			}
		}
	},

/********************************************************************************
 실제로 table row를 생성 하는 부분
 row를 추가 하기 전에 기존에 그려진 모든 row를 지운다.
 json의 인덱스 명은 xml에서 명시한 delimiter명과 같아야 한다.
********************************************************************************/
	insertRow : function(pData)
	{
		if ($(this.m_oTableID) == null)
		{
			alert("Base Table is null.");
			return;
		}

		try
		{
			if(pData != null)
			{
				this.m_nRow = pData.result.length;
				this.m_oData = pData.result;
				//this.m_nListCount = pData.listcount;
				//this.m_nPagingCount = parseInt(pData.pagingcount, 10);
				this.m_nTotal = parseInt(pData.total, 10);
				this.m_oParam = pData.param;
				this.m_nPage = parseInt(pData.page, 10);

				this.xmlBuffer = TemplateInfo.getTemplate();
			}
			this.m_oMessage = pData.message;
		}
		catch(E)
		{
			alert("Table Draw Error : " + E);
			return;
		}

		this.clearTable();
		this.getRowTemplate();

		try
		{
			if (!this.hasRow())
			{
				var row = $(this.m_oTableID).insertRow(-1);
				var c = row.insertCell(-1);

				c.className = "nodata";
				c.colSpan = $(this.m_oTableID).rows[0].cells.length;
				c.align = 'center';
				c.innerHTML = pData.message;
				return;
			}
			for(var i=0 ; i< this.m_oData.length ; ++i)
			{
				var nLoopCount = 0;
				var row = $(this.m_oTableID).insertRow(-1);
				var rowCss = this.m_oRows.getCss( (i+1)%this.m_oRows.getCssCount() );

				if (rowCss != "") row.className = rowCss;

				for (var j=0 ; j<this.m_oRows.length ; ++j)
				{
					var c = row.insertCell(-1);
					var tempCell = this.m_oRows.getCell(nLoopCount);

					for(var tempIndex in this.m_oData[i])
						tempCell.replaceData(tempIndex, this.m_oData[i][tempIndex]);

					tempCell.parseData();

					c.innerHTML = tempCell.getData();
					c.className = tempCell.getCss();
					nLoopCount++;
				}
			}
		}
		catch(E)
		{
			alert("draw table Error : " + E);
			return;
		}
		// page 표시가 true이면 표시 한다.
		if (this.m_bPaging) this.paging();
	},

/********************************************************************************
 table pagin 처리
********************************************************************************/
	paging : function()
	{
		var pagingCell = new stPaging(this.getPagingTemplate());

		//alert(this.m_nPage + " - " + this.m_nTotal + " - " + this.m_nListCount + " - " + this.m_nPagingCount);

		// 기본 페이징 크기보다 작으면 표시하지 않는다.
		if (this.m_nTotal <= this.m_nListCount) return;
		pagingCell.setData(this.m_nPage, this.m_nTotal, this.m_nListCount, this.m_nPagingCount);

		if( this.m_oPagingID != null ) {
			$( this.m_oPagingID ).update( pagingCell.getData() );
		}
		else
		{
			var row = $(this.m_oTableID).insertRow(-1);
			var c = row.insertCell(-1);

			c.colSpan = this.m_oRows.getColumnCount();
			c.className = pagingCell.getCss();
			c.innerHTML = pagingCell.getData();
		}
	},

	getPagingTemplate : function()
	{
		if (this.xmlBuffer == null)
			return ("paging row Info is null");
		else
		{
			try
			{
				var objectNode = this.getNode(this.xmlBuffer, this.m_oTableID);
				return this.getNode(objectNode, "paging");
			}
			catch(E)
			{
				alert("Paging Node select fail : " + E);
				return;
			}
		}
	}
});