$.fn.sortableListWithPagination = function() {  	
	$(this).each(function(){  
		table = $(this).find('div');
		//iDebutEnreg = table.attr('iDebutEnreg');
		iLimit = table.attr('iLimit');
		src = table.attr('src');
		currentPage = table.attr('currentPage');
		nbPage = table.attr('nbPage');
		
		if(iLimit==undefined || src==undefined || currentPage==undefined || nbPage==undefined){
			alert("Le tag div doit avoir les attributs iDebutEnreg, iLimit, src,currentPage et nbPage");
			return false;
		}  
		
		//Gestion de la pagination 1
		if(nbPage> 1){
			pagination = $(this).find('.pagination');
			if(!pagination.length){
				alert("Le div doit être suivie d'un paragraphe de classe pagination");
				return false;
			}
			pagination.empty();
			pagination.append('   ')
			
			currentPage = new Number(currentPage);
			nbPage = new Number(nbPage);
			
			if(currentPage > 1){
				//lien = jQuery("<a id='prec'><img tittle='prec' id='prec' src='design/front/images/design/arrow.grey2.right.gif' alt='précédente' /></a>");
				lien = $("<a alt='prev'>Pr&eacute;c&eacute;dente</a>");
				lien.attr("href", '#');
				pagination.append(lien);
				pagination.append("&nbsp;&nbsp;");   
			}
			
			
			start =1;
			stop = nbPage;
			if(nbPage > 10){
				start = currentPage -5;
				stop = currentPage + 5;
				if(start<=0){
					stop += -start+1;
					start=1;
				}
				if(stop > nbPage){
					start += nbPage-stop;
					if(start<=0){
						start=1;
					}
					stop = nbPage;
				}
			}

			for(i=start; i<=stop;i++){
				lien = $("<a alt="+i+">"+i+"</a>");
				lien.attr("href", '#');
				if(i==currentPage){
					lien.addClass("selected")
				}
				pagination.append(lien);
				
				if(i!=stop){
					pagination.append(" | ");
				}
				
			}
			
			if(currentPage < nbPage){
				
				//lien = jQuery("<a id='suiv'><img tittle='suiv' id='suiv' src='design/front/images/design/arrow.grey2.left.gif' alt='suivante' /></a>");
				//lien = jQuery("<a alt='next'>Suivante</a>");
				lien = $("<a alt='next'>Suivante</a>");
				lien.attr("href", '#');
				pagination.append("&nbsp;&nbsp;");
				pagination.append(lien);
				
			}
			


			$(this).find('.pagination > A').click(function(){
			//$(".pagination > A", $(this)).click(function(){
				//page = $(this).text();							
				page = $(this).attr('alt');
				currentPage = new Number(table.attr('currentPage'));
				if(page==currentPage){ //on est déjà sur la bonne page
					return false;
				}
				
				if(page == 'prev'){
					page=currentPage-1;
				}
				if(page == 'next'){
					page=currentPage+1;
				}
				
					
				
				table = $(this).parents('.sortableListWithPagination').find('div');							
				iLimit = table.attr('iLimit');
				iDebutEnreg = (page-1) * iLimit;
				ajaxZone = $(this).parents('.ajaxZone');
				ajaxZone.load(src, {iDebutEnreg:iDebutEnreg, iLimit:iLimit,page:page}, function(){
					doOnLoad($(this));
				});

				return false;
			});

		}
		
		//Gestion de la pagination 2
		if(nbPage> 1){
			pagination1 = $(this).find('.pagination1');
			if(!pagination1.length){
				alert("Le div doit être suivie d'un paragraphe de classe pagination");
				return false;
			}
			pagination1.empty();
			pagination1.append('&nbsp;&nbsp;&nbsp;')
			
			currentPage = new Number(currentPage);
			nbPage = new Number(nbPage);
			
			if(currentPage > 1){
				//lien = jQuery("<a id='prec'><img tittle='prec' id='prec' src='design/front/images/design/arrow.grey2.right.gif' alt='précédente' /></a>");
				lien = $("<a alt='prev'>Pr&eacute;c&eacute;dente</a>");
				lien.attr("href", '#');
				pagination1.append(lien);
				pagination1.append("&nbsp;&nbsp;");   
			}
			
			
			start =1;
			stop = nbPage;
			if(nbPage > 10){
				start = currentPage -5;
				stop = currentPage + 5;
				if(start<=0){
					stop += -start+1;
					start=1;
				}
				if(stop > nbPage){
					start += nbPage-stop;
					if(start<=0){
						start=1;
					}
					stop = nbPage;
				}
			}

			for(i=start; i<=stop;i++){
				lien = $("<a alt="+i+">"+i+"</a>");
				lien.attr("href", '#');
				if(i==currentPage){
					lien.addClass("selected")
				}
				pagination1.append(lien);
				
				if(i!=stop){
					pagination1.append(" | ");
				}
				
			}
			
			if(currentPage < nbPage){
				
				//lien = jQuery("<a id='suiv'><img tittle='suiv' id='suiv' src='design/front/images/design/arrow.grey2.left.gif' alt='suivante' /></a>");
				//lien = jQuery("<a alt='next'>Suivante</a>");
				lien = $("<a alt='next'>Suivante</a>");
				lien.attr("href", '#');
				pagination1.append("&nbsp;&nbsp;");
				pagination1.append(lien);
				
			}
			


			$(this).find('.pagination1 > A').click(function(){
			//$(".pagination > A", $(this)).click(function(){
				//page = $(this).text();							
				page = $(this).attr('alt');
				currentPage = new Number(table.attr('currentPage'));
				if(page==currentPage){ //on est déjà sur la bonne page
					return false;
				}
				
				if(page == 'prev'){
					page=currentPage-1;
				}
				if(page == 'next'){
					page=currentPage+1;
				}
				
					
				
				table = $(this).parents('.sortableListWithPagination').find('div');							
				iLimit = table.attr('iLimit');
				iDebutEnreg = (page-1) * iLimit;
				ajaxZone = $(this).parents('.ajaxZone');
				ajaxZone.load(src, {iDebutEnreg:iDebutEnreg, iLimit:iLimit,page:page}, function(){
					doOnLoad($(this));
				});

				return false;
			});

		}		

	});
};