/*******************************************************************
	Gestion des calques pour la splash par exemple
	Créé par damien @ oceanet
	16:25 30/06/2008
*******************************************************************/

var opacity 		= 65;	//opacite à atteindre
var opacity_pas 	= 65;	//pas
var opacity_time 	= 150;	//temps total
var opacity_delay	= parseInt(opacity_time/(opacity/opacity_pas));
var now_opacity		= 0;	//opacité de départ





// Fonction quit sert à afficher le masque
function newPopup(CallBack){
	alphaOn(CallBack);
}



//créer un masque alpha 
function alphaOn(CallBack){
	
	//Position du dernier Pixel
	var position=get_full_position('bottom-pix');
	
	//Hauteur du contenu de la page
	var hauteurInterieure = document.documentElement.clientHeight;
	
	//Pour Opéra, on applique une autre méthode
	if(window.innerHeight > hauteurInterieure){ 
		hauteurInterieure = window.innerHeight;
	}
	
	var hauteur;
	if(position.top >= hauteurInterieure)	hauteur = position.top;
	else									hauteur = hauteurInterieure;

	//création du masque completement transparent
	var masque = document.createElement("div");
	masque.setAttribute("id", "masque");
	masque.style.position 			= "absolute";
	masque.style.top 				= "0";
	masque.style.left 				= "0";
	masque.style.height 			= hauteur+"px";
	masque.style.width 				= "100%";
	masque.style.backgroundColor 	= "#000";
	masque.style.opacity 			= "0";
	masque.style.filter				= "alpha(opacity=0)";
	masque.style.zIndex				= "100";

	masque.onclick = function() { alphaOff(); };
	
	document.body.appendChild(masque);
	
	//on cache les selects et elements flash
	hideSelectBoxes();
	
	//on va rendre le masque de moins en moins opaque
	setProgressivAlpha(CallBack);
}


function affSplash(){
	
	var masque = document.getElementById("masque");
	var txtTop = document.createTextNode("La campagne d'abonnement est lancée pour le grand public!");
	var txtTop2 = document.createTextNode("Abonnez-vous directement sur lemansfc.fr");
	var divTop = document.createElement("DIV");
	divTop.style.height="30px";
	divTop.style.width="695px";
	divTop.style.backgroundColor = "black";
	divTop.style.fontSize = "14px";
	divTop.style.fontWeight = "bold";
	divTop.style.color = "white";
	divTop.appendChild(txtTop);
	divTop.appendChild(document.createElement("BR"));
	divTop.appendChild(txtTop2);
	
	var aBottom = document.createElement("A");
	
	aBottom.style.fontSize = "14px";
	aBottom.style.color = "white";
	aBottom.setAttribute("href", "#");
	aBottom.style.fontSize="16px";
	aBottom.style.fontWeight="bold";
	aBottom.style.textDecoration="none";
	aBottom.onclick = function() { alphaOff(); };
	aBottom.appendChild(document.createTextNode("Accédez directement à lemansfc.fr"));
	var divBottom = document.createElement("DIV");
	divBottom.style.width="695px";
	divBottom.style.textAlign="center";
	divBottom.style.height="30px";
	divBottom.style.backgroundColor = "black";
	divBottom.appendChild(aBottom);
	
	
	var splash = document.createElement("DIV");
	splash.setAttribute("id", "splash");
	
	splash.style.backgroundColor = "black";
	splash.style.width="695px";
	splash.style.height="498px";
	splash.style.position="absolute";
	splash.style.top="200px";
	splash.style.left="50%";
	splash.style.marginLeft="-348px";
	
	var imgSplash = new Image();
	var aImg = document.createElement("A");
	aImg.setAttribute("href", "/abonnement.php");
	
	imgSplash.src="http://www.lemansfc.fr/img/splash/splashAbonnement.jpg";
	var img = document.createElement("IMG");
	img.src=imgSplash.src;
	img.style.border="0";
	aImg.appendChild(img);
	
	splash.appendChild(divTop);
	splash.appendChild(aImg);
	splash.appendChild(divBottom);
	
	document.body.appendChild(splash);
}

//Supprimer le masque
function alphaOff(){

	if (document.getElementById('popup')) document.getElementById('popup').parentNode.removeChild(document.getElementById('popup'));
	if (document.getElementById('popup_fil_info')) document.getElementById('popup_fil_info').parentNode.removeChild(document.getElementById('popup_fil_info'));
	if (document.getElementById('popup_flocage')) document.getElementById('popup_flocage').parentNode.removeChild(document.getElementById('popup_flocage'));
	if (document.getElementById('splash')) document.getElementById('splash').parentNode.removeChild(document.getElementById('splash'));
	unsetProgressivAlpha();
}


//modifie l'opacité du masque jusqu'à atteindre une opacité définit, puis execute le callback
function setProgressivAlpha(CallBack){
	
	//nouvelle opacité
	now_opacity = now_opacity + opacity_pas;
	if(now_opacity > opacity) now_opacity = opacity;
	
	document.getElementById('masque').style.filter	="alpha(opacity="+now_opacity+")";
	document.getElementById('masque').style.opacity = now_opacity/100;
	
	if(now_opacity < opacity){ //Masque progressif de la page
		setTimeout('setProgressivAlpha("'+CallBack+'");', opacity_delay);
	}
	else{ //Une fois le masque affiché, on affiche la pop-up
		eval(unescape(CallBack));
	}
}


//diminue l'opacité du masque jusqu'à atteindre 0
function unsetProgressivAlpha(){ 

	//nouvelle opacité
	now_opacity = now_opacity - opacity_pas;
	if(now_opacity < 0) now_opacity = 0;
	
	document.getElementById('masque').style.filter	="alpha(opacity="+now_opacity+")";
	document.getElementById('masque').style.opacity = now_opacity/100;
	
	if(now_opacity > 0){ //Masque progressif de la page
		setTimeout('unsetProgressivAlpha();', opacity_delay);
	}
	else{
		var masque = document.getElementById("masque");
		document.body.removeChild(masque);
		showSelectBoxes();
	}
}




/**************************************************
	Affiche et cache les select et les elements flash
**************************************************/

function showSelectBoxes(){
	var selects = document.getElementsByTagName("select");
	for (i = 0; i != selects.length; i++) {
		selects[i].style.visibility = "visible";
	}
}


function hideSelectBoxes(){
	var selects = document.getElementsByTagName("select");
	for (i = 0; i != selects.length; i++) {
		selects[i].style.visibility = "hidden";
	}
}


function showFlash(){
	var flashObjects = document.getElementsByTagName("object");
	for (i = 0; i < flashObjects.length; i++) {
		flashObjects[i].style.visibility = "visible";
	}

	var flashEmbeds = document.getElementsByTagName("embed");
	for (i = 0; i < flashEmbeds.length; i++) {
		flashEmbeds[i].style.visibility = "visible";
	}
}


function hideFlash(){
	var flashObjects = document.getElementsByTagName("object");
	for (i = 0; i < flashObjects.length; i++) {
		flashObjects[i].style.visibility = "hidden";
	}

	var flashEmbeds = document.getElementsByTagName("embed");
	for (i = 0; i < flashEmbeds.length; i++) {
		flashEmbeds[i].style.visibility = "hidden";
	}

}





//ajuste la hauteur du masque aplha generer en PHP
function ajusterHauteurMasqueAlpha(){
	
	//Position du dernier Pixel
	var position=get_full_position("bottom-pix");

	//Hauteur du contenu de la page
	var hauteurInterieure = document.documentElement.clientHeight;

	//Pour Opéra, on applique une autre méthode
	if(window.innerHeight > hauteurInterieure){ 
	hauteurInterieure = window.innerHeight;
	}

	var hauteur;
	if(position.top >= hauteurInterieure)	hauteur = position.top;
	else									hauteur = hauteurInterieure;

	document.getElementById("alpha_masque").style.height = (hauteur+20)+"px";
}


function hideSplash(){
	removeNode('splash');
	removeNode('alpha_masque');
	
	document.getElementById('pubTop').style.visibility = 'visible';
	document.getElementById('droiteDiv').style.visibility = 'visible';
}
