var divMasque;
var divAbsoluFenetre;
var divFenetre;
var txtLogin;
var txtMotDePasse;

var celluleContenuFenetre;
var divErreur;
var iframeConnexion;

function connexionAdministration(repSite, pageId){

	divMasque = document.createElement('div');
	divMasque.className='_administration_divMasque';
	
	divAbsoluFenetre = document.createElement('div');
	divAbsoluFenetre.className='_administration_divAbsoluFenetre';	
	
	divFenetre = document.createElement('div');
	divFenetre.className='_administration_divFenetre';
	
	celluleContenuFenetre = document.createElement('td');
	//creationFormulaire();
	chargerPageConnexion(repSite, pageId);
	
	
	document.body.appendChild(divMasque);
	divAbsoluFenetre.appendChild(divFenetre);
	document.body.appendChild(divAbsoluFenetre);	
	
	creationFenetre();	
	
	Ext.get(divFenetre).fadeIn();
	
}


//Non utilisé car en position fixed
function modifierPositionFenetreSuivantScroll(){
	if(Ext.isIE){
		divAbsoluFenetre.style.top = document.documentElement.scrollTop + 'px';
		divAbsoluFenetre.style.left = document.documentElement.scrollLeft + 'px';
		divMasque.style.top = document.documentElement.scrollTop + 'px';
		divMasque.style.left = document.documentElement.scrollLeft + 'px';
	}else{
		divAbsoluFenetre.style.top = window.pageYOffset + 'px';
		divAbsoluFenetre.style.left = window.pageXOffset + 'px';
		divMasque.style.top = window.pageYOffset + 'px';
		divMasque.style.left = window.pageXOffset + 'px';		
	}
}

function creationFenetre(){

	var tabContenuFenetre = document.createElement('table');
	var tabBodyContenuFenetre = document.createElement('tbody');
	var ligneTitreFenetre = document.createElement('tr');
	var celluleTitreFenetre = document.createElement('td');
	var celluleFermerFenetre = document.createElement('td');
	var ligneContenuFenetre = document.createElement('tr');
	
	var imgFermerFenetre = document.createElement('div');
	
	tabContenuFenetre.className='_administration_tabContenuFenetre';
	celluleTitreFenetre.className='_administration_celluleTitreFenetre';
	celluleFermerFenetre.className='_administration_celluleFermerFenetre';
	celluleContenuFenetre.className='_administration_celluleContenuFenetre';
	imgFermerFenetre.className='_administration_imgFermerFenetre';
	
	tabContenuFenetre.setAttribute('cellSpacing', '0');
	tabContenuFenetre.setAttribute('cellPadding', '0');
	
	celluleContenuFenetre.setAttribute('colSpan', '2');
	
	celluleTitreFenetre.innerHTML = 'Connexion';
	
	tabBodyContenuFenetre.appendChild(ligneTitreFenetre);
	ligneTitreFenetre.appendChild(celluleTitreFenetre);
	ligneTitreFenetre.appendChild(celluleFermerFenetre);
	tabBodyContenuFenetre.appendChild(ligneContenuFenetre);
	ligneContenuFenetre.appendChild(celluleContenuFenetre);
	celluleFermerFenetre.appendChild(imgFermerFenetre);
	
	imgFermerFenetre.onclick = function(){
		fermerFenetre();
	};
	tabContenuFenetre.appendChild(tabBodyContenuFenetre);
	divFenetre.appendChild(tabContenuFenetre);
	
}

function fermerFenetre(){
	Ext.get(divMasque).fadeOut();
	Ext.get(divFenetre).fadeOut({callback:function(){
		document.body.removeChild(divMasque);
		document.body.removeChild(divAbsoluFenetre);
	}});
}



function creationFormulaire(celluleContenu){
	var tabFormulaireConnexion = document.createElement('table');
	var tabBodyFormulaireConnexion = document.createElement('tbody');
	var ligneLogin = document.createElement('tr');
	var celluleLabelLogin = document.createElement('td');
	var celluleChampLogin = document.createElement('td');
	var ligneMotDePasse = document.createElement('tr');
	var celluleLabelMotDePasse = document.createElement('td');
	var celluleChampMotDePasse = document.createElement('td');
	
	divErreur = document.createElement('div');
	
	var divBoutonConnexion = document.createElement('input');
	
	var ligneBoutonConnexion = document.createElement('tr');
	var celluleBoutonConnexion = document.createElement('td');
	
	tabFormulaireConnexion.setAttribute('cellspacing', '0');
	tabFormulaireConnexion.setAttribute('cellpadding', '0');
	
	
	tabFormulaireConnexion.className = '_administration_tabFormulaireConnexion';
	ligneLogin.className = '_administration_ligneLogin';
	celluleLabelLogin.className = '_administration_celluleLabelLogin';
	celluleChampLogin.className = '_administration_celluleChampLogin';
	ligneMotDePasse.className = '_administration_ligneMotDePasse';
	celluleLabelMotDePasse.className = '_administration_celluleLabelMotDePasse';
	celluleChampMotDePasse.className = '_administration_celluleChampMotDePasse';
	
	divErreur.className = '_administration_divErreur';
	
	ligneBoutonConnexion.className = '_administration_ligneBoutonConnexion';
	celluleBoutonConnexion.className = '_administration_celluleBoutonConnexion';
	
	
	celluleLabelLogin.innerHTML = 'Login : ';
	celluleLabelMotDePasse.innerHTML = 'Mot de passe : ';
	
	celluleBoutonConnexion.setAttribute('colspan', '2');
	
	divBoutonConnexion.type='submit';
	
	ligneLogin.appendChild(celluleLabelLogin);
	ligneLogin.appendChild(celluleChampLogin);
	ligneMotDePasse.appendChild(celluleLabelMotDePasse);
	ligneMotDePasse.appendChild(celluleChampMotDePasse);
	ligneBoutonConnexion.appendChild(celluleBoutonConnexion);	
	
	
	txtLogin = document.createElement('input');
	txtMotDePasse = document.createElement('input');
	
	txtLogin.type = 'text';
	txtMotDePasse.type = 'password';
	
	txtLogin.className = '_administration_txtLogin';
	txtMotDePasse.className = '_administration_txtMotDePasse';	
	
	divErreur.style.display='none';
	
	divBoutonConnexion.value = 'Connexion';
	divBoutonConnexion.className='_administration_divBoutonConnexion';
	
	divBoutonConnexion.onclick= function(){
		verifierConnexion();
	};
	
	celluleBoutonConnexion.appendChild(divBoutonConnexion);
	
	celluleChampLogin.appendChild(txtLogin);
	celluleChampMotDePasse.appendChild(txtMotDePasse);
		
	
	ligneLogin.appendChild(celluleLabelLogin);	
	ligneLogin.appendChild(celluleChampLogin);
	ligneMotDePasse.appendChild(celluleLabelMotDePasse);
	ligneMotDePasse.appendChild(celluleChampMotDePasse);
		
	ligneBoutonConnexion.appendChild(celluleBoutonConnexion);
	
	tabBodyFormulaireConnexion.appendChild(ligneLogin);
	tabBodyFormulaireConnexion.appendChild(ligneMotDePasse);	
	tabBodyFormulaireConnexion.appendChild(ligneBoutonConnexion);	
	
	tabFormulaireConnexion.appendChild(tabBodyFormulaireConnexion);	

	celluleContenuFenetre.appendChild(tabFormulaireConnexion);
	celluleContenuFenetre.appendChild(divErreur);
}


function chargerPageConnexion(repSite, pageId){
	iframeConnexion = document.createElement('iframe');
	
	iframeConnexion.frameBorder="0"
	iframeConnexion.width = '100%';
	iframeConnexion.height = '375px';
	//iframeConnexion.src = repSite + 'inc/accederEditionPage.aspx?pageId=5';
	iframeConnexion.src = repSite + 'admin/_WEB/editerSite.aspx?pageId=' + pageId;
	
	
	celluleContenuFenetre.appendChild(iframeConnexion);
	
	
	
}