// JavaScript Document

var http = createRequestObject();

	//création de l'objet HttpRequest
	function createRequestObject() {
		var ro;
		var browser = navigator.appName;
		if(browser == "Microsoft Internet Explorer")
		{
			ro = new ActiveXObject("Microsoft.XMLHTTP");
		} else {
			ro = new XMLHttpRequest();
		}
		return ro;
	}
	
	//fonction d'initialisation appelée dans la page
	function initialize()
	{
		//on récupère l'ancre quand la page est rafraichie
		id = window.location.href.split("#")[1];
		if(id!=null && id!=undefined)
		{
			id_client_defaut = id;
		}
		get_all_clients_references();
	}
	
	//on récupère les clients en ajax
	function get_all_clients_references()
	{
		http.open('GET', "index.php?page=references&action=get_all_clients_references");
		http.onreadystatechange = do_traitement_clients;
		http.send(null);
	}
	
	//traitement sur les clients
	function do_traitement_clients()
	{		
		//on charge les références du client par défaut
		get_references(id_client_defaut);
		//on charge l'image de la référence du client par défaut
		//display_image_ref(id_client_defaut,"");
	}
	
	//fonction qui récupère les références d'un client
	//@param id_cl: l'id du client
	function get_references(id_cl)
	{
		set_raz("autre_references");
		last_ref=get_last_reference(id_cl);
		display_image_ref(id_cl,last_ref);
		//display_image_ref(id_cl,"");		
		var response = http.responseText;

		var clients = response.split("|");
		for (var i=0 ; i<=clients.length ; i++)
		{
			if (clients[i]	!= "" && clients[i] != undefined)
			{
				client = clients[i].split("#");
				
				id_ref = client[0];
				id_client = client[1];
				nom_reference = client[2];
				date_fin_projet = get_format_date(client[3]);
				image_reference_small = client[5];
				url_reference = client[6];
				texte_url_reference = client[7];
				nom_client = client[8];
				
				document.getElementById("cli_"+id_client+"").style.border="1px solid #bebebe";
				
				if(id_client==id_cl)
				{
					document.getElementById("cli_"+id_client+"").style.border="1px solid #F2980B";
					document.getElementById('autre_references').innerHTML+="<a href=\"javascript:display_image_ref("+id_client+","+id_ref+");\"><img src=\"/front/base/images/references/"+image_reference_small+"\" height=\"40\" width=\"94\" alt=\""+nom_reference+"\" id=\"ref_"+id_ref+"\" /></a>";
					gestion_border(id_ref, id_client);
										
					document.getElementById('infos_client').innerHTML="<h2>"+nom_client+"</h2><p><strong>R&eacute;alisation : </strong>"+nom_reference+"</p><p><strong>Date de fin : </strong>"+date_fin_projet+"</p>";
					if(texte_url_reference!="")
					{
						document.getElementById('infos_client').innerHTML+="<p><a href=\""+url_reference+"\" target=\"_blank\">"+texte_url_reference+"</a></p>";
					}else
					{
						document.getElementById('infos_client').innerHTML+="<p><a href=\""+url_reference+"\" target=\"_blank\">"+url_reference+"</a></p>";
					}
				}
			}
		}
	}
	
	//on affiche l'aperçu de la reference
	//@param id_cl : l'id du client
	//@param id_reference : la référence
	function display_image_ref(id_cl, id_reference)
	{
		set_raz("apercu_reference");
		gestion_border(id_reference, id_cl);
		var response = http.responseText;

		var clients = response.split("|");
		for (var i=0 ; i<=clients.length ; i++)
		{
			if (clients[i]	!= "" && clients[i] != undefined)
			{
				client = clients[i].split("#");
				
				id_ref = client[0];
				id_client = client[1];
				nom_reference = client[2];
				date_fin_projet = get_format_date(client[3]);
				image_reference = client[4];
				url_reference = client[6];
				texte_url_reference = client[7];
				nom_client = client[8];
				
				if(id_ref==id_reference && id_client==id_cl)
				{
					if (url_reference != "")
					{
						document.getElementById('apercu_reference').innerHTML="<a href=\""+url_reference+"\" target=\"_blank\"><img src=\"/front/base/images/references/"+image_reference+"\"  alt=\""+nom_reference+"\" /></a>";
					} else {
						document.getElementById('apercu_reference').innerHTML="<img src=\"/front/base/images/references/"+image_reference+"\"  alt=\""+nom_reference+"\" />";
					}

					document.getElementById('infos_client').innerHTML="<h2>"+nom_client+"</h2><p><strong>R&eacute;alisation : </strong>"+nom_reference+"</p><p><strong>Date de fin : </strong>"+date_fin_projet+"</p>";
					if(texte_url_reference!="")
					{
						document.getElementById('infos_client').innerHTML+="<p><a href=\""+url_reference+"\">"+texte_url_reference+"</a></p>";
					}else
					{
						document.getElementById('infos_client').innerHTML+="<p><a href=\""+url_reference+"\">"+url_reference+"</a></p>";
					}
				}
				
				if(id_reference=="")
				{
					if(id_client==id_cl)
					{
						if (url_reference != "")
						{
							document.getElementById('apercu_reference').innerHTML="<a href=\""+url_reference+"\" target=\"_blank\"><img src=\"/front/base/images/references/"+image_reference+"\"  alt=\""+nom_reference+"\" /></a>";
						} else {
							document.getElementById('apercu_reference').innerHTML="<img src=\"/front/base/images/references/"+image_reference+"\"  alt=\""+nom_reference+"\" />";
						}
					}
				}
			}
		}
	}
	
	//on cherche la derniere reference pour un client donné
	//@param id_cli : id du client
	function get_last_reference(id_cli)
	{
		var response = http.responseText;
		var last_ref=0;

		var clients = response.split("|");
		for (var i=0 ; i<=clients.length ; i++)
		{
			if (clients[i]	!= "" && clients[i] != undefined)
			{
				client = clients[i].split("#");
				
				id_ref = client[0];
				id_client = client[1];
				
				if(id_cli==id_client)
				{
					last_ref=id_ref;
				}
			}
		}
		return last_ref;
	}
	
	//on met la div à vide
	//@param id_div : l'id de la div
	function set_raz(id_div)
	{
		document.getElementById(id_div).innerHTML="";
	}
	
	function gestion_border(ref,cli)
	{
		if(ref=="")
		{
			var last_ref=get_last_reference(cli);
			if(last_ref!=0 && document.getElementById("ref_"+last_ref)!=null)
			{
				document.getElementById("ref_"+last_ref).style.border="1px solid #F2980B";
			}
		}else
		{
			raz_border();
			if(last_ref!=0 && document.getElementById("ref_"+ref)!=null)
			{
				document.getElementById("ref_"+ref).style.border="1px solid #F2980B";
			}
		}
	}
	
	function raz_border()
	{
		var response = http.responseText;
		var last_ref=0;

		var clients = response.split("|");
		for (var i=0 ; i<=clients.length ; i++)
		{
			if (clients[i]	!= "" && clients[i] != undefined)
			{
				client = clients[i].split("#");
				
				id_ref = client[0];
				id_client = client[1];
				
				if(document.getElementById("ref_"+id_ref)!=null)
				{
					document.getElementById("ref_"+id_ref).style.border="1px solid #BEBEBE";
				}
			}
		}
	}
	
	function get_format_date(str_date)
	{
		var annee=str_date.substring(0,4);
		var mois=str_date.substring(5,7);
		var jour=str_date.substring(8,10);
		
		var tab_mois=new Array();
		tab_mois[0]="Janvier";
		tab_mois[1]="F&eacute;vrier";
		tab_mois[2]="Mars";
		tab_mois[3]="Avril";
		tab_mois[4]="Mai";
		tab_mois[5]="Juin";
		tab_mois[6]="Juillet";
		tab_mois[7]="Ao&ucirc;t";
		tab_mois[8]="Septembre";
		tab_mois[9]="Octobre";
		tab_mois[10]="Novembre";
		tab_mois[11]="D&eacute;cembre";
		
		var ret=jour+" "+tab_mois[mois-1]+" "+annee;
		return ret;
	}