function creerLigneEtape(numEtape,active,champSaisi,premDer,idTbody)
{

if(document.all)
	{
	var ligneEtape=document.createElement('<tr style="background-color:#FFCC66;">');
	}
	else
	{
var ligneEtape=document.createElement('tr');
ligneEtape.setAttribute("style","background-color:#FFCC66;");
}
	//création de la cellule N°Etape
	if(document.all)
	{
	var celluleEtape1=document.createElement('<td width="31">');
	
	var celluleEtape2=document.createElement('<td class="sujet" style="text-align:center;">');
	
	var celluleEtape3=document.createElement('<td width="78" colspan="2">');	
	
	var celluleEtape4=document.createElement('<td width="301">');
	}
	else
	{
	var celluleEtape1=document.createElement('td');
	
	celluleEtape1.setAttribute("width","31");
	
	var celluleEtape2=document.createElement('td');
	
	celluleEtape2.setAttribute("class","sujet");
	celluleEtape2.setAttribute("style","text-align:center;");
	
	var celluleEtape3=document.createElement('td');
	
	celluleEtape3.setAttribute("width","78");
	celluleEtape3.setAttribute("colspan","2");
	

	
	var celluleEtape4=document.createElement('td');
	
	celluleEtape4.setAttribute("width","301");
	}	
	
	if(document.all)
	{
		
	var icone1=document.createElement('<img src="/images/icones/creerRoadbooks/etape'+numEtape+'.png"/>');

		
		var inputEtape=document.createElement('<input type="text" id="pointEtape'+numEtape+'" size="20" value="'+champSaisi+'" />');
		
		
	var boutonEtape=document.createElement('<input type="button" onclick="zoomGeoloc(\'pointEtape'+numEtape+'\');" value="'+ligneEtapes2+'" id="boutonEtape"'+numEtape+'" style="margin-right:10px;"/>');

	var erreurGeolocSpan=document.createElement('<span id="erreurGeolocEtape'+numEtape+'" style="display:none" class="enonce">');
	 //
	var imgGeolocError=document.createElement('<img src="images/icones/warning25.png"/>');
	var aGeolocError=document.createElement('<a href="javascript:void(window.open(\'boitesDialogue/aideErreurSaisieGeoloc.php\',\'Upload\',\'toolbar=no,scrollbars=no,menubar=no,top=\'+(60)+\',left=\'+(screen.width-500)+\',width=600,height=300\'))" >');
	var textGeolocError=document.createTextNode(ligneEtapes1);
	var imgHelpGeolocError=document.createElement('<img src="images/icones/aide.png" alt="Besoin d\'aide ? " border="0"/>');
	
	
		
		var lienZoom=document.createElement('<a href="#map_canvas">');
		
		
		var imgSuppr=document.createElement('<img src="/images/icones/delete25.png" style="margin-left:4px; " border="0"/>');
		
		var lienSuppr=document.createElement('<a href="javascript:void(0);" id="lienSupressionEtape'+numEtape+'" onclick="supprimerEtape('+numEtape+');">');
		
		if(active!=1)
		{
		var boutonZoomEtape=document.createElement('<img src="/images/icones/zoom+25.png"  onclick="zoomPositionActuelle(\'pointEtape'+numEtape+'\');"    id="boutonZoomEtape'+numEtape+'" style= "display:none;" border="0"/>');
		}
		else
		{
		var boutonZoomEtape=document.createElement('<img src="/images/icones/zoom+25.png"  onclick="zoomPositionActuelle(\'pointEtape'+numEtape+'\');"    id="boutonZoomEtape'+numEtape+'" border="0"/>');
		
		}
		
		var insertionEtapePrec=document.createElement('<a href="javascript:void(0);" onclick="ajouterEtape(\'E[#]'+numEtape+'\',\'prev\');" id="lienInsertionEtapePrec'+numEtape+'"/>');
		
		var imageInsertionPrec=document.createElement('<img src="/images/icones/upAj25.png" style="margin-left:4px; " border="0"/>');
		
		var insertionEtapeSuiv=document.createElement('<a href="javascript:void(0);" onclick="ajouterEtape(\'E[#]'+numEtape+'\',\'next\');" id="lienInsertionEtapePrec'+numEtape+'"/>');
		
		var imageInsertionSuiv=document.createElement('<img src="/images/icones/downAj25.png" style="margin-left:4px; " border="0"/>');

		
		var statusEtape=document.createElement('<img id="statusEtape'+numEtape+'"/>');
	
	
	var imageDeplacerPrec=document.createElement('<img src="/images/icones/up25.png" border="0" style="margin-left:4px;"/>');
	var imageDeplacerSuiv=document.createElement('<img src="/images/icones/down25.png" border="0" style="margin-left:4px;"/>');
	
	var deplacerEtapePrec=document.createElement('<a href="javascript:void(0);" onclick="deplacerEtape('+numEtape+',\'prev\');" >');
	var deplacerEtapeSuiv=document.createElement('<a href="javascript:void(0);" onclick="deplacerEtape('+numEtape+',\'next\');" >');
	
	
	

	}
	else
	{
	var inputEtape=document.createElement('input');
	var boutonEtape=document.createElement('input');
	var boutonZoomEtape=document.createElement('img');
	var statusEtape=document.createElement('img');
	var lienZoom=document.createElement('a');
	var insertionEtapePrec=document.createElement('a');
	var deplacerEtapePrec=document.createElement('a');
	var imageInsertionPrec=document.createElement('img');
	var imageDeplacerPrec=document.createElement('img');
	var imageDeplacerSuiv=document.createElement('img');
	var insertionEtapeSuiv=document.createElement('a');
	var deplacerEtapeSuiv=document.createElement('a');
	var imageInsertionSuiv=document.createElement('img');
	var imgSuppr=document.createElement('img');
	var lienSuppr=document.createElement('a');
	
	var erreurGeolocSpan=document.createElement('span');
	var imgGeolocError=document.createElement('img');
	var aGeolocError=document.createElement('a');
	var textGeolocError=document.createTextNode(ligneEtapes1);
	var imgHelpGeolocError=document.createElement('img');
	
	var icone1=document.createElement('img');

	icone1.setAttribute('src','/images/icones/creerRoadbooks/etape'+numEtape+'.png');

	 erreurGeolocSpan.setAttribute('id','erreurGeolocEtape'+numEtape);
	 erreurGeolocSpan.setAttribute("style","display:none");
	 erreurGeolocSpan.setAttribute("class","enonce");
	 
	 imgGeolocError.setAttribute("src","images/icones/warning25.png");
	 
	 aGeolocError.setAttribute("href","javascript:void(window.open('boitesDialogue/aideErreurSaisieGeoloc.php','Upload','toolbar=no,scrollbars=no,menubar=no,top='+(60)+',left='+(screen.width-500)+',width=600,height=300'))");
	 
	 imgHelpGeolocError.setAttribute("src","images/icones/aide.png");
	 imgHelpGeolocError.setAttribute("border","0");
	 
	
		
	
	
	imgSuppr.setAttribute('src',"/images/icones/delete25.png");
	imgSuppr.setAttribute("style","margin-left:4px; ");
	imgSuppr.setAttribute("border","0");
	lienSuppr.setAttribute("href","javascript:void(0);");
	lienSuppr.setAttribute("id","lienSupressionEtape"+numEtape);
	lienSuppr.setAttribute("onclick","supprimerEtape("+numEtape+");");
	
	
	inputEtape.setAttribute("type","text");
	inputEtape.setAttribute("size","20");
	inputEtape.setAttribute("id","pointEtape"+numEtape);
	inputEtape.setAttribute("name","pointEtape"+numEtape);
	inputEtape.setAttribute("value",champSaisi);
	
		
	boutonEtape.setAttribute("type","button");
	boutonEtape.setAttribute("onclick","zoomGeoloc('pointEtape"+numEtape+"');");
	
	boutonEtape.setAttribute("value",ligneEtapes2);

	boutonEtape.setAttribute("id", "boutonEtape"+numEtape);
	boutonEtape.setAttribute("style", "margin-right:10px;");
	
	
	boutonZoomEtape.setAttribute("onclick","zoomPositionActuelle('pointEtape"+numEtape+"');");
	boutonZoomEtape.setAttribute("src","/images/icones/zoom+25.png");
	if(active!=1) 
	{
	boutonZoomEtape.setAttribute("style", "display:none;");
	}
	boutonZoomEtape.setAttribute("id", "boutonZoomEtape"+numEtape);
	boutonZoomEtape.setAttribute("border", "0");
	lienZoom.setAttribute("href", "#map_canvas");
	
	insertionEtapePrec.setAttribute("href","javascript:void(0);");
	insertionEtapePrec.setAttribute("onclick","ajouterEtape('E[#]"+numEtape+"','prev');");
	insertionEtapeSuiv.setAttribute("href","javascript:void(0);");
	insertionEtapeSuiv.setAttribute("onclick","ajouterEtape('E[#]"+numEtape+"','next');");
	
	deplacerEtapePrec.setAttribute("href","javascript:void(0);");
	deplacerEtapePrec.setAttribute("onclick","deplacerEtape("+numEtape+",'prev');");
	deplacerEtapeSuiv.setAttribute("href","javascript:void(0);");
	deplacerEtapeSuiv.setAttribute("onclick","deplacerEtape("+numEtape+",'next');");
	
	imageInsertionPrec.setAttribute("src","/images/icones/upAj25.png");
	imageInsertionPrec.setAttribute("style","margin-left:4px;");
	imageInsertionPrec.setAttribute("border","0");
	
	imageInsertionSuiv.setAttribute("src","/images/icones/downAj25.png");
	imageInsertionSuiv.setAttribute("style","margin-left:4px;");
	imageInsertionSuiv.setAttribute("border","0");
	
	imageDeplacerPrec.setAttribute("src","/images/icones/up25.png");
	imageDeplacerPrec.setAttribute("style","margin-left:4px;");
	imageDeplacerPrec.setAttribute("border","0");
	
	imageDeplacerSuiv.setAttribute("src","/images/icones/down25.png");
	imageDeplacerSuiv.setAttribute("style","margin-left:4px;");
	imageDeplacerSuiv.setAttribute("border","0");
	
	
	statusEtape.setAttribute('id',"statusEtape"+numEtape);
	}
	
	
	if(active==1)
	{
	statusEtape.setAttribute('src','/images/icones/OK.png');
	}
	else
	{
	statusEtape.setAttribute('src','/images/icones/NOK.png');
	}


insertionEtapePrec.appendChild(imageInsertionPrec);
insertionEtapeSuiv.appendChild(imageInsertionSuiv);
deplacerEtapePrec.appendChild(imageDeplacerPrec);
deplacerEtapeSuiv.appendChild(imageDeplacerSuiv);
lienZoom.appendChild(boutonZoomEtape);


celluleEtape1.appendChild(icone1);

var brCell2=document.createElement('br');
aGeolocError.appendChild(textGeolocError);
	aGeolocError.appendChild(imgHelpGeolocError);
	erreurGeolocSpan.appendChild(brCell2);
	erreurGeolocSpan.appendChild(imgGeolocError);
	erreurGeolocSpan.appendChild(aGeolocError);

celluleEtape2.appendChild(inputEtape);
celluleEtape2.appendChild(boutonEtape);
celluleEtape2.appendChild(erreurGeolocSpan);


lienSuppr.appendChild(imgSuppr);


celluleEtape4.appendChild(lienZoom);
celluleEtape4.appendChild(lienSuppr);
var deplacerEtapeText=document.createTextNode(ligneEtapes3);
var insererEtapeText=document.createTextNode(ligneEtapes4);

var br4=document.createElement('br');
if(premDer!=4)
{
celluleEtape4.appendChild(deplacerEtapeText);

if(premDer!=0)celluleEtape4.appendChild(deplacerEtapePrec);
if(premDer!=2)celluleEtape4.appendChild(deplacerEtapeSuiv);
celluleEtape4.appendChild(br4);
}
celluleEtape4.appendChild(insererEtapeText);
celluleEtape4.appendChild(insertionEtapePrec);
celluleEtape4.appendChild(insertionEtapeSuiv);


var statusEtapeText=document.createTextNode(ligneEtapes5);
var strong3=document.createElement('strong');
var br3=document.createElement('br');
strong3.appendChild(statusEtapeText);
celluleEtape3.appendChild(strong3);
celluleEtape3.appendChild(br3);
celluleEtape3.appendChild(statusEtape);

	ligneEtape.appendChild(celluleEtape1);
	ligneEtape.appendChild(celluleEtape2);
	ligneEtape.appendChild(celluleEtape3);
	ligneEtape.appendChild(celluleEtape4);

	$(idTbody).appendChild(ligneEtape);
	
}

function ajouterEtapePrems()
{
	tableauWaypointRoutes.push('E');
	listeInfosEtapes[1]='';
	tableStatusMarkersEtape[1]=0;
	markersEtape[1]=null;
	
	nombreEtapesAjoutees++;
calculTableauRoutesEtEtapes();
miseAJourIconesRoutesSel();
map.removeControl(OverviewMapControl);
map.closeInfoWindow();
}
function ajouterEtape(typeNum,prevNext){
cacherMarkersEtapes();
remplirTableStringsEtapes();
if(typeNum==0)
{
//si c'est le premier element qu'on ajoute au tableau	
}
else
{
//on détermine si l'étape est ajoutée avant / après une route ou etape
var typeElement=typeNum.split('[#]')[0];
var numElement=parseInt(typeNum.split('[#]')[1]);


//on recherche la position d'ajout : calcul dela position totale du num ème element de type Type
var positionElement=0;
var nbElementsTrouves=0;
for(var l=0;l<tableauWaypointRoutes.length;l++)
{
	if(nbElementsTrouves<numElement)
	{
		if(tableauWaypointRoutes[l]==typeElement)nbElementsTrouves++;
		positionElement++;
	}
	
}

if(prevNext=='prev')
{positionAjout=positionElement-1;
positionAjoutEtape=numElement;
}
else
{positionAjout=positionElement;
positionAjoutEtape=numElement+1;
}
tableauWaypointRoutes.insertElement('E',positionAjout);

listeInfosEtapes.insertElement('',positionAjoutEtape);
tableStatusMarkersEtape.insertElement(0,positionAjoutEtape);
markersEtape.insertElement(null,positionAjoutEtape);

}
nombreEtapesAjoutees++;
calculTableauRoutesEtEtapes();
miseAJourIconesRoutesSel();
map.removeControl(OverviewMapControl);
map.closeInfoWindow();
}

function supprimerEtape(numEtape) {
cacherMarkersEtapes();
remplirTableStringsEtapes();
//recalculer le tableau routes + etapes
var k=0;
var nombreEtapesTrouvees=0;
	while(nombreEtapesTrouvees<numEtape)
	{
	if(tableauWaypointRoutes[k]=='E')nombreEtapesTrouvees++;
	k++;
	}
tableauWaypointRoutes.removeElementIndex((k-1));
//
listeInfosEtapes.removeElementIndex(numEtape);
tableStatusMarkersEtape.removeElementIndex(numEtape);
markersEtape.removeElementIndex(numEtape);

nombreEtapesAjoutees--;

calculTableauRoutesEtEtapes();
miseAJourIconesRoutesSel();
map.removeControl(OverviewMapControl);
map.closeInfoWindow();
revenirZoomInitial();
}


function deplacerEtape(numEtape,prevNext){
remplirTableStringsEtapes();
cacherMarkersEtapes();
	var stringInfosEtape=listeInfosEtapes[numEtape];
	var statusEtape=tableStatusMarkersEtape[numEtape];
	var objetMarkerEtape=markersEtape[numEtape];
	
	var modifTabEtapes=0;
	
	if(prevNext=='prev') var positionDeplEt=numEtape-1;
	else var positionDeplEt=numEtape+1;
	

	var k=0;
	var nombreEtapesTrouvees=0;
	while(nombreEtapesTrouvees<numEtape)
	{
	if(tableauWaypointRoutes[k]=='E')nombreEtapesTrouvees++;
	k++;
	}	
	var positionDeplGlobale=k-1;
	if(prevNext=='prev' && tableauWaypointRoutes[positionDeplGlobale-1]=='E') modifTabEtapes=1;
	if(prevNext=='next' && tableauWaypointRoutes[positionDeplGlobale+1]=='E') modifTabEtapes=1;
	tableauWaypointRoutes.removeElementIndex((k-1));
	
	
	
	if(prevNext=='prev') var positionDepl=positionDeplGlobale-1;
	else var positionDepl=positionDeplGlobale+1;
	
/*	alert(tableauWaypointRoutes.join(','));	
*/
	//on la vire, puis on la rajoute à la position voulue	
	if(positionDepl==0)
	{
	
		tableauWaypointRoutes.unshift('E');
		
	}
	else
	{

		
		tableauWaypointRoutes.insertElement('E',positionDepl);
	
	}
	
	//même procédé dans le tableau des routes
	if(modifTabEtapes==1)
	{
	listeInfosEtapes.removeElementIndex(numEtape);
	tableStatusMarkersEtape.removeElementIndex(numEtape);
	markersEtape.removeElementIndex(numEtape);
	listeInfosEtapes.insertElement(stringInfosEtape,positionDeplEt);
	tableStatusMarkersEtape.insertElement(statusEtape,positionDeplEt);
	markersEtape.insertElement(objetMarkerEtape,positionDeplEt);
	}
//alert(tableauWaypointRoutes.join(','));		
	
	
calculTableauRoutesEtEtapes();
miseAJourIconesRoutesSel();
map.removeControl(OverviewMapControl);
map.closeInfoWindow();
}

function cacherMarkersEtapes() {
	for(var t=0;t<tableStatusMarkersEtape.length;t++)
	{
	if(tableStatusMarkersEtape[t]==1)markersEtape[t].hide();
	}
}

function remplirTableStringsEtapes() {
for (var f=1;f<=nombreEtapesAjoutees;f++)
{
listeInfosEtapes[f]=$('pointEtape'+f).value;	
}
//alert(listeInfosEtapes.join(','));
}