// JavaScript Document
/*var tab_comment=Array();

function insert_comment(id, title, comment){
	tab_comment[tab_comment.length]=Array();
	alert("mm");
	tab_comment[tab_comment.length-1]["element_name"]=id;
	tab_comment[tab_comment.length-1]["title"]=title;
	tab_comment[tab_comment.length-1]["comment"]=comment;
	//alert(id);
	//alert(comment);
	for(i=0; i<tab_comment.length; i++){
		
		//for(j in tab_comment[i]){
			//alert(tab_comment[i]["element_name"] + " ; " + tab_comment[i]["title"] + " ; " + tab_comment[i]["comment"]);
		//}
	}
}
*/
//----------------------------------------------------------------------------

div_id="div_infos_dynamic";
span_id="span_infos_dynamic_entete";
val_x=15;
val_y=35;
var version=0;

title= Array();
comment=Array();

function show_infos_div(e){
	x1=0; y1=0;
	
	x1 = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.documentElement.scrollLeft;
	y1 = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.documentElement.scrollTop;


	//get version navigator pr IE
	if (navigator.appVersion.indexOf("MSIE")!=-1){
		temp=navigator.appVersion.split("MSIE");
		version=parseFloat(temp[1]);	
	}
	if((navigator.appName.substring(0,3) != "Net") && version<7){
			x1=event.x+document.documentElement.scrollLeft +180;
			y1=event.y+document.documentElement.scrollTop;
	}else if(navigator.appName.substring(0,3) != "Net"){
			x1=event.x +180;
			y1=event.y;
	}
	
	x1+=val_x;
	y1+=val_y;
	
	div=document.getElementById(div_id);

	if(div){return;}
	
	//div=document.getElementById("div_infos");
	div=document.createElement("DIV");
	div.id=div_id;
	
	div.style.display="block";
	div.style.position="absolute";
	div.style.top=(y1) + "px";
	div.style.left=(x1) +"px";
	div.style.visibility="visible";
	div.style.textAlign="center";
	div.style.fontSize="11px";
	div.style.fontFamily= "Arial, Helvetica, sans-serif";
	div.style.border="2px solid #FF6633";
	div.style.color="#880000";
	div.style.letterSpacing="0px";
	div.style.padding="4px";
	div.style.backgroundColor="#FFFAF6";
	div.style.zIndex=90000;
	div.style.opacity="0.9";
	div.style.filter="Alpha(Opacity=90, FinishOpacity=90, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=100)";
	//alert(e.toElement);
	
	document.body.appendChild(div);
	
	
	//---------------SAPN EN TETE----------------
	span=document.createElement("SPAN");
	span.id=span_id;
	span.style.display="block";
	span.style.visibility="visible";
	span.style.fontSize="12px";
	span.style.fontWeight="bold";
	span.style.fontFamily= "Arial, Helvetica, sans-serif";
	span.style.color="#EE4422";
	span.style.marginBottom="5px";
	span.style.textDecoration="underline";
	//--------------------------------------------------------
	//Affectation des text
	
	txt=(e.toElement)? event.toElement.name : this.name;
	span.innerHTML=title[txt];
	
	div.appendChild(span);
	
	div.innerHTML=div.innerHTML + comment[txt];
	
	w=comment[txt].length * (4 + (20/comment[txt].length));

	if(w>400){
		div.style.width=300 + "px";
	}else if(w < 140){
		div.style.width=140 + "px";
	}else{
		div.style.width=w + "px";
	}

}

function remove_infos_div(e){
	if(div_id!=""){
		div=document.getElementById(div_id);
		document.body.removeChild(div);
	}
}

function move_infos_div(e){
	
	div=document.getElementById(div_id);
	
	x2 = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.documentElement.scrollLeft;
	y2 = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.documentElement.scrollTop;
	
	if((navigator.appName.substring(0,3) != "Net") && version<7){
			x2=event.x+document.body.scrollLeft +100;
			y2=event.y+document.body.scrollTop+30;
	}else if((navigator.appName.substring(0,3) != "Net") && version>=7){
			x2=event.x+document.body.scrollLeft +180;
			y2=event.y+document.body.scrollTop+30;
	}else if(navigator.appName.substring(0,3) == "Net"){
			x2=e.pageX-10;
			y2=e.pageY-20;
			
			
	}
	
	x2+=val_x;
	y2+=val_y;
	
	if(div){
		div.style.left=x2 + "px"; 
		div.style.top=y2 + "px";
	}
}

//el.onmouseover=mouseOverFn;
function insert_events_elements(){
	//a=document.getElementById("test");
	//alert(tab_comment.length);
	
	//div=document.createElement("div");
	//alert(tab_comment.length);
	
	var exist_event=false;
	//document.getElementById("div_tmp").applyElement(div);
	//if(navigator.appName.substring(0,3) == "Net")
	//div.captureEvents(Event.MOUSEOVER);
	//window.addEventListener("click","test", div);
	//div.onmouseover = test;
	for(i=0; i<tab_comment.length; i++){
		exist_event=false;
		
		e=document.getElementsByName([tab_comment[i]["element_name"]]);
		
		el=e[0];
		if(el){
			if(el.addEventListener){
			  el.addEventListener("mouseover", show_infos_div, false);
			  el.addEventListener("mouseout", remove_infos_div, false);
			  el.addEventListener("mousemove", move_infos_div, false);
			  exist_event=true;
			}else if(el.attachEvent){
				//el.setAttribute("yassine","azerty");
			  el.attachEvent("onmouseover", show_infos_div);
			  el.attachEvent("onmouseout", remove_infos_div);
			  el.attachEvent("onmousemove", move_infos_div);
			  exist_event=true;
			}
			
			if(exist_event){
				title[el.name]=tab_comment[i]["title"];
				comment[el.name]=tab_comment[i]["comment"];
			}
		}
	}
	
	//clearTimeout(tm_out);
}

insert_events_elements();
//tm_out=setTimeout(yassine_test,1000);



/*==============================================================================================
================================================================================================
=================================Inserer DIV pour le partenariat================================
================================================================================================*/

function insert_div_partenariat(){
	
	var d1=document.createElement("div");
	var d2=document.createElement("div");

	var referent=document.body;
	referent.appendChild (d1);
	referent.appendChild (d2);
	d1.id="d1_noire"; d2.id="d2_blanc";
	
	d2.innerHTML="<span style='display:block; border:1px solid #444444; background-color:#888888; color:#FFFFFF; padding:5px; margin-top:-6px; margin-bottom:20px; margin-left:-6px; margin-right:-6px; font-weight:bold; font-size:14px;'>&rsaquo; Liens pour devenir membres...</span>" +
	
	"<a id='link_partenariat' href='pdf/cicid_partenariat.pdf' target='_blank'>1- T&eacute;l&eacute;charger le partenariat &aacute; signer avec CICID <span style='color:#DD9944;'> [PDF] </a><br/>" + 
	"<a id='link_adhesion' href='pdf/demande_adhesion.pdf' target='_blank'>2- T&eacute;l&eacute;charger la demande d'adh&eacute;sion au r&eacute;seau CICID <span style='color:#DD9944;'> [PDF] </a><br/>" +
					
		"<a href='pdf/deontologie_associative.pdf' target='_blank' style='font-size:11px;'>3- T&eacute;l&eacute;charger la d&eacute;ontologie associative.<span style='color:#DD9944;'> [PDF] </a> "+
			
	
			"<span style='color:#DD4422; font-size:9px; text-indent:2px; display:block; margin-top:16px; padding:4px; border-Top:1px solid #999999;'><p>- Si vous &ecirc;tes partenaire, la demande d'adh&eacute;sion suffit.<br/></p>" +
			"<p>- L'adh&eacute;sion au r&eacute;seau implique l'approbation de la d&eacute;ontologie associative.</p></span>" +
			
			"<br/><span style='display:block; text-align:right;'><input name='eeqq' type='button' value='Retour' onclick='document.body.removeChild(document.getElementById(\"d1_noire\")); document.body.removeChild(document.getElementById(\"d2_blanc\"));' \></span>";
	
	//document.appendChild (d);
	d1.style.visibility="visible";
	d1.style.position="absolute";
	d1.style.display="block";
	d1.style.zIndex="50000";
	d1.style.filter= "Alpha(Opacity=40, FinishOpacity=70, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=100)";
	d1.style.opacity="0.4";
	d1.style.height=document.body.offsetHeight +"px";
	d1.style.width=(document.body.offsetWidth+20) +"px";
	d1.style.top="0px";
	d1.style.left="0px";
	d1.style.backgroundColor="#000000";
	
	d2.style.zIndex="50001";
	d2.style.visibility="visible";
	d2.style.position="absolute";
	d2.style.display="block";
	d2.style.textAlign="left";
	d2.style.fontSize="12px";
	
	el=d2.getElementsByTagName("A");
	for($i=0; $i<el.length;++$i){
		el[$i].style.display="block";
		el[$i].style.textDecoration="none";
		el[$i].style.textIndent="10px";
		el[$i].style.color="#4444CC";
		el[$i].style.border="1px solid #EEEEEE";
		el[$i].style.padding="4px";
		//el[$i].style.border="1px solid #000000";
	}
	
	d2.style.top= ((document.documentElement.offsetHeight)/2)-(200/2) + "px";

	if(navigator.appName.substring(0,3) == "Net" || window.innerHeight){
		d2.style.top= ((document.documentElement.offsetHeight)/2)-(600/2) + "px";
		d2.style.top= ((window.innerHeight)/2)-(400/2) + "px";
	}

	d2.style.left= ((document.documentElement.offsetWidth)/2)-(300/2) + "px";
	d2.style.height="250px";
	d2.style.width="380px";
	d2.style.backgroundColor="#FFFFFF";
	d2.style.border="5px solid #555555";
	d2.style.padding="16px";
	
	d2.focus();
	//alert("eee");
	//stop();
	
	
}

/*==============================================================================================
================================================================================================
=======================Inserer DIV pour le comme form au milieu d'une page======================
================================================================================================*/

function insert_div_form_milieu_page(contenu, hauteur, largeur){
	//alert(document.body.parentElement.scrollTop);
	//return;
	var d1=document.createElement("div");
	var d2=document.createElement("div");

	var referent=document.body;
	referent.appendChild (d1);
	referent.appendChild (d2);
	d1.id="d1_noire_frm"; d2.id="d2_blanc_frm";
	
	d2.innerHTML=contenu;
	
	d2.innerHTML=d2.innerHTML + "<br/><span style='display:block; text-align:right;'><input style='width:80px;' type='button' value='Retour' onclick='document.body.removeChild(document.getElementById(\"d1_noire_frm\")); document.body.removeChild(document.getElementById(\"d2_blanc_frm\"));' \></span>"
	
	//document.appendChild (d);
	d1.style.visibility="visible";
	d1.style.position="fixed";
	d1.style.display="block";
	d1.style.zIndex="50000";
	d1.style.filter= "Alpha(Opacity=40, FinishOpacity=70, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=100)";
	d1.style.opacity="0.4";
	//d1.style.height=document.body.offsetHeight +"px";
	//d1.style.width=(document.body.offsetWidth+20) +"px";
	//d1.style.height=document.body.height +"px";
	//d1.style.width=(document.body.width+20) +"px";
	
	d1.style.height=document.body.scrollHeight +"px";
	d1.style.width=(document.body.scrollWidth +20) +"px";
	d1.style.height="100%";
	d1.style.width="100%";
	//alert(document.body.scrollWidth);
	d1.style.top="0px";
	d1.style.left="0px";
	d1.style.backgroundColor="#000000";
	
	d2.style.zIndex="50001";
	d2.style.visibility="visible";
	d2.style.position="absolute";
	d2.style.display="block";
	d2.style.textAlign="left";
	d2.style.fontSize="12px";
	
	d2.style.height="250px";
	d2.style.height=hauteur;
	d2.style.width="380px";
	d2.style.width=largeur;
	
	el=d2.getElementsByTagName("A");
	for($i=0; $i<el.length;++$i){
		el[$i].style.display="block";
		el[$i].style.textDecoration="none";
		el[$i].style.textIndent="10px";
		el[$i].style.color="#4444CC";
		el[$i].style.border="1px solid #EEEEEE";
		el[$i].style.padding="4px";
		//el[$i].style.border="1px solid #000000";
	}
	
	//d2.style.top= document.body.parentElement.scrollTop + (document.documentElement.offsetHeight /2) - (d2.style.height.substr(0,d2.style.height.length-2)/2) + "px";

	if(navigator.appName.substring(0,3) == "Net" || window.innerHeight){
		d2.style.top=  window.pageYOffset + (window.innerHeight /2) - (d2.style.height.substr(0,d2.style.height.length-2)/2) + "px";
	}else{
		d2.style.top= document.body.parentElement.scrollTop + (document.documentElement.offsetHeight /2) - (d2.style.height.substr(0,d2.style.height.length-2)/2) + "px";
	}

	//d2.style.left= document.body.parentElement.scrollLeft + (document.documentElement.offsetWidth /2) - (d2.style.width.substr(0,d2.style.width.length-2)/2) + "px";
	if(navigator.appName.substring(0,3) == "Net" || window.innerWidth){
		d2.style.left=  window.pageXOffset + (window.innerWidth /2) - (d2.style.width.substr(0,d2.style.width.length-2)/2) + "px";
	}else{
		d2.style.left= document.body.parentElement.scrollLeft + (document.documentElement.offsetWidth /2) - (d2.style.width.substr(0,d2.style.width.length-2)/2) + "px";	
	}
	//d2.style.left= ((document.documentElement.offsetWidth)/2)-(300/2) + "px";

	d2.style.backgroundColor="#FFFFFF";
	d2.style.border="5px solid #555555";
	d2.style.padding="16px";
	
	d2.focus();
	//alert("eee");
	//stop();
	
	
}