function getLayoutOffsets(){
	var de = document.documentElement;
	var screenWidth = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
	var screenHeight = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
	//return document.viewport.getDimensions();
	return [screenWidth,screenHeight];
}

function centrerp(obj){
	var sow = getLayoutOffsets()[0];
	var soh = getLayoutOffsets()[1];
	if(obj.style.position!='absolute') obj.style.position = 'absolute';
	var olar=obj.style.width;
	
	var ohaut=obj.style.height;
	olar= (olar.substr(0,olar.length - 2 ))*1;
	ohaut= (ohaut.substr(0,ohaut.length - 2 ))*1;
	//obj.style.left = '20px';
	//obj.style.top = '20px';
	//obj.style.right = '20px';
	//obj.style.bottom = '20px';

	obj.style.left = ((sow / 2 )-(olar / 2)).toString() + 'px';
	obj.style.top = ((soh / 2 )-(ohaut / 2)).toString() + 'px';
	
	
	
}


function centrer(obj){
	var screenOffsetWidth = getLayoutOffsets()[0];
	var screenOffsetHeight = getLayoutOffsets()[1];
	if(obj.style.position!='absolute') obj.style.position = 'absolute';
	obj.style.left = (screenOffsetWidth/2)-(308/2)+'px';
	obj.style.top = (screenOffsetHeight/2)-(200/2)+'px';
}
function centrerb(obj){
	var screenOffsetWidth = getLayoutOffsets()[0];
	var screenOffsetHeight = getLayoutOffsets()[1];
	if(obj.style.position!='absolute') obj.style.position = 'absolute';
	obj.style.left = (screenOffsetWidth/2)-(30/2)+'px';
	obj.style.top = (screenOffsetHeight/2)-(200/2)+'px';
}

var confirmmess=false;
var clique=false;

//*******************************************************************Alerte***************************************************************
function alerte(message){
	var overl = document.createElement('div');
	overl.className = 'alertoverlay';
	overl.id = 'overldiv';
	 if (document.all)
{
     overl.style.filter = 'alpha(opacity=10)';
}else{
	  overl.style.opacity = 0.1;
}
	var msgBox = document.createElement('div');
	msgBox.id = 'msgBox';
	//msgBox.style.display = 'none';
	//msgBox.style.backgroundColor=document.getElementsByTagName("body")[0].getStyle('backgroundColor');
	var header = document.createElement('div');
	header.className = 'header';
	header.id = 'msgBoxHeader';

	var content = document.createElement('div');
	content.id = 'msgBoxContent';
	
	var zoneBtn = document.createElement('div');
	zoneBtn.className = 'msgBoxZoneBtn';
	
	var btn = document.createElement('input');
	btn.type = 'button';
	btn.value = 'OK';
		btn.className='pbouton';
	btn.onclick = function(){
		closeMsgBox(2);
	}
header.innerHTML='Information ';
content.innerHTML=message;

	msgBox.appendChild(header);
	msgBox.appendChild(content);
	zoneBtn.appendChild(btn);
	msgBox.appendChild(zoneBtn);
	centrer(msgBox);
	overl.appendChild(msgBox);
    

var ledoc = $A(document.getElementsByTagName('body'))[0];
	ledoc.appendChild(overl);
 new Effect.Fade('overldiv',{duration: 1, from:0.1, to:1 }) ;
		clique=false;
}

//*******************************************************************Confirme***************************************************************

function confirme(message){
	clique=false;
	var overl = document.createElement('div');
	overl.className = 'alertoverlay';
	overl.id = 'overldiv';
	 if (document.all)
{
     overl.style.filter = 'alpha(opacity=10)';
}else{
	  overl.style.opacity = 0.1;
}
	var msgBox = document.createElement('div');
	msgBox.id = 'msgBox';
	//msgBox.style.display = 'none';
	//msgBox.style.backgroundColor=document.getElementsByTagName("body")[0].getStyle('backgroundColor');
	var header = document.createElement('div');
	header.className = 'header';
	header.id = 'msgBoxHeader';

	var content = document.createElement('div');
	content.id = 'msgBoxContent';
	
	var zoneBtn = document.createElement('div');
	zoneBtn.className = 'msgBoxZoneBtn';
	
	var zone1 = document.createElement('div');
	zone1.className = 'separateur';
	var zone2 = document.createElement('div');
	zone2.className = 'separateur';
	var zone3 = document.createElement('div');
	zone3.className = 'separateur';
	var zone0 = document.createElement('div');
	zone0.className = 'separateur';
	var zone4 = document.createElement('div');
	zone4.className = 'separateur';



	var btn1 = document.createElement('input');
	btn1.type = 'button';
	btn1.id='niet';
	btn1.name='niet';
	btn1.value = 'NON';
		btn1.className='pbouton';
	btn1.onclick = function(){
		closeMsgBox(2);
		return 'non';
	}
	var btn2 = document.createElement('input');
	btn2.type = 'button';
	btn2.value = 'OUI';
	btn2.id='da';
	btn2.name='da';
		btn2.className='pbouton';
	btn2.onclick = function(){
		closeMsgBox(1);
		return 'oui';
	}
	
header.innerHTML='Question';
content.innerHTML=message;

	msgBox.appendChild(header);
	msgBox.appendChild(content);
	zone1.appendChild(btn1);
	zone3.appendChild(btn2);	
	zoneBtn.appendChild(zone0);	
	zoneBtn.appendChild(zone1);
	zoneBtn.appendChild(zone2);
	zoneBtn.appendChild(zone3);
	zoneBtn.appendChild(zone4);

	msgBox.appendChild(zoneBtn);
	centrer(msgBox);
	overl.appendChild(msgBox);


var ledoc = $A(document.getElementsByTagName('body'))[0];
	ledoc.appendChild(overl);
	 new Effect.Fade('overldiv',{duration: 1, from:0.1, to:1 }) ;
	clique=false;
};


//*******************************************************************Ferme boite***************************************************************
function closeMsgBox(valeur){
	if (valeur==7){$('pmsgBoxContent').remove();};
 new Effect.Fade('overldiv',{duration: 1, from:1, to:0.1, afterFinish: function(){$('overldiv').remove();} }) ;
if (valeur==10){clearTimeout(tim);};

return ;
};
//*******************************************************************Attend***************************************************************
function attend(){
	var overl = document.createElement('div');
	overl.className = 'alertoverlayb';
	overl.id = 'overldivb';

	var msgBox = document.createElement('div');
	msgBox.id = 'msgBoxb';
	//msgBox.style.display = 'none';
	image='<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr align="center"><td><img src="img/loading.gif" width="32" height="32" alt="attendre" /></td></tr></table>';
	msgBox.innerHTML=image;
	
	centrerb(msgBox);
	overl.appendChild(msgBox);
    

var ledoc = $A(document.getElementsByTagName('body'))[0];
	ledoc.appendChild(overl);

		clique=false;
}
//*******************************************************************Fin attend***************************************************************
function finattend(){
	$('overldivb').remove();

return ;
}
//*******************************************************************Boite Page***************************************************************
function boitepage(page,titre,haut,larg,param){
	var overl = document.createElement('div');
	//overl.className = 'alertoverlaype';
		overl.className = 'alertoverlay';
	overl.id = 'overldiv';
    //overl.setStyle({cssFloat: 'left',opacity: 0.1});
    

   
	 if (document.all)
{
     overl.style.filter = 'alpha(opacity=10)';
}else{
	  overl.style.opacity = 0.1;
}
var pclarg=1;
var pchaut=1;
	var msgBox = document.createElement('div');
	msgBox.id = 'msgBox';
	var ldoc=document.viewport.getWidth();
	var hdoc=document.viewport.getHeight();
	if(larg.indexOf('%')!=-1){larg = (larg.substr(0,larg.length -1 )/100)*ldoc;};
	if(haut.indexOf('%')!=-1){haut = (haut.substr(0,haut.length - 1)/100)*hdoc;};
	larg=larg*1;haut=haut*1;
	msgBox.style.width = larg.toString()+'px';
	msgBox.style.height = haut.toString()+'px';
	msgBox.style.overflow= 'hidden';
	//msgBox.style.backgroundColor=document.getElementsByTagName("body")[0].getStyle('backgroundColor');
	
	var header = document.createElement('div');
	header.className = 'header';
	header.id = 'msgBoxHeader';
	header.style.width = "100%";


	var content = document.createElement('div');
	content.id = 'msgBoxContentLeft';
	content.style.overflow= 'auto';
	content.style.height = ( haut-60).toString()+'px'; 


	var pcontent = document.createElement('div');
	pcontent.id = 'pmsgBoxContent';

	//pcontent.style.height = (content.getHeight() - 50) +'px'; 
	pcontent.style.height = '100%'; 
	
	var zoneBtn = document.createElement('div');
	zoneBtn.className = 'msgBoxZoneBtn';
	
	var btn = document.createElement('input');
	btn.type = 'button';
	btn.value = 'Fermer';
	btn.className='pbouton';
	btn.onclick = function(){
		closeMsgBox(2);
	}
header.innerHTML=titre;
new Ajax.Request(page,
		{
	method:'post',
	parameters: {param : param},
	asynchronous: false ,
	onSuccess: function(transport){

		var response = transport.responseText;
		pcontent.innerHTML=response;  
	} 
		});




	msgBox.appendChild(header);
	content.appendChild(pcontent);
	msgBox.appendChild(content);
	zoneBtn.appendChild(btn);
	msgBox.appendChild(zoneBtn);

	overl.appendChild(msgBox);
	centrerp(msgBox);   

var ledoc = $A(document.getElementsByTagName('body'))[0];
	 ledoc.appendChild(overl);
 new Effect.Fade('overldiv',{duration: 1, from:0.1, to:1 }) ;

		clique=false;
}
//********************************************************************* LUNE ************************************************************

function boitepagelune(page,titre,haut,larg,param){
	var overl = document.createElement('div');
	//overl.className = 'alertoverlaype';
		overl.className = 'alertoverlay';
	overl.id = 'overldiv';
    //overl.setStyle({cssFloat: 'left',opacity: 0.1});
    

   
	 if (document.all)
{
     overl.style.filter = 'alpha(opacity=10)';
}else{
	  overl.style.opacity = 0.1;
}
var pclarg=1;
var pchaut=1;
	var msgBox = document.createElement('div');
	msgBox.id = 'msgBox';
	var ldoc=document.viewport.getWidth();
	var hdoc=document.viewport.getHeight();
	if(larg.indexOf('%')!=-1){larg = (larg.substr(0,larg.length -1 )/100)*ldoc;};
	if(haut.indexOf('%')!=-1){haut = (haut.substr(0,haut.length - 1)/100)*hdoc;};
	larg=larg*1;haut=haut*1;
	msgBox.style.width = larg.toString()+'px';
	msgBox.style.height = haut.toString()+'px';
	msgBox.style.overflow= 'hidden';
	
	
	var header = document.createElement('div');
	header.className = 'header';
	header.id = 'msgBoxHeader';
	header.style.width = "100%";

	var content = document.createElement('div');
	content.id = 'msgBoxContent';
	content.style.overflow= 'auto';
	content.style.height = ( haut-60).toString()+'px'; 


	var pcontent = document.createElement('div');
	pcontent.id = 'pmsgBoxContent';

	//pcontent.style.height = (content.getHeight() - 50) +'px'; 
	pcontent.style.height = '100%'; 
	
	var zoneBtn = document.createElement('div');
	zoneBtn.className = 'msgBoxZoneBtn';
	
	var btn = document.createElement('input');
	btn.type = 'button';
	btn.value = 'Fermer';
	btn.className='pbouton';
	btn.onclick = function(){
		closeMsgBox(10);
	}
header.innerHTML=titre;
new Ajax.Request(page,
		{
	method:'post',
	parameters: {param : param},
	asynchronous: false ,
	onSuccess: function(transport){

		var response = transport.responseText;
		pcontent.innerHTML=response;  
	} 
		});




	msgBox.appendChild(header);
	content.appendChild(pcontent);
	msgBox.appendChild(content);
	zoneBtn.appendChild(btn);
	msgBox.appendChild(zoneBtn);

	overl.appendChild(msgBox);
	centrerp(msgBox);   

var ledoc = $A(document.getElementsByTagName('body'))[0];
	 ledoc.appendChild(overl);
 new Effect.Fade('overldiv',{duration: 1, from:0.1, to:1 }) ;

		clique=false;
		
}


//*******************************************************************Boite Frame***************************************************************
function boiteframe(page,titre,haut,larg,param){
	var overl = document.createElement('div');
	//overl.className = 'alertoverlaype';
		overl.className = 'alertoverlay';
	overl.id = 'overldiv';
    //overl.setStyle({cssFloat: 'left',opacity: 0.1});
    
	var sow = getLayoutOffsets()[0];
	var soh = getLayoutOffsets()[1];
   
	 if (document.all)
{
     overl.style.filter = 'alpha(opacity=10)';
}else{
	  overl.style.opacity = 0.1;
}
	var msgBox = document.createElement('div');
	msgBox.id = 'msgBox';
	var ldoc=document.viewport.getWidth();
	var hdoc=document.viewport.getHeight();
	if(larg.indexOf('%')!=-1){larg = (larg.substr(0,larg.length -1 )/100)*ldoc;};
	if(haut.indexOf('%')!=-1){haut = (haut.substr(0,haut.length - 1)/100)*hdoc;};
	larg=larg*1;haut=haut*1;
	msgBox.style.width = larg.toString()+'px';
	msgBox.style.height = haut.toString()+'px';
//msgBox.style.backgroundColor=document.getElementsByTagName("body")[0].getStyle('backgroundColor');
	msgBox.style.overflow= 'hidden';
	
	
	var header = document.createElement('div');
	header.className = 'header';
	header.id = 'msgBoxHeader';
	header.style.width = "100%";

	var content = document.createElement('div');
	content.id = 'msgBoxContent';
	content.style.overflow= 'auto';
		content.style.height = ( haut-60).toString()+'px'; 


	var pcontent = document.createElement('div');
	pcontent.id = 'pmsgBoxContent';

	//pcontent.style.height = (content.getHeight() - 50) +'px'; 
	pcontent.style.height = '100%'; 
	
	
	var zoneBtn = document.createElement('div');
	zoneBtn.className = 'msgBoxZoneBtn';
	
	var btn = document.createElement('input');
	btn.type = 'button';
	btn.value = 'Fermer';
	btn.className='pbouton';
	btn.onclick = function(){
		closeMsgBox(7);
	}
header.innerHTML=titre;


pcontent.innerHTML='<iframe frameborder="0" scrolling="auto" hspace="0" src="'+page+'" id="viewContent" name="viewContent" style="border: 0pt none; margin: 0pt; padding: 0pt; width: 100%; height: 100%;"></iframe>';


	msgBox.appendChild(header);
	content.appendChild(pcontent);
	msgBox.appendChild(content);
	zoneBtn.appendChild(btn);
	msgBox.appendChild(zoneBtn);

	overl.appendChild(msgBox);
	centrerp(msgBox);   

var ledoc = $A(document.getElementsByTagName('body'))[0];
	 ledoc.appendChild(overl);
 new Effect.Fade('overldiv',{duration: 1, from:0.1, to:1 }) ;

		clique=false;
}
//************************************************** CARTE ************************************************************************
function boitepagecarte(page,titre,haut,larg,param){
	var overl = document.createElement('div');
	//overl.className = 'alertoverlaype';
		overl.className = 'alertoverlay';
	overl.id = 'overldiv';
    //overl.setStyle({cssFloat: 'left',opacity: 0.1});
    

   
	 if (document.all)
{
     overl.style.filter = 'alpha(opacity=10)';
}else{
	  overl.style.opacity = 0.1;
}
var pclarg=1;
var pchaut=1;
	var msgBox = document.createElement('div');
	msgBox.id = 'msgBox';
	var ldoc=document.viewport.getWidth();
	var hdoc=document.viewport.getHeight();
	if(larg.indexOf('%')!=-1){larg = (larg.substr(0,larg.length -1 )/100)*ldoc;};
	if(haut.indexOf('%')!=-1){haut = (haut.substr(0,haut.length - 1)/100)*hdoc;};
	larg=larg*1;haut=haut*1;
	msgBox.style.width = larg.toString()+'px';
	msgBox.style.height = haut.toString()+'px';
	msgBox.style.overflow= 'hidden';
	//msgBox.style.backgroundColor=document.getElementsByTagName("body")[0].getStyle('backgroundColor');
	
	var header = document.createElement('div');
	header.className = 'header';
	header.id = 'msgBoxHeader';
	header.style.width = "100%";


	var content = document.createElement('div');
	content.id = 'msgBoxContent';
	content.style.overflow= 'auto';
	content.style.height = ( haut-60).toString()+'px'; 

	var pcontent = document.createElement('div');
	pcontent.id = 'pmsgBoxContent';

	//pcontent.style.height = (content.getHeight() - 50) +'px'; 
	pcontent.style.height = '100%'; 
	
	var zoneBtn = document.createElement('div');
	zoneBtn.className = 'msgBoxZoneBtn';
	
	var btn = document.createElement('input');
	btn.type = 'button';
	btn.value = 'Fermer';
	btn.className='pbouton';
	btn.onclick = function(){
		closeMsgBox(2);
	}
header.innerHTML=titre;
new Ajax.Request(page,
		{
	method:'post',
	parameters: {param : param},
	asynchronous: false ,
	onSuccess: function(transport){

		var response = transport.responseText;
		pcontent.innerHTML=response;  
			/*	var form = $('latlong');
		champcc='latitude';
		var	input = form[champcc];
		var lati=Form.Element.getValue(input);
	
		champcc='longitude';
		var	input = form[champcc];
		var longi=Form.Element.getValue(input);
		*/
	

	} 
		});




	msgBox.appendChild(header);
	content.appendChild(pcontent);
	msgBox.appendChild(content);
	zoneBtn.appendChild(btn);
	msgBox.appendChild(zoneBtn);

	overl.appendChild(msgBox);
	centrerp(msgBox);   

var ledoc = $A(document.getElementsByTagName('body'))[0];
	 ledoc.appendChild(overl);
 new Effect.Fade('overldiv',{duration: 1, from:0.1, to:1 }) ;
	var lati=$('latitude').value;
		var longi=$('longitude').value;
				if((lati * 1 ) >0){
				carte(lati,longi);
	         	};
		
		new Reflect3D('holder');
		clique=false;
}
