/**
	**********************************************************************************
	* TABLE PAGING
	* Options :
	* <tr NoPage="true"> Laisse cette ligne et ne la compte pas en pagination (entête)
	* Nécessite :
	* <div id="text"></div> Pour les liens de pagination
	* + voir InitTableForPaging (Script)
	**********************************************************************************
**/

var PagedTable;
var ElementsPerPage;
var TotalEl=0;
var CurrentPage;
/**
	******************************************************
	* <SCRIPT>
	* 	InitTableForPaging('MaTable', NbrElementsParPage);
	* </SCRIPT>	
	******************************************************
**/
function InitTableForPaging(Element, NumElements)
{
	PagedTable = document.getElementById(Element);
	ElementsPerPage = NumElements;
	DoPaging(1);
}
/**
	**********************************************************************************
	* Effectue un tri sur une table
	* <input type="text" id="filtre" name="filtre" onkeyup="DoFiltering(this.value);">
	* Sur le keyup, cachera les tr ne contenant pas le texte
	**********************************************************************************
**/
function DoPaging(Page)
{
	TotalEl=0;
	var rows = PagedTable.tBodies[0].rows;
	for (var i=0; i<rows.length; i++)
	{
		if (rows[i].getAttribute("NoPage") != "true")
		{
			if (rows[i].getAttribute("Filtered") != "true")
			{
				TotalEl++;
			}
		}
	}
	CurrentPage = Page;
	var rows = PagedTable.tBodies[0].rows;
	var ElInTable 	= 0;
	var Numbas  	= ((Page - 1) * ElementsPerPage);
	var Numhaut 	= (((Page - 1) * ElementsPerPage) + ElementsPerPage)-1;
    DrawPager(Math.ceil(TotalEl/ElementsPerPage));

	for (var i=0; i<rows.length; i++)
	{
		if (rows[i].getAttribute("NoPage") != "true")
		{
			if (rows[i].getAttribute("Filtered") != "true")
			{
				if ((ElInTable <= Numhaut) && ((ElInTable >= Numbas)))
				{
					rows[i].style.display = '';
				}
				else
				{
					rows[i].style.display = 'none';
				}
				ElInTable++;
			}
		}
	}
}
/**
	*********************************************
	* Dessine les liens dans le div appellé Pager
	*********************************************
**/
function DrawPager(NbrPages)
{
	var Content = '';

	if (NbrPages <= 11)
	{
		for (var i=1; i<= NbrPages;i++)
		{
			if (CurrentPage == i)
			{
				Content += '<strong>'+i+ '</strong><span> | </span>';
			}
			else
			{
				Content += '<a href="javascript:DoPaging('+i+')">'+i+ '</a><span> | </span>';
			}
		}
	}
	else if (CurrentPage <=6)
	{
		for (var i=1; i<= 6;i++)
		{
			if (CurrentPage == i)
			{
				Content += '<strong>'+i+ '</strong><span> | </span>';
			}
			else
			{
				Content += '<a href="javascript:DoPaging('+i+')">'+i+ '</a><span> | </span>';
			}
		}
		for (var i=7;i<10;i++)
		{
			Content += '<a href="javascript:DoPaging('+i+')">'+i+ '</a><span> | </span>';
		}
		Content += '<span class="select"><span class="option"><span class="items">';
		for (var i=10; i<=NbrPages-1;i++)
		{
			Content += '<a href="javascript:DoPaging('+i+')">'+i+ '</a><span> | </span>';
		}
		Content += '</span></span></span>';
		Content += '<a href="javascript:DoPaging('+NbrPages+')">'+NbrPages+ '</a><span> | </span>';
	}
	else if (CurrentPage>=(NbrPages-6))
	{
		Content += '<a href="javascript:DoPaging('+1+')">'+ 1 + '</a><span> | </span>';
		Content += '<span class="select"><span class="option"><span class="items">';
		for (var i=2; i<NbrPages-8;i++)
		{
			Content += '<a href="javascript:DoPaging('+i+')">'+i+ '</a><span> | </span>';
		}
		Content += '</span></span></span>';
		for (var i=NbrPages-8; i<=NbrPages;i++)
		{
			if (CurrentPage == i)
			{
				Content += '<strong>'+i+ '</strong><span> | </span>';
			}
			else
			{
				Content += '<a href="javascript:DoPaging('+i+')">'+i+ '</a><span> | </span>';
			}
		}
	}
	else
	{
		Content += '<a href="javascript:DoPaging('+1+')">'+ 1 + '</a><span> | </span>';
		Content += '<span class="select"><span class="option"><span class="items">';
		for (var i=2; i<CurrentPage-3;i++)
		{
			Content += '<a href="javascript:DoPaging('+i+')">'+i+ '</a><span> | </span>';
		}
		Content += '</span></span></span>';
		for (var i=CurrentPage-3;i<CurrentPage;i++)
		{
			Content += '<a href="javascript:DoPaging('+i+')">'+i+ '</a><span> | </span>';
		}
		Content += '<strong>'+CurrentPage+ '</strong><span> | </span>';
		if ((NbrPages - CurrentPage) <=6)
		{
			for (var i=CurrentPage+1; i<= NbrPages;i++)
			{
					Content += '<a href="javascript:DoPaging('+i+')">'+i+ '</a><span> | </span>';
			}
		}
		else
		{
			for (var i=CurrentPage+1; i<= CurrentPage+3;i++)
			{
					Content += '<a href="javascript:DoPaging('+i+')">'+i+ '</a><span> | </span>';
			}
			Content += '<span class="select"><span class="option"><span class="items">';
			for (var i=CurrentPage +4; i<NbrPages;i++)
			{
				Content += '<a href="javascript:DoPaging('+i+')">'+i+ '</a><span> | </span>';
			}
			Content += '</span></span></span>';
			Content += '<a href="javascript:DoPaging('+NbrPages+')">' + NbrPages+ '<span> | </span>';
		}
		
	}
	var Left	= '';
	var Right 	= '';
	if (CurrentPage < 2)
	{
		Left = '<img src="http://192.168.1.19/CristalId/backoffice/images/retour.jpg" class="skip" />&nbsp;&nbsp;&nbsp;';
	}
	else
	{
		Left = '<a href="javascript:DoPaging('+(CurrentPage-1)+')" class="skip"><img src="http://192.168.1.19/CristalId/backoffice/images/retour.jpg" /></a>&nbsp;&nbsp;&nbsp;';
	}
	if (CurrentPage == NbrPages)
	{
		Right = '&nbsp;&nbsp;&nbsp;<img src="http://192.168.1.19/CristalId/backoffice/images/suivant.jpg"  class="skip"/>';
	}
	else
	{
		Right = '&nbsp;&nbsp;&nbsp;<a href="javascript:DoPaging('+(CurrentPage+1)+')"  class="skip"><img src="http://192.168.1.19/CristalId/backoffice/images/suivant.jpg" /></a>';
	}
	//document.getElementById("previous").innerHTML = Left;
	//document.getElementById("next").innerHTML = Right;
	document.getElementById("paging").innerHTML = '<p class="pagination">'+  Left + Content + Right +'</p>';
	
}