// JavaScript Document

//retourne la version d'IE utilisée
function getInternetExplorerVersion() {

    var rv = -1; // Return value assumes failure.

    if (navigator.appName == 'Microsoft Internet Explorer') {

        var ua = navigator.userAgent;

        var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");

        if (re.exec(ua) != null)

            rv = parseFloat(RegExp.$1);

    }

    return rv;

}

function calcSizeBl(id) {

	for(i=0;i<20;i++){
			if(document.getElementById("fl"+i)){
				document.getElementById("btMen"+i).className="none";
			document.getElementById("fl"+i).style.display="none";
			} 
		}
	
	nav = navigator.appName;
	var divflash = document.getElementById("fl"+id);
	document.getElementById("btMen"+id).className="btHover";
	
	var fdFlash = document.getElementById("fondFlash");
	divflash.style.display="block";


	if( nav == "Microsoft Internet Explorer"){	
		var ver = getInternetExplorerVersion();
		if ( ver >= 8.0 )
		{
			fdFlash.style.height=(divflash.offsetHeight-150)+"px";
			divflash.style.top="0px"; 
		}
		else
		{
			fdFlash.style.height=(divflash.offsetHeight-82)+"px";
			divflash.style.top="0px";	
		}
		
	} 
	else{
			fdFlash.style.height=(divflash.offsetHeight-94)+"px";
			divflash.style.top="60px";
	}
	
	// script me servant a calculer la taille de tout les fonds de page des blocs pour la page d'accueil.

	var col1 = document.getElementById("contentColl1").offsetHeight;
	var col1C = document.getElementById("col1content").style.height=(col1-184)+"px";
	
	
	var col2 = document.getElementById("contentColl2").offsetHeight;
	//verification que la colonne 2 n'est jamais inferieur a la premiére
	if((col2-190)<162){
		var col2C = document.getElementById("col2content").style.height="162px";
			document.getElementById("coll2Bas").style.position="absolute";
			document.getElementById("contentColl2").style.height="352px";
			document.getElementById("bl").style.height="184px";
	}else{
		var col2C = document.getElementById("col2content").style.height=(col2-190)+"px";
	}
	
	var col3 = document.getElementById("contentColl3").offsetHeight;
	var col3C = document.getElementById("col3content").style.height=(col3-190)+"px";
	
	
	var contenair = document.getElementById("contenair");

	// permet de gerer la taille du bloc de droite quand j'active les onglets

	if(col1>col2&&col1>col3){
			contenair.style.height=(col1+200)+"px";
		}else if(col2>col1&&col2>col3){
			contenair.style.height=(col2+200)+"px";
		}else{
			contenair.style.height=(col3+200)+"px"; 
		}


}


/*----------------------------------------------------------------*/
// permet d'activer les onglets
function affichPannel() {
	var divBt = document.getElementById("btDemandeEnCours");
	divBt.style.display='none';
	var divflash = document.getElementById("configurPannel");
	divflash.style.display='block';
}
function mskPannel() {
		var divBt = document.getElementById("btDemandeEnCours");
	divBt.style.display='block';
	var divflash = document.getElementById("configurPannel");
	divflash.style.display='none';
}
/*----------------------------------------------------------------*/
// Calcule la taille des fonds de blocs pour la page de contenu

function calcSizeBlCentral(type) {
	// le type permet de caller au mieu le bas de mon bloc central suivant le type de contenu
	// pour ce qui est page de contenu nomral le type est 1 et si la page contient des tableaux
	// de données (formulaires, moteur de recherche, etc) le type est 2 et cela evite d'avoir
	// un ecrat trop important dans l'arrondis en bas de page.
	
	/*-------loader de ma page ---------------*/

	var piedPage = document.getElementById("piedDePage") ;

		//for(i=0;i<20;i++){
		var i=1;
		
		while( document.getElementById("C"+i))
		{	 
			//if(document.getElementById("C"+i)){
				
				//alert( "i="+i + "offset="+document.getElementById("C"+i).offsetHeight);
				var attrib=document.getElementById("C"+i).getAttribute("name");
				if(attrib){
					if(attrib=="boutons"){
						if(i==1){
							document.getElementById("CT"+i).style.height=(document.getElementById("C"+i).offsetHeight-48)+"px";
						}else if(i==2||i==4){
							document.getElementById("CT"+i).style.height=(document.getElementById("C"+i).offsetHeight-98)+"px";
						}else{
							document.getElementById("CT"+i).style.height=(document.getElementById("C"+i).offsetHeight-29)+"px";
						}
					
					}
					if(attrib=="contenu"){
							if(i==2||i==4){
								document.getElementById("CT"+i).style.height=(document.getElementById("C"+i).offsetHeight-98)+"px";
							}else{
								document.getElementById("CT"+i).style.height=(document.getElementById("C"+i).offsetHeight-49)+"px";
							}
					}
					if(attrib=="menu"){
						document.getElementById("CT"+i).style.height=(document.getElementById("C"+i).offsetHeight-29)+"px";
					}
				
				}
				/*if(i%2){
					 if(i!=1){
					
						 document.getElementById("CT"+i).style.height=(document.getElementById("C"+i).offsetHeight-49)+"px";
						
					 }else{
				
						document.getElementById("CT"+i).style.height=(document.getElementById("C"+i).offsetHeight-29)+"px";
						
					}
				}else{
				 	document.getElementById("CT"+i).style.height=(document.getElementById("C"+i).offsetHeight-98)+"px";
					
				
				}*/
			//}
			i++;
		}
		
		// Ce script me sert a allonger mon fond de cellule afin qu'il ai la meme taille que le contenu

		var colCent = document.getElementById("colCentral").offsetHeight;
		piedPage.style.top=colCent+"px";

	// modif seb pour eviter d'avoir des mises en pages déstructurés si pas de contenu
		if(document.getElementById("central").offsetHeight==0){
			document.getElementById("central").style.height="190px";
		}
			
}

/*----------------------------------------------------------------*/
function reSize(){
var rootDiv = document.getElementById("root").offsetHeight;
var botDiv = document.getElementById("bottom") ;

// Script servant a placer l'ombre en bas de page toujours en bas pour la page d'accueil.
	nav = navigator.appName;
	
	if( nav == "Microsoft Internet Explorer"){	
		if((document.documentElement.clientHeight-150)>rootDiv){
				botDiv.style.top=(document.documentElement.clientHeight-10)+"px";
			}else{
				botDiv.style.top=(rootDiv+110)+"px";
		}
	}else{
		if((window.innerHeight-150)>rootDiv){
				botDiv.style.top=(window.innerHeight-27)+"px";
			}else{
				botDiv.style.top=(rootDiv+110)+"px";
		}
	}
}
/*----------------------------------------------------------------*/
function reSize2(){

	var col1 = document.getElementById("col1").offsetHeight;
	var colCentral = document.getElementById("colCentral").offsetHeight;
	var botDiv = document.getElementById("bottom") ;
	if(col1>colCentral){
			var colCal=col1;
		}else{
			var colCal=colCentral;
	}
	// Script servant a placer l'ombre en bas de page toujours en bas pour les pages autre que celle d'accueil.
	nav = navigator.appName;
	
	if( nav == "Microsoft Internet Explorer"){	
			if((document.documentElement.clientHeight-250)>colCal){
					botDiv.style.top=(document.documentElement.clientHeight-27)+"px";
				}else{
					botDiv.style.top=(colCal+270)+"px";
			}
		}else{
			if((window.innerHeight-250)>colCal){
				botDiv.style.top=(window.innerHeight-27)+"px";
				}else{
					botDiv.style.top=(colCal+270)+"px";
			}
		}

}
//////////////////////////////////////////////////////////////
// Permet de faire des rollOver sur des divs et de changer 
// l'image de fond ainsi que la classe du div
function swap (div,template,image){
	
	var chaine='fileadmin/templates/images/template/'+image+'/'+template+'Over.gif';
	var out='fileadmin/templates/images/template/'+image+'/'+template+'.gif';
	
	div.style.background = 'url('+chaine+') no-repeat left top';
	div.onmouseout = function () {this.style.background='url('+out+') no-repeat left top';}
}

//////////////////////////////////////////////////////////////
var MonTableau = new Array();
for(i=0;i<20;i++){
	if(document.getElementById("f"+i)){
	MonTableau[i]="false";
	}
}

function roll(id,template){
	if(MonTableau[id]=="false"){
		var prev = document.getElementById("f"+(id-1));	
		prev.className="fdHover";
	}
	var lnk = document.getElementById("lnkID"+id);
}

function out(id,template){
	if(MonTableau[id]=="false"){
	var prev = document.getElementById("f"+(id-1));	
	prev.className="fd";
	}
}

function activ(id,template){
	initRoll();
	var lnk = document.getElementById("lnkID"+id);
	MonTableau[id]="true";
	lnk.className="overLink";
		var prev = document.getElementById("f"+(id-1));	
		prev.className="fdHover";
}

function initRoll(){
	for(i=0;i<20;i++){
		if(document.getElementById("f"+i)){
			MonTableau[i]="false";
			document.getElementById("lnkID"+i).className="activeLink";
			if(i==(MonTableau.length-1)){
				document.getElementById("f"+i).className="none";
			}else{
				document.getElementById("f"+i).className="fd";
			}
		}
	}
}

//////////////////////////////////////////////////////////////
// Permet de derouler les menu de navigation et de placer les sous menus en fonction de la taille disponible
// par rapport a la résolution du navigateur client. Si on a une scroll horizontal, je decale le sous menu a gauche.
function affichMenu(id){
	for(i=1;i<20;i++){
		if(i!=id){
		var men = document.getElementById("m"+i);
		if(men){
		men.style.display="none";
		}
		}else{

		var menu = document.getElementById("m"+id);
		menu.style.display="block";
		var btMenu = document.getElementById("btM"+id);
		// modif seb pour que si le sous menu est inferieur a l'intitulé du menu 1, le sous menu prend la largeur de l'intitulé.
		if(btMenu.offsetWidth>menu.offsetWidth){
			menu.style.width=btMenu.offsetWidth+"px";
		}
		
		posMenu=FindXY(menu).x+menu.offsetWidth;
		
		if(document.documentElement.clientWidth){
			if(posMenu>(document.documentElement.clientWidth-100)){
				menu.style.right="0px";
			}
		}else{
			if(posMenu>(window.innerWidth-100)){
				menu.style.right="0px";
				}
			}
		}
	}
	

}

// recherche les coordonnées X et Y d'un div

function FindXY(obj){
var x=0,y=0;
while (obj!=null){
	x+=obj.offsetLeft-obj.scrollLeft;
	 y+=obj.offsetTop-obj.scrollTop;
	obj=obj.offsetParent;
}
 return {x:x,y:y};
}

//////////////////////////////////////////////////////////////

function  lunchNavigPannel(){
		for(i=1;i<20;i++){
					if(bt = document.getElementById("l"+i)){
						bt.val=i;
						Sbt = document.getElementById("C"+i);
						Sbt.val=i;
				
						bt.onclick = function () {
							maskALLPannel(this);
							prev_class=this.className;
							this.className='overTrTab';
							affichPannel(this.val,this);
							//
							
							this.id="check"+this.val;
							bt2 = document.getElementById("check"+this.val);

							bt2.onclick = function () {
									this.className=prev_class;
									document.getElementById("close_Bt"+this.val).style.display="none";
									this.id="l"+this.val
									maskPannel(this.val);
								}
						}
						Sbt.onclick = function () {
					
							var pannel = document.getElementById("p"+this.val);
							pannel.style.visibility="hidden";		
							document.getElementById("close_Bt"+this.val).style.visibility="hidden";	
							document.getElementById("pictF"+this.val).style.display="block";
							
						}
				}
		}
}

function maskALLPannel(e){
	 if (!e) var e = window.event;
    e.cancelBubble = true;
    if (e.stopPropagation) e.stopPropagation();
 	el=e.parentNode;

	for(var i = 1; i < (el.childNodes.length-1); i++){
		
			if(pannel = document.getElementById("p"+i)){
					pannel.style.display="none";
			
						document.getElementById("close_Bt"+i).style.display="none";
						document.getElementById("lnkF"+i).style.display="block";
						document.getElementById("pictF"+i).style.display="block";
			 }
			
			 if(i%2){
				    el.childNodes[i].className='alternate'
			 
			 }else{
				el.childNodes[i].className='trTab'
			 }
		}
}

function affichPannel(id,h){
	var pannel = document.getElementById("p"+id);
	pannel.style.display="block";
	pannel.style.top=((FindXY(h).y+h.clientHeight)-205)+"px";
	document.getElementById("lnkF"+id).style.display="none";
	document.getElementById("pictF"+id).style.display="none";
	document.getElementById("close_Bt"+id).style.display="block";
	

}
function maskPannel(id){
	var pannel = document.getElementById("p"+id);
	pannel.style.display="none";
		document.getElementById("lnkF"+id).style.display="block";
	document.getElementById("pictF"+id).style.display="block";


}