/* 2008 > Gaetan Langhade < Equallia - pour SRR */

//Parametrage : variables avant chaque fonction


/* POPIN AUTOMATIQUE */

/* Largeur du popin */
var informerLargeur = "500px";
	//var informerLargeur = "100px";
	//var informerLargeur = "50%";

/* Hauteur du popin */
var informerHauteur = "500px";
	//var informerHauteur = "100px";
	var informerHauteur = "50%";

/* Couleur de fond du bandeau du lien de fermeture */
var informerFond = "#F0F0F0"; //gris
	//var informerFond = "#D31E05"; //rouge

/* Couleur du lien de fermeture */
var informerCouleur = "#185BB6;"; //bleu
	//var informerCouleur = "#000"; //noir
	//var informerCouleur = "#FFF"; //blanc

/* Image de fond du lien de fermeture : ATTENTION chemin relatif a la page d'accueil */
var informerPicto = 'images/css/fond-pictant-fermeture.gif'; //image de fond bleue (par defaut pour les popin)
	//var informerPicto = 'images/css/fond-pictant-fermeture-blanc.gif'; //image de fond blanche pour couleur de fond foncee
	//var informerPicto = 'transparent'; //pas d'image de fond

/* Opacite du voile */
var informerOpacite = 80;


var preinformation = '<div class="popintoit" style="background-color: ' + informerFond + ';"><a href="javascript: void(0);" onclick="return brosser();" ';preinformation += 'class="fermeture" style="background-image: url(' + informerPicto + '); color: ' + informerCouleur + ';">Fermer</a></div>';
var information = 'Contenu libre';
function informer(){
	fumer(informerOpacite);
	lucarne.className = "diagarne";
	lucarne.innerHTML = preinformation + information;
	lucarne.style.width = informerLargeur;
	lucarne.style.left = lucarne.offsetWidth < document.documentElement.clientWidth ? (document.documentElement.clientWidth - lucarne.offsetWidth) / 2 + "px" : 0;
	if ("ie6" && informerHauteur.indexOf("%") > 0) lucarne.style.height = document.documentElement.clientHeight * parseInt(informerHauteur) / 100 + "px";
	else lucarne.style.height = informerHauteur;
	caler(lucarne);
	peler("a",lucarne)[0].focus();
	return false;
}








/* POPIN CLASSIQUES */
//Nom des fonctions : deuxieme valeur de l'attribut 'class' du lien declencheur (sauf pour controle formulaire et pour popin automatique)

var pp1 = '<div class="lucarne"><div class="popintoit"><a href="javascript: void(0);" onclick="return brosser();" class="fermeture">Fermer</a><h2>';
var pp2 = '</h2></div><div class="popincourt">';
var pp3 = '</div><div class="popinsol"><a href="javascript: void(0);" onclick="return brosser();" class="fermeture">Fermer</a></div></div>';

var pp2Attendre1 = '</h2><div class="gouttiere"><p>Vous avez recherch\xE9</p><p><strong>';
var pp2Attendre2 = '</strong></p><p id="angeler"></p></div></div><div class="popincourt">';


var pp1Redir = '<div class="lucarne"><div class="popintoit"><a href="javascript: void(0);" onclick="return brosser();" class="fermeture">Fermer</a>';
pp1Redir += '<select id="abc"><option value="0">choix 1</option><option value="1">choix 2</option><option value="2">choix 3</option><option value="3">choix 4</option></select><h2>';


//Injecter le message d'erreur dans le popin
var controlerOpacite = 50;
var controlerTitre = 'Erreur';
var controlerDonnees = '<p class="erreur calliege">Vous devez saisir au moins trois caract\xE8res dans le champ de recherche</p>';
function controler(){
	fumer(controlerOpacite);
	lucarne.innerHTML = pp1 + controlerTitre + pp2 + controlerDonnees + pp3;
	caler(lucarne);
	peler("a",lucarne)[0].focus();
	return false;
}



//Injecter le gif d'attente dans le popin des resultats de recherche
//Injecter les resultats de recherche
var attendreOpacite = 75;
var attendreTitre = 'R\xE9sultats de recherche';
var attendreDonnees = '<p class="attente"><img src="images/pictanime-patience.gif" alt="Veuillez patienter" width="32" height="16" /></p>';
function attendre(){
	fumer(attendreOpacite);
	lucarne.innerHTML = pp1 + attendreTitre + pp2Attendre1 + parachute.value + pp2Attendre2 + attendreDonnees + pp3;
	caler(lucarne);
	peler("a",lucarne)[0].focus();
	
	if (confirm("Simuler l'affichage des resultats (remplacer cette confirmation par responseXMl au dev)")){
		idier("angeler").innerHTML = resultat;
		classer("popincourt",lucarne)[0].innerHTML = resultats;
		var tempo = classer("popinsol",lucarne)[0].innerHTML;
		classer("popinsol",lucarne)[0].innerHTML = res + tempo;
		caler(lucarne);
	}
	
	return false;
}
/* partie dynamique */
var resultat = '30 r\xE9sultats correspondent à votre recherche :';
var resultats = '<ul class="resultats calliege"><li><a href="#" class="resultat">Ut velit mauris gravida nec</a>  |  <a href="#">mobile</a>  |  12-07- 2008';
resultats += '<p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin.</p></li>';
resultats += '<li><a href="#" class="resultat">Ut velit mauris gravida nec</a>  |  <a href="#">mobile</a>  |  12-07- 2008';
resultats += '<p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin.</p></li>';
resultats += '<li><a href="#" class="resultat">Ut velit mauris gravida nec</a>  |  <a href="#">mobile</a>  |  12-07- 2008';
resultats += '<p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin.</p></li>';
resultats += '<li><a href="#" class="resultat">Ut velit mauris gravida nec</a>  |  <a href="#">mobile</a>  |  12-07- 2008';
resultats += '<p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin.</p></li>';
resultats += '<li><a href="#" class="resultat">Ut velit mauris gravida nec</a>  |  <a href="#">mobile</a>  |  12-07- 2008';
resultats += '<p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin.</p></li>';
resultats += '<li><a href="#" class="resultat">Ut velit mauris gravida nec</a>  |  <a href="#">mobile</a>  |  12-07- 2008';
resultats += '<p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin.</p></li>';
resultats += '<li><a href="#" class="resultat">Ut velit mauris gravida nec</a>  |  <a href="#">mobile</a>  |  12-07- 2008';
resultats += '<p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin.</p></li>';
resultats += '<li><a href="#" class="resultat">Ut velit mauris gravida nec</a>  |  <a href="#">mobile</a>  |  12-07- 2008';
resultats += '<p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin.</p></li>';
resultats += '<li><a href="#" class="resultat">Ut velit mauris gravida nec</a>  |  <a href="#">mobile</a>  |  12-07- 2008';
resultats += '<p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin.</p></li>';
resultats += '<li><a href="#" class="resultat">Ut velit mauris gravida nec</a>  |  <a href="#">mobile</a>  |  12-07- 2008';
resultats += '<p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin.</p></li></ul>';
var res = '<div><p><a href="#">Premier \x3C\x3C</a> <a href="#" class="precedent">Pr\xE9c\xE9dent</a>';
res += '<span>1</span> <span>|</span> <a href="#">2</a> <span>|</span> <a href="#">3</a> <span>|</span> <a href="#">4</a>';
res += '<a href="#" class="resultat">Suivant</a> <a href="#">\x3E\x3E Dernier</a></p></div>';





//Injecter l'aide du formulaire de recherche dans le popin
var aiderOpacite = 75;
var aiderTitre = 'Aide de la recherche avanc\xE9e';
var aiderDonnees = '<div class="calliege"><p>Pour remplir...</p></div>';
function aider(){
	fumer(aiderOpacite);
	lucarne.innerHTML = pp1 + aiderTitre + pp2 + aiderDonnees + pp3;
	caler(lucarne);
	peler("a",lucarne)[0].focus();
	return false;
}




//Injecter une image (pour video) dans le popin
var visionnerOpacite = 90;
var visionnerTitre = 'Titre de la vid\xE9o';
var visionnerDonnees = '<div class="multimedia calliege"><p id="video"><img src="images/_video.gif" alt="" width="525" height="469" /></p>';
visionnerDonnees += '<p class="ecart">video video video video video video video video video video video video video video video video video ';
visionnerDonnees += 'video video video video video video video video video video video video</p></div>';
function visionner(){
	fumer(visionnerOpacite);
	lucarne.innerHTML = pp1Redir + visionnerTitre + pp2 + visionnerDonnees + pp3;
	caler(lucarne);
	peler("a",lucarne)[0].focus();
	return false;
}

//Injecter un flash (pour video) dans le popin
function wizionnner(){
	visionner();
	swfobject.embedSWF("flash/_anim.swf", "video", "525", "469", "9.0.0", "flash/expressInstall.swf");
}





//Injecter un diaporama en popin
/* IMPORTANT : respecter largeur des vignettes */
var feuilleterOpacite = 85;
var fd1 = '<div class="diaporama calliege"><p>';
var fd2 = '<img src="';
var fd3 = '" alt="" width="588" height="393" id="diapiko';
var fd4 = '" />';
var fd5 = '</p><div class="diapos"><div class="defilerFleche" id="gauche"><img src="images/css/fond-puce-precedent.gif" alt="" width="13" height="13" /></div>';
var fd6 = '<div class="defile"><div id="vignettes" style="margin-left: 0; width: ';
var fd7 = 'px;">';
var fd8 = '<a href="javascript:void(0);" onclick="afficher(';
var fd9 = ');"><img src="';
var fd10 = '" alt="" width="105" height="70" /></a>';
var fd11 = '</div></div><div class="defilerFleche" id="droite"><a href="javascript:void(0);" onclick="defiler(1);"><img src="images/css/fond-puce-suivant.gif" alt="" width="13" height="13" /></a><div></div></div></div>';
fd11 += '<p class="ecart">credits credits credits credits credits credits credits credits credits credits credits credits credits credits credits </p>';
fd11 += '<p class="ecart">description description description description description description description description description ';
fd11 += 'description description description description description description description description description</p></div>';
var toutesDiapos;
var quelleLimite;
function feuilleter(){
	fumer(feuilleterOpacite);
	var tempo = parachute.className.split("feuilleter ")[1].split(" ")[0];
	var tempo2 = fd1 + fd2 + eval(tempo)[0][0] + fd3 + '0" class="actif' + fd4;
	toutesDiapos = eval(tempo).length;
	for (i=1;i<toutesDiapos;i++) tempo2 += fd2 + eval(tempo)[i][0] + fd3 + i + fd4;
	quelleLimite = new Array(460,eval(tempo).length * 115);
	tempo2 += fd5 + fd6 + quelleLimite[1] + fd7;
	for (i=0;i<toutesDiapos;i++) tempo2 += fd8 + i + fd9 + eval(tempo)[i][1] + fd10;
	tempo2 += fd11;
	lucarne.innerHTML = pp1Redir + eval(tempo + "Titre") + pp2 + tempo2 + pp3;
	if (toutesDiapos == 4) idier("droite").innerHTML = peler("a",idier("droite"))[0].innerHTML;
	caler(lucarne);
	peler("a",lucarne)[0].focus();
	return false;
}


