//Load EFFECTS module
Rico.loadModule('Effect');
// PARAMETRES
var _dir_images = "/images/fiche-produit/"; // repertoire de l'image a afficher
var _xlayer = 350; // position du bord gauche du layer relativement a la page
var _ylayer = 300; // position du bord haut du layer relativement a la page
var _couleur_fond = "#EEFAE4"; // couleur du fond
var _couleur_titre = "#FFD07D"; // couleur du titre
var _bordure_titre = "#707070"; // couleur de la bordure autour du titre (pas de bordure indiquer : "")
var _police = "Verdana,Arial,Helvetica,sans serif"; // police du texte
var _bouton_fermer = "/images/fiche-produit/croix.gif"; // bouton fermer la fenetre en haut du layer
var _id_layer = "popup";
var _haut_titre = 25; // hauteur du titre en pixels (pour determiner la hauteur de la zone permettant le deplacement)
// VARIABLES GLOBALES
var nn4 = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
var obj_layer = null;
var larg_image = 0; // largeur de l'image
var cache = true;
var X,Y,moveX,moveY,offsetX,offsetY;
var b_traine = false; // vrai, lorsqu'on est en train de deplacer le layer
// creation de l'objet obj_layer en fonction du navigateur :
// affecte le layer et lui donne son emplacement vertical
function init_layer() {
if (dom && (document.getElementById(_id_layer))) {
obj_layer = document.getElementById(_id_layer).style;
X = iex ? "event.clientX": "e.clientX";
Y = iex ? "event.clientY" : "e.clientY";
offsetX = (iex) ? "document.body.scrollLeft" : "pageXOffset";
offsetY = (iex) ? "document.body.scrollTop" : "pageYOffset";
}
else if (iex && (_id_layer)) {
obj_layer = _id_layer.style;
X="event.clientX";
Y="event.clientY";
offsetX="document.body.scrollLeft";
offsetY="document.body.scrollTop";
}
else if (nn4 && (document.layers[_id_layer])) {
obj_layer = document.layers[_id_layer];
X="e.pageX";
Y="e.pageY";
offsetX="pageXOffset";
offsetY="pageYOffset";
document.captureEvents(Event.MOUSEDOWN|Event.MOUSEMOVE|Event.MOUSEUP);
}
if (obj_layer) {
obj_layer.left = _xlayer;
obj_layer.top = _ylayer;
}
}
// ecrit le contenu dans le layer et le rend visible
function contenu_layer(contenu) {
if (nn4) {
obj_layer.document.write(contenu);
obj_layer.document.close();
obj_layer.visibility = "visible";
}
else if (dom) {
document.getElementById(_id_layer).innerHTML = contenu;
obj_layer.visibility = "visible";
}
else if (iex) {
document.all[_id_layer].innerHTML = contenu;
obj_layer.visibility = "visible";
}
}
// cache le layer (seulement s'il est visible)
function fermerp() {
if (!cache) {
resetEffectp('masque');
obj_layer.innerHTML = '';
obj_layer.visibility = "hidden";
cache = true;
//initLayer('targetarea');
}
}
// positionne correctement le layer si on a fait defile la page
function scroll_layer() {
if (document.all) {
obj_layer.left = parseInt(document.body.scrollLeft + _xlayer);
obj_layer.top = parseInt(document.body.scrollTop + _ylayer);
}
else {
obj_layer.left = parseInt(window.pageXOffset + _xlayer);
obj_layer.top = parseInt(window.pageYOffset + _ylayer);
}
}
// GESTION DE LA COULEUR
function startEffectp() {
startTop = $('masque').offsetTop;
startLeft = $('masque').offsetLeft;
$('masque').style.bgColor = '#000000';
$('masque').style.opacity = 0.10;
$('masque').style.visibility = "visible";
new Rico.Effect.FadeTo('masque', 0.4, 10, 4 );
document.getElementById('masque').style.zIndex = 1;
}
function resetEffectp() {
new Rico.Effect.FadeTo( 'masque', 0.1, 10, 4 );
document.getElementById('masque').style.zIndex = -1;
document.getElementById('masque').style.visibility = "hidden";
}
function initLayer(mylayer) {
document.getElementById(mylayer).innerHTML = '';
}
function showPopup(libele,params) {
init_layer();
if (obj_layer) {
cache = false;
startEffectp('masque');
var ch_texte = '
';
ch_texte += 'A ce jour vous disposez des avantages Client suivants : ';
ch_texte += params[0] ;
ch_texte += '
';
ch_texte += '';
}
scroll_layer();
contenu_layer(ch_texte);
}
}
function showPopupForum(libele,params) {
init_layer();
if (obj_layer) {
cache = false;
startEffectp('masque');
var ch_texte = '
';
if(libele=='pseudoForum'){
ch_texte += '
';
ch_texte += '';
ch_texte += '
';
}
scroll_layer();
contenu_layer(ch_texte);
}
}
// DEPLACEMENT DU LAYER AVEC LA SOURIS
// initialisation lorsqu'on appuye sur le bouton de la souris (debut du deplacement)
// l'argument "e" est necessaire pour Netscape 4
function init_traine(e) {
if (obj_layer && !cache) {
var Xin = eval(X);
var Yin = eval(Y);
var L = parseFloat(obj_layer.left);
var T = parseFloat(obj_layer.top);
var offX = (nn4)? 0 : eval(offsetX);
var offY = (nn4)? 0 : eval(offsetY);
// determine si la souris est dans la zone superieure du layer
if (Xin>(L-offX) && Xin<(L-offX+larg_image) && Yin>(T-offY) && Yin<(T-offY+_haut_titre)) {
b_traine = true;
moveX=Xin-L;
moveY=Yin-T;
}
else b_traine = false;
}
else b_traine = false;
}
function stop_traine() {
if (b_traine) {
moveX = null;
moveY = null;
b_traine = false;
}
}
function traine_layer(e) {
if (b_traine) {
var Xin = eval(X);
var Yin = eval(Y);
// deplacement
obj_layer.top = Yin - moveY;
obj_layer.left = Xin - moveX;
}
}
document.onmousedown=init_traine;
document.onmousemove=traine_layer;
document.onmouseup=stop_traine;
