// Création du tableau contenant les images
var InitTab = new Array();
// Création du tableau contenant les textes des images
var InitTxtTab = new Array();
// Création du tableau contenant les références
var RefTab = new Array();
// Tableau contenant les sources des images
var ImgTab = new Array();
// Tableau contenant les sources des images textes
var ImgTxtTab = new Array();
// Intervalle entre 2 fondues (en ms)
var intervalle=6000;
// On initialise l'index à 1
var index = 1;
// Variable contenant l'objet TIMER
var timer;
// Variable contenant l'objet du Popup des détails
var popup;
//########### FONCTION PERMETTANT DE FAIRE LE DIAPORAMA #############
function Defile()
{
if (window.createPopup)
{
// Effet DirectX donnant l'illusion de tourner une page
diaporama.style.filter="progid:DXImageTransform.Microsoft.Stretch";
// Application de l'effet DirectX à l'objet
diaporama.filters[0].apply();
}
document.images.diaporama.src=ImgTab[index].src;
if (window.createPopup)
// On joue l'effet de transition
diaporama.filters[0].play();
index++;
if (index == ImgTab.length)
index=0;
timer = setTimeout("Defile()",intervalle);
}
//########### FONCTION PERMETTANT DE CRÉER UNE POPUP DYNAMIQUE EN FONCTION DE L'IMAGE ###########
function PopupImage(img)
{
popup=open("",'details','top='+top_centre(700)+',left='+left_centre(400)+'width=100,height=100,toolbar=no,scrollbars=no,resizable=yes');
popup.document.write("Description![Cliquez sur le descriptif pour le fermer.](" + img + ")
");
popup.document.close();
}
//########### FONCTION PERMETTANT DE MODIFIER LA VITESSE DE DÉFILEMENT DU DIAPORAMA ###########
function ChangeSpeed()
{
// Destruction de l'ancien TIMER
clearTimeout(timer);
// Modification de l'intervalle
intervalle = document.getElementById("vitesse").value * 1000;
// On recrée un nouveau TIMER
Defile();
}
//########### FONCTION PERMETTANT D'INITIALISER LA FONCTION DE DIAPORAMA ###########
function Initialisation_Diapo(catalogue)
{
if (navigator.appName != "Microsoft Internet Explorer")
{
diaporama = document.getElementById("diaporama");
//diaporama_txt = document.getElementById("diaporama_txt");
}
// On initialise les photos et les liens en fonction du catalogue...
switch (catalogue)
{
case "Entrée":
//######################### Photos ############################
diaporama.src = "/images/catalogue/catalogue_entree/entree_1.jpg";
InitTab[0]="/images/catalogue/catalogue_entree/entree_1.jpg";
InitTab[1]="/images/catalogue/catalogue_entree/entree_2.jpg";
InitTab[2]="/images/catalogue/catalogue_entree/entree_3.jpg";
InitTab[3]="/images/catalogue/catalogue_entree/entree_4.jpg";
InitTab[4]="/images/catalogue/catalogue_entree/entree_5.jpg";
InitTab[5]="/images/catalogue/catalogue_entree/entree_6.jpg";
//######################### Liens #############################
RefTab[0]='/images/catalogue/descriptif/descriptif_entree/descriptif-entree1.jpg';
RefTab[1]='/images/catalogue/descriptif/descriptif_entree/descriptif-entree2.jpg';
RefTab[2]='/images/catalogue/descriptif/descriptif_entree/descriptif-entree3.jpg';
RefTab[3]='/images/catalogue/descriptif/descriptif_entree/descriptif-entree4.jpg';
RefTab[4]='/images/catalogue/descriptif/descriptif_entree/descriptif-entree5.jpg';
RefTab[5]='/images/catalogue/descriptif/descriptif_entree/descriptif-entree6.jpg';
break;
case "Salon":
//######################### Photos ############################
diaporama.src = "/images/catalogue/catalogue_salon/salon_1.jpg";
InitTab[0]="/images/catalogue/catalogue_salon/salon_1.jpg";
InitTab[1]="/images/catalogue/catalogue_salon/salon_2.jpg";
InitTab[2]="/images/catalogue/catalogue_salon/salon_3.jpg";
InitTab[3]="/images/catalogue/catalogue_salon/salon_4.jpg";
InitTab[4]="/images/catalogue/catalogue_salon/salon_5.jpg";
InitTab[5]="/images/catalogue/catalogue_salon/salon_6.jpg";
//######################### Liens #############################
RefTab[0]='/images/catalogue/descriptif/descriptif_salon/descriptif-salon1.jpg';
RefTab[1]='/images/catalogue/descriptif/descriptif_salon/descriptif-salon2.jpg';
RefTab[2]='/images/catalogue/descriptif/descriptif_salon/descriptif-salon3.jpg';
RefTab[3]='/images/catalogue/descriptif/descriptif_salon/descriptif-salon4.jpg';
RefTab[4]='/images/catalogue/descriptif/descriptif_salon/descriptif-salon5.jpg';
RefTab[5]='/images/catalogue/descriptif/descriptif_salon/descriptif-salon6.jpg';
break;
case "Dressing":
//######################### Photos ############################
diaporama.src = "/images/catalogue/catalogue_dressing/dressing_1.jpg";
InitTab[0]="/images/catalogue/catalogue_dressing/dressing_1.jpg";
InitTab[1]="/images/catalogue/catalogue_dressing/dressing_2.jpg";
InitTab[2]="/images/catalogue/catalogue_dressing/dressing_3.jpg";
InitTab[3]="/images/catalogue/catalogue_dressing/dressing_4.jpg";
InitTab[4]="/images/catalogue/catalogue_dressing/dressing_5.jpg";
InitTab[5]="/images/catalogue/catalogue_dressing/dressing_6.jpg";
//######################### Liens #############################
RefTab[0]='/images/catalogue/descriptif/descriptif_dressing/descriptif-dressing1.jpg';
RefTab[1]='/images/catalogue/descriptif/descriptif_dressing/descriptif-dressing2.jpg';
RefTab[2]='/images/catalogue/descriptif/descriptif_dressing/descriptif-dressing3.jpg';
RefTab[3]='/images/catalogue/descriptif/descriptif_dressing/descriptif-dressing4.jpg';
RefTab[4]='/images/catalogue/descriptif/descriptif_dressing/descriptif-dressing5.jpg';
RefTab[5]='/images/catalogue/descriptif/descriptif_dressing/descriptif-dressing6.jpg';
break;
case "Bureau":
//######################### Photos ############################
diaporama.src = "/images/catalogue/catalogue_bureau/bureau_1.jpg";
InitTab[0]="/images/catalogue/catalogue_bureau/bureau_1.jpg";
InitTab[1]="/images/catalogue/catalogue_bureau/bureau_2.jpg";
InitTab[2]="/images/catalogue/catalogue_bureau/bureau_3.jpg";
InitTab[3]="/images/catalogue/catalogue_bureau/bureau_4.jpg";
InitTab[4]="/images/catalogue/catalogue_bureau/bureau_5.jpg";
InitTab[5]="/images/catalogue/catalogue_bureau/bureau_6.jpg";
//######################### Liens #############################
RefTab[0]='/images/catalogue/descriptif/descriptif_bureau/descriptif-bureau1.jpg';
RefTab[1]='/images/catalogue/descriptif/descriptif_bureau/descriptif-bureau2.jpg';
RefTab[2]='/images/catalogue/descriptif/descriptif_bureau/descriptif-bureau3.jpg';
RefTab[3]='/images/catalogue/descriptif/descriptif_bureau/descriptif-bureau4.jpg';
RefTab[4]='/images/catalogue/descriptif/descriptif_bureau/descriptif-bureau5.jpg';
RefTab[5]='/images/catalogue/descriptif/descriptif_bureau/descriptif-bureau6.jpg';
break;
case "Chambre":
//######################### Photos ############################
diaporama.src = "/images/catalogue/catalogue_chambre/chambre_1.jpg";
InitTab[0]="/images/catalogue/catalogue_chambre/chambre_1.jpg";
InitTab[1]="/images/catalogue/catalogue_chambre/chambre_2.jpg";
InitTab[2]="/images/catalogue/catalogue_chambre/chambre_3.jpg";
InitTab[3]="/images/catalogue/catalogue_chambre/chambre_4.jpg";
InitTab[4]="/images/catalogue/catalogue_chambre/chambre_5.jpg";
InitTab[5]="/images/catalogue/catalogue_chambre/chambre_6.jpg";
//######################### Liens #############################
RefTab[0]='/images/catalogue/descriptif/descriptif_chambre/descriptif-chambre1.jpg';
RefTab[1]='/images/catalogue/descriptif/descriptif_chambre/descriptif-chambre2.jpg';
RefTab[2]='/images/catalogue/descriptif/descriptif_chambre/descriptif-chambre3.jpg';
RefTab[3]='/images/catalogue/descriptif/descriptif_chambre/descriptif-chambre4.jpg';
RefTab[4]='/images/catalogue/descriptif/descriptif_chambre/descriptif-chambre5.jpg';
RefTab[5]='/images/catalogue/descriptif/descriptif_chambre/descriptif-chambre6.jpg';
break;
case "Professionnel":
//######################### Photos ############################
diaporama.src = "/images/catalogue/catalogue_pro/pro_1.jpg";
InitTab[0]="/images/catalogue/catalogue_pro/pro_1.jpg";
InitTab[1]="/images/catalogue/catalogue_pro/pro_2.jpg";
InitTab[2]="/images/catalogue/catalogue_pro/pro_3.jpg";
InitTab[3]="/images/catalogue/catalogue_pro/pro_4.jpg";
InitTab[4]="/images/catalogue/catalogue_pro/pro_5.jpg";
InitTab[5]="/images/catalogue/catalogue_pro/pro_6.jpg";
//######################### Liens #############################
RefTab[0]='/images/catalogue/descriptif/descriptif_pro/descriptif-pro1.jpg';
RefTab[1]='/images/catalogue/descriptif/descriptif_pro/descriptif-pro2.jpg';
RefTab[2]='/images/catalogue/descriptif/descriptif_pro/descriptif-pro3.jpg';
RefTab[3]='/images/catalogue/descriptif/descriptif_pro/descriptif-pro4.jpg';
RefTab[4]='/images/catalogue/descriptif/descriptif_pro/descriptif-pro5.jpg';
RefTab[5]='/images/catalogue/descriptif/descriptif_pro/descriptif-pro6.jpg';
break;
}
for (i = 0; i < InitTab.length; i++)
{
ImgTab[i]=new Image();
ImgTab[i].src=InitTab[i];
ImgTxtTab[i]=new Image();
ImgTxtTab[i].src=InitTxtTab[i];
}
// On lance la fonction de défilement
timer = setTimeout('Defile()',intervalle);
}
//############ FONCTIONS PERMETTANT DE CENTRER LA POPUP TOUT EN OUTREPASSANT L'ANTIPOPUP #########
function top_centre(hauteur)
{
var top=(screen.height-hauteur)/2;
return top;
}
function left_centre(largeur)
{
var left=(screen.width-largeur)/2;
return left;
}
//############ FONCTION PERMETTANT DE RELANCER LE DIAPORAMA LORSQUE LA POPUP EST FERMÉE #########
function Relance()
{
if (popup.closed == false)
{
setTimeout('Relance()',500);
}
else
{
// Arrivé ici, la fenêtre est fermée, on relance la diapo...
Defile();
}
}
//###### FONCTION PERMETTANT DE CHOISIR LE LIEN EN FONCTION DE LA PHOTO EN COURS ######
function ChoixRef()
{
var lien;
switch (document.images.diaporama.src)
{
case ImgTab[0].src:
lien = RefTab[0];
break;
case ImgTab[1].src:
lien = RefTab[1];
break;
case ImgTab[2].src:
lien = RefTab[2];
break;
case ImgTab[3].src:
lien = RefTab[3];
break;
case ImgTab[4].src:
lien = RefTab[4];
break;
case ImgTab[5].src:
lien = RefTab[5];
break;
}
// A la visualisation d'un détail, le diaporama est stopé
clearTimeout(timer);
// On lance la Popup avec le lien qui va bien
PopupImage(lien);
//On se met en constante attente de la fermeture de la Popup pour relancer le diaporama
Relance();
}