// JavaScript Document
function affacePlayList(){
	for (i=0;i<index;i++){ 
		document.getElementById("playlist"+i).innerHTML="<a href='#' onclick=\"affacePlayList();afficherPlaylis('playlist"+i+"')\">playlist</a>";
	}
}

function chargerbouton(){
	
	if(page==0){
			
		document.getElementById("debut").innerHTML="<span   class=\"style1\">&lt;&lt;</span>";
		document.getElementById("precedent").innerHTML="<span   class=\"style1\"><img src='../images/precedentDesactiv.GIF' title=\"Début de la page\"/> </span>";	
		document.getElementById("debutHaut").innerHTML="<span   class=\"style1\">&lt;&lt;</span>";
		document.getElementById("precedentHaut").innerHTML="<span   class=\"style1\"><img src='../images/precedentDesactiv.GIF' title=\"Début de la page\"/> </span>";	
		
	}
	else {
		document.getElementById("debut").innerHTML="<a name=\"debut\" onclick=\"debut();\" href=\"#\" title=\"Debut Page\" class=\"noClas\">|&lt;&lt;&nbsp;&nbsp;&nbsp;</a>";
		document.getElementById("precedent").innerHTML="<img  onclick=\"pagePrecedente();\" src='../images/precedentActiv.GIF' title=\"Page précédente\" /> ";
		document.getElementById("debutHaut").innerHTML="<a name=\"debut\" onclick=\"debut();\" href=\"#\" title=\"Debut Page\" class=\"noClas\">|&lt;&lt;&nbsp;&nbsp;&nbsp;</a>";
		document.getElementById("precedentHaut").innerHTML="<img  onclick=\"pagePrecedente();\" src='../images/precedentActiv.GIF' title=\"Page précédente\" /> ";
	}
	if(page==max){
		
		document.getElementById("fin").innerHTML="<span   class=\"style1\">&gt;&gt;</span>";
	    document.getElementById("suivant").innerHTML="<span   class=\"style1\"> <img src='../images/suivantDesactiv.GIF' title=\"Fin de la page\" /></span>";	
		document.getElementById("finHaut").innerHTML="<span   class=\"style1\">&gt;&gt;</span>";
	    document.getElementById("suivantHaut").innerHTML="<span   class=\"style1\"> <img src='../images/suivantDesactiv.GIF' title=\"Fin de la page\" /></span>";	
		}else{
			
	    document.getElementById("fin").innerHTML="<a name=\"debut\" onclick=\"fin();\" href=\"#\" title=\"Fin Page\" class=\"noClas\">&nbsp;&nbsp;&gt;&gt;|</a>";
		document.getElementById("suivant").innerHTML=" <img title=\"Page suivante\" onclick=\"pageSuivante();\"  src='../images/suivantActiv.GIF' />";
		document.getElementById("finHaut").innerHTML="<a name=\"debut\" onclick=\"fin();\" href=\"#\" title=\"Fin Page\" class=\"noClas\">&nbsp;&nbsp;&gt;&gt;|</a>";
		document.getElementById("suivantHaut").innerHTML=" <img title=\"Page suivante\"  onclick=\"pageSuivante();\" src='../images/suivantActiv.GIF' />";
		
	}
	
}

function afficherPageSurPage(){
		
	document.getElementById("pageCourant").innerHTML="<b>Page "+(page+1)+" / "+(max+1)+"</b>";
	document.getElementById("pageCourantHaut").innerHTML="<b>Page "+(page+1)+" / "+(max+1)+"</b>";
}
function pageSuivante(){
	if(page<max){
		page++;
		document.getElementsByName("pageDebut").pageDebut.value=page;
	}
	document.getElementById("action").value="limit";
	document.forms.form1.submit();
	
}
function pagePrecedente(){
	if(page>0){
		page--;
		document.getElementsByName("pageDebut").pageDebut.value=page;
	}
	
	document.getElementById("action").value="limit";
	document.forms.form1.submit();
		
}
function debut(){
	page=0;
	document.getElementsByName("pageDebut").pageDebut.value=0;
	
	document.getElementById("action").value="limit";
	document.forms.form1.submit();
	
}
function fin(){
	page=max;
	document.getElementsByName("pageDebut").pageDebut.value=max;
	
	
	document.getElementById("action").value="limit";
	document.forms.form1.submit();
	
}