/* GESTION DES EVENEMENTS */
var conteneur;

if (window.addEventListener) window.addEventListener("load",matiner,false);
else if (window.attachEvent) window.attachEvent("onload",matiner);

function matiner(){
	conteneur = document.getElementById('content');
	//Gerer les popin
	var tempo = classer("pop",document);
	for (i=0;i<tempo.length;i++){
		tempo[i].onclick = function(){
			return superposer(this,this.className.split(" ")[1]);
	}	}
	
}


/* FONCTIONS */

//Ouvrir un popin
var parachute;
var lucarne;


function superposer(a,b){
	brosser();
	//Prevoir le focus a la fermeture
	//parachute = a == false ? peler("a",document)[0] : a;
	//Bogue IE 6
	if (ie6) document.body.className += " gabegie";
	//Voiler
	ceerDebut("div",false,conteneur,"id~canopee");
	//Inserer le popin
	ceerDebut("div",false,conteneur,"id~lucarne");
	lucarne = idier("lucarne");
	//Fermer le popin au clic sur le fond
	idier("canopee").onclick = brosser;
	//Appeler la fonction de generation du contenu
	eval(b)();
	document.location = "#body";
	return false;
}

var ppn1 = '<div class="lucarne">';
var ppn2 = '<h1>';
var ppn3 = '</h1>';
var ppn4 = '<p class="partion">';
var ppn5 = '</p>';
var ppn = '</div>';

//Caler le popin en hauteur
function caler(a){
	var skroll = document.body.scrollTop > document.documentElement.scrollTop ? document.body.scrollTop : document.documentElement.scrollTop;
	var situation = document.documentElement.clientHeight > a.offsetHeight ? (document.documentElement.clientHeight - a.offsetHeight) / 2 : 0;
	//a.style.top = skroll + situation + "px";
	a.style.width = conteneur.offsetWidth+"px";
	a.style.height = conteneur.offsetHeight+"px";
	//nommer("a",a)[0].focus();
}

//Fermer un popin
function brosser(){
	try{
		soustraire(idier("canopee"));
		soustraire(lucarne);
		lucarne = false;
		if (parachute){
			parachute.focus();
			parachute = false;
	}	} catch(e){}
	if (ie6) document.body.className = document.body.className.split(" gabegie")[0];
	return false;
}

function fermer(){
	return brosser();
}
//Generer le popin Mot de passe perdu

function loginbox(){
	lucarne.className = "etroite";
	
	formlogin = document.getElementById('form_login');
	var formlogin_html= "Vous êtes connecté";
	
	if(formlogin){
		formlogin_html = formlogin.innerHTML;
	}
	contenu = '			<div class="jaune popup">';
	contenu += '			<div class="fermer">';
	contenu += '				<a href="javascript: void(0)" onclick="return brosser();">[X]</a>';
	contenu += '			</div>';
	contenu += '			<div>';
	contenu += '				<h2>REJOIGNEZ</h2>';
	contenu += '				<img width="235" alt="Reactup" src="squelettes/images/logo.png"/>';
	contenu += '			</div>';
	contenu += '			<div class="left">';
	contenu += '				<h1>J\'AI DEJA UN COMPTE</h1>';
	contenu += '				<div class="blanc">';
	contenu += formlogin_html;
	contenu += '				</div>';
	contenu += '			</div>';
	contenu += '			<div class="right">';
	contenu += '				<h1>JE M\'INSCRIS</h1>';
	contenu += '				<div class="blanc">';
	contenu += '					<a href="?page=inscription_site" class="ok">[S\'inscrire]</a>';
	contenu += '				</div>';
	contenu += '			</div>';
	contenu += '			<div style="clear:both"></div>';
	contenu += '		</div>';
	
	lucarne.innerHTML = ppn1 + contenu + ppn;
	changeFont();
	caler(lucarne);
}

function RSSbox(){

	lucarne.className = "etroite";
	
	contenu = '			<div class="jaune popup rssbox">';
	contenu += '			<div class="fermer">';
	contenu += '				<a href="javascript: void(0)" onclick="return brosser();">[X]</a>';
	contenu += '			</div>';
	contenu += '			<div>';
	contenu += '				<h2>ABONNEZ-VOUS</h2>';
	contenu += '				<h3>AUX FLUX RSS DES RUBRIQUES</h3>';
	contenu += '				<img width="210" alt="Reactup" src="squelettes/images/logo.png"/>';
	contenu += '			</div>';
	contenu += '			<div class="blanc">';
	contenu += '				<ul>';
	contenu += '				<li><a href="javascript: void(0)" onClick="window.open(\'files/rss/rss_reactup.xml\');"><b>Toutes les rubriques</b></a</li>';
	contenu += '				<li><a href="javascript: void(0)" onClick="window.open(\'files/rss/rss_reactup_rubrique1.xml\');">Dépêches</a</li>';
	contenu += '				<li><a href="javascript: void(0)" onClick="window.open(\'files/rss/rss_reactup_rubrique2.xml\');">Question ouverte</a></li>';
	contenu += '				<li><a href="javascript: void(0)" onClick="window.open(\'files/rss/rss_reactup_rubrique3.xml\');">Dossiers</a</li>';
	contenu += '				<li><a href="javascript: void(0)" onClick="window.open(\'files/rss/rss_reactup_rubrique4.xml\');">Articles</a</li>';
	contenu += '				<li><a href="javascript: void(0)" onClick="window.open(\'files/rss/rss_reactup_rubrique5.xml\');">Point de vue</a</li>';
	contenu += '				<li><a href="javascript: void(0)" onClick="window.open(\'files/rss/rss_reactup_rubrique6.xml\');">E-media</a</li>';
	contenu += '				</ul>';
	contenu += '			</div>';
	contenu += '			<div style="clear:both"></div>';
	contenu += '		</div>';
	

	lucarne.innerHTML = ppn1 + contenu + ppn;
	changeFont();
	caler(lucarne);
}

function playerPhoto(theURL, titre){
	
	brosser();
	//Prevoir le focus a la fermeture
	//parachute = a == false ? peler("a",document)[0] : a;
	//Bogue IE 6
	if (ie6) document.body.className += " gabegie";
	//Voiler
	ceerDebut("div",false,conteneur,"id~canopee");
	//Inserer le popin
	ceerDebut("div",false,conteneur,"id~lucarne");
	lucarne = idier("lucarne");
	//Fermer le popin au clic sur le fond
	idier("canopee").onclick = brosser;
	
	lucarne.className = "etroite";
	
	contenu = '<div class="popup_player">';
	contenu += '	<img width="210" alt="Reactup" src="squelettes/images/logo.png"/>';
	contenu += '	<div class="titre">'+titre+'</div>';
	contenu += '	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="720" height="510">';
	contenu += '	<param name="movie" value="'+theURL+'">';
	contenu += '	<param name="quality" value="high">';
	contenu += '	<param name="allowscriptaccess" value="always"></param>';
	contenu += '	<embed src="'+theURL+'" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="720" height="510" allowscriptaccess="always"></embed></object>';
	contenu += '</div>';
	
	/*
	contenu = '			<div class="jaune popup rssbox">';
	contenu += '			<div class="fermer">';
	contenu += '				<a href="javascript: void(0)" onclick="return brosser();">[X]</a>';
	contenu += '			</div>';
	contenu += '			<div>';
	contenu += '				<h2>ABONNEZ-VOUS</h2>';
	contenu += '				<h3>AUX FLUX RSS DES RUBRIQUES</h3>';
	contenu += '				<img width="210" alt="Reactup" src="squelettes/images/logo.png"/>';
	contenu += '			</div>';
	contenu += '			<div class="blanc">';
	contenu += '				<ul>';
	contenu += '				<li><a href="javascript: void(0)" onClick="window.open(\'files/rss/rss_reactup_rubrique2.xml\');">Question ouverte</a></li>';
	contenu += '				<li><a href="javascript: void(0)" onClick="window.open(\'files/rss/rss_reactup_rubrique3.xml\');">Dossiers</a</li>';
	contenu += '				<li><a href="javascript: void(0)" onClick="window.open(\'files/rss/rss_reactup_rubrique4.xml\');">Articles</a</li>';
	contenu += '				<li><a href="javascript: void(0)" onClick="window.open(\'files/rss/rss_reactup_rubrique5.xml\');">Point de vue</a</li>';
	contenu += '				<li><a href="javascript: void(0)" onClick="window.open(\'files/rss/rss_reactup_rubrique6.xml\');">E-media</a</li>';
	contenu += '				<li><a href="javascript: void(0)" onClick="window.open(\'files/rss/rss_reactup_rubrique1.xml\');">Dépêches</a</li>';
	contenu += '				<li><a href="javascript: void(0)" onClick="window.open(\'files/rss/rss_reactup.xml\');"><b>Toutes les rubriques</b></a</li>';
	contenu += '				</ul>';
	contenu += '			</div>';
	contenu += '			<div style="clear:both"></div>';
	contenu += '		</div>';
	*/

	lucarne.innerHTML = ppn1 + contenu + ppn;
	changeFont();
	caler(lucarne);
}
/* ROUTINES */

var vaisseau = navigator.userAgent.toLowerCase();
var ie6 = vaisseau.indexOf("msie 6") > 0 ? true : false;

// qui : identifiant a recolter
function idier(qui){
	return document.getElementById(qui);	
}

// qui : balise a recolter - ceint : perimetre
function nommer(qui,ceint){
	return ceint.getElementsByTagName(qui);	
}

// qui : nom du selecteur a recolter - ceint : perimetre 
function classer(qui,ceint){
	var classe = new RegExp("(^|\\s)" + qui + "(\\s|$)");
    var base = (ceint.all) ? ceint.all : ceint == document ? document.body.getElementsByTagName("*") : ceint.getElementsByTagName("*");
    var tempo = new Array();
	for (ww=0;ww<base.length;ww++){
		if (classe.test(base[ww].className)){
			tempo.push(base[ww]);
		}
	}
	
	return (tempo);
}

// qui : element a soustraire
function soustraire(qui){
	qui.parentNode.removeChild(qui);
}

/* qui : element a creer et a inserer - donnees : son contenu - cadre : parent + attributs... */
function ceerDebut(qui,donnees,cadre){
	var tempo = document.createElement(qui);
	if (donnees) tempo.innerHTML = donnees;
	for (ww=3;ww<arguments.length;ww++){
		var tempo2 = document.createAttribute(arguments[ww].split("~")[0]);
		tempo2.nodeValue = arguments[ww].split("~")[1];
		tempo.setAttributeNode(tempo2);		
	}
	cadre.insertBefore(tempo,cadre.firstChild);
}