function create_rect(x,y,width,height,id)
{
	//
}

function create_div(divid)
{
	element = document.createElement("div");
	var attribute = element.setAttribute("id", divid);
	
	switch(divid)
	{
		case "menu":
			text = "Voici le menu du programme (permettant de quitter, minimiser, plein écran etc..)";
			break;
		
		case "statut":
			text = "Zone de changement de statut de l'opérateur : "
					+ "<ul>"
						+ "<li style='color: green'>Disponible</li>"
						+ "<li style='color: red'>Occupé</li>"
						+ "<li style='color: orange'>Absent</li>"
						+ "<li style='color: grey'>Invisible</li>"
					+ "</ul>";
			break;
		
		case "favoris":
			text = "Onglet permettant la gestion des contacts de l'utilisateur.<br /><br />Celui-ci peut :"
					+ "<ul>"
						+ "<li><b>Ajouter</b> un contact</li>"
						+ "<li><b>Modifier</b> un contact</li>"
						+ "<li><b>Supprimer</b> un contact</li>"
					+ "</ul>"
					+ "<br />Les Contacts sont classés par ordre alphabétique";
			break;
		
		case "historique":
			text = "Voici un historique des derniers appels entrants et sortants de l'utilisateur<br /><br />On y trouve :"
			+ "<ul>"
				+ "<li><b>Le nom</b> de l'appelant</li>"
				+ "<li><b>Le nom</b> de l'appelé</li>"
				+ "<li><b>Le numéro de téléphone</b> de l'appelant</li>"
				+ "<li><b>la date et l'heure</b> de l'appel</li>"
			+ "</ul>"
			+ "<br />Les appels sont classés du plus récent au plus ancien";
			break;
		
		case "bandeauAppel":
			text = "Bouton permettant d'ouvrir le bandeau d'appel (Cliquer pour voir)";
			break;
			
			case "clavier":
				text = "Clavier numérique permettant la composition d'un numéro de téléphone via la souris";
				break;
				
			case "numero":
				text = "Zone d'édition du numéro, permettant la composition d'un numéro de téléphone via le clavier";
				break;
				
			case "call_hangup":
				text = "Touches appeler/raccrocher";
				break;
				
			case "temps":
				text = "Temps de l'appel en cours";
				break;
			
			case "actions":
				text = "Voici les boutons d'actions liés à la téléphonie. Ils ne s'activent qu'une fois la "
				+ "communication établie. On y trouve les boutons suivants: "
				+ "<ul style='text-align:left;'>"
					+ "<li><img src='./img/conference.JPG' /> qui permet à plusieurs personnes de communiquer simultanément (2 à X personnes)</li>"
					+ "<li><img src='./img/message.JPG' /> qui permet l'envoi de messages instantanés aux autres opérateurs, et l'envoi de sms, mails, fax aux correspondants.</li>"
					+ "<li><img src='./img/filtrage.JPG' /> qui permet de mettre dans une liste noire les appels indésirables, qui seront ainsi automatiquement rejetés.</li>"
					+ "<li><img src='./img/listes.JPG'> permet de visualiser toutes les listes proposées par le bandeau (rappels, appels, postes, contacts)</li>"
				+ "</ul>";
				break;
			
			case "action_conference":
				text = "<p style='text-align:left;'>"
						+ "<img src='./img/conference.JPG' /> qui permet à plusieurs personnes de communiquer simultanément (2 à X personnes)"
					+ "</p>";
				break;
				
			case "action_attente":
				text = "<p style='text-align:left;'>"
						+ "<img src='./img/attente.JPG' /> qui permet de mettre l'appel en cours en attente"
					+ "</p>";
				break;
				
			case "action_rappel":
				text = "<p style='text-align:left;'>"
						+ "<img src='./img/rappel.JPG' /> Pour programmer un rappel grâce à un calendrier et une plage d'horaires"
					+ "</p>";
				break;
			
			case "action_transfert":
				text = "<p style='text-align:left;'>"
						+ "<img src='./img/transfert.JPG' /> Pour rediriger un appel vers un opérateur, une file d'attente etc..."
					+ "</p>";
				break;
				
			case "action_renvoi":
				text = "<p style='text-align:left;'>"
						+ "<img src='./img/renvoi.JPG' /> Pour renvoyer tous les appels entrants vers un autre numéro"
					+ "</p>";
				break;
			
			case "action_pause":
				text = "<p style='text-align:left;'>"
						+ "<img src='./img/pause.JPG' /> Permet de mettre en pause l'automate d'appel"
					+ "</p>";
				break;
			
			case "action_bv":
				text = "<p style='text-align:left;'>"
						+ "<img src='./img/bv.JPG' /> Pour consulter la boîte vocale"
					+ "</p>";
				break;
			
			case "action_interception":
				text = "<p style='text-align:left;'>"
						+ "<img src='./img/interception.JPG' /> Permet de prendre un appel destiné à un autre opérateur"
					+ "</p>";
				break;
			
			case "action_filtrage":
				text = "<p style='text-align:left;'>"
						+ "<img src='./img/filtrage.JPG' /> Permet de mettre dans une liste noire les numéros indésirables"
						+ "Ils seront ainsi automatiquement rejetés"
					+ "</p>";
				break;
			
			case "action_secret":
				text = "<p style='text-align:left;'>"
						+ "<img src='./img/secret.JPG' /> L'interlocuteur n'entend plus l'opérateur mais une musique"
					+ "</p>";
				break;
			
			case "action_message":
				text = "<p style='text-align:left;'>"
						+ "<img src='./img/message.JPG' /> Permet l'envoi de sms, mails, fax et messages instantanés aux correspondants"
					+ "</p>";
				break;
			
			case "action_listes":
				text = "<p style='text-align:left;'>"
						+ "<img src='./img/listes.JPG' /> Permet de visualiser toutes les listes proposées par le bandeau :"
						+ "<ul style='text-align:left;'>"
							+ "<li>Rappels</li>"
							+ "<li>Tous les appels</li>"
							+ "<li>Postes</li>"
							+ "<li>Contacts</li>"
						+ "</ul>"
					+ "</p>";
				break;
			
			case "action_ecoute":
				text = "<p style='text-align:left;'>"
						+ "<img src='./img/ecoute.JPG' /> Permet à un opérateur ayant les droits (superviseur) d'écouter secrètement une autre conversation"
					+ "</p>";
				break;
			

			case "mic_vol":
				text = "Contrôle du volume en entrée (microphone) et du volume en sortie (écouteurs,enceintes)";
				break;

		case "preferences":
			text = "Bouton permettant d'afficher une fenêtre des préférences (Cliquez pour voir)";
			break;
			
			case "preferencesMod":
				text = "Liste contenant toutes les catégories principales de modification du programme";
				break;
			
			case "preferencesMod2":
				text = "Options de configuration appartenant à la catégorie sélectionnée.<br />Afin de valider les modifications, il suffit de fermer la fenêtre.";
				break;
			
			
		case "web":
			text = "Bouton permettant d'ouvrir le navigateur web intégré (Cliquez pour voir)";
			break;
			
			case "infos":
				text = "Affiche l'état du serveur et l'activité sur les lignes";
				break;
			
			case "config":
				text = "Administration des postes et des lignes téléphoniques";
				break;
			
			case "stats":
				text = "Consultation et exportation des statistiques d'appel";
				break;
			
			case "appli":
				text = "Gestion des applications vocales";
				break;
			
			case "etat":
				text = "Affichage de l'état des lignes et des postes en temps réel"
					+ "<ul>"
						+ "<li style='color: green'>En ligne</li>"
						+ "<li style='color: red'>Occupé</li>"
						+ "<li style='color: grey'>Indisponible</li>"
					+ "</ul>";
				break;
				
			case "bouton":
				text = "Barre d'outils d'un navigateur classique (actualiser, arrêter, précédent, suivant etc...)";
				break;
				
			case "lien":
				text = "Affichage d'informations sur la page en cours et de liens utiles";
				break;
			
			case "filtrage":
				text = "Filtre l'affichage de l'éat des lignes en fonction du besoin de l'utilisateur";
				break;
			
		default:
			text = "???";
			break;
	}
	
	element.innerHTML = text;
	Content = document.getElementById("texte");
	Content.appendChild(element);
}

function delete_div(divid)
{
	var objet = document.getElementById(divid);

	parent = document.getElementById(divid).parentNode;
	enfant = document.getElementById(divid);
		
	if(enfant != null)
	{
		parent.removeChild(enfant);
	}

}

function change_image(divid,divid2)
{
	hide_div(divid2);
	
	var objet = document.getElementById(divid);
	objet.style.display = "block";
}

function hide_div(divid2)
{
	var objet = document.getElementById(divid2);
	objet.style.display = "none";
}

function go_to_page(name)
{
	 window.location = name + ".html";
}