// récupérer le code HTML de l'entrée du tableau
function get_colorentry_html(color, i) {
	// entrée du tableau
	var table = '<div class="colors_list">';
		table += '<div style="background: ' + color + '" class="saved_colors" onclick="show_color(\'' + color + '\');"></div>';
		table += color;
		table += '<br />';
		table += '<span class="color_button_replace" onclick="delete_color(' + i + ')"><img src="design/images/inactif_micro.png" alt="Supprimer" tilte="Supprimer cette couleur" /> Suppr.</span>';
	table += '</div>';
	
	// retour
	return table;
}

// sauvegarder la couleur courante dans un "onglet"
var i_table = 1;
var list_saved_colors = ['#000000', '#FFFFFF'];
function save_color() {
	// variables
	var couleur = document.getElementById('couleur_hex').value;
	i_table += 1;
	
	// code d'une entrée au tableau
	var table = get_colorentry_html(couleur, i_table);
	
	// ajout de l'entrée
	document.getElementById('div_saved_colors').innerHTML += table;
	list_saved_colors[i_table] = couleur;
}


// supprimer une couleur
function delete_color(id_color) {
	// ajout d'une entrée dans la liste des couleurs supprimées
	document.getElementById('list_deleted_colors').innerHTML += ' <span class="deleted_colors" style="background: ' + list_saved_colors[id_color] + '" onclick="show_color(\'' + list_saved_colors[id_color] + '\')">&nbsp;&nbsp;&nbsp;&nbsp;</span>';
	
	// création du tableau sans la couleur voulue
	var new_table = '';
	var new_list = new Array();
	var i_new = 0;
	for(var i=0; i<=i_table; i++)
	{
		if(i != id_color)
		{
			// code HTML de l'entrée
			new_table += get_colorentry_html(list_saved_colors[i], i_new);
			
			// ajout de la couleur dans l'array
			new_list[i_new] = list_saved_colors[i];
			
			// incrémentation
			i_new += 1;
		}
	}
	
	// on retire 1 au nombre d'entrée
	i_table -= 1;
	
	// nouveau tableau / array
	document.getElementById('div_saved_colors').innerHTML = new_table;
	list_saved_colors = new_list;
}


// ressortir une couleur supprimer
function show_color(color) {
	document.getElementById('couleur_hex').value = color;
	document.getElementById('couleur_hex').focus();
}

// vider les couleurs supprimées
function empty_bin() {
	document.getElementById('list_deleted_colors').innerHTML = '';
}