﻿// Fichier JScript

var dossier = "images/pyramide/";
var imageCourante = "";
var imageDroite = "";
var imageGauche = "";

/// Faire pivoter la pyramide dans un sens: droite ou gauche
function tournerPyramide(sens)
{
    var image = document.getElementById('imgPyramide');
    var droite = document.getElementById('imgDroite');
    var gauche = document.getElementById('imgGauche');
    var transTitle = "";
    var transAlt = "";
    
    // Selon le sens, afficher le bon côté de la pyramide et les liens vers ses autres côtés.
    switch(sens)
    {
        case 'droite':
        {
            transTitle = gauche.title;
            transAlt = gauche.alt;
            gauche = transfererInfos(gauche, image.alt, image.title);
            image = transfererInfos(image, droite.alt, droite.title);
            image = changerImage(image, droite.alt);
            droite = transfererInfos(droite, transAlt, transTitle);
        }
        break;
        
        case 'gauche':
        {
            transTitle = droite.title;
            transAlt = droite.alt;
            droite = transfererInfos(droite, image.alt, image.title);
            image = transfererInfos(image, gauche.alt, gauche.title);
            image = changerImage(image, gauche.alt);
            gauche = transfererInfos(gauche, transAlt, transTitle);
        }
        break;
    }
}

/// Modifier les informations (alt et title) de l'image cible avec les infos reçues.
function transfererInfos(imageCible, alt, title)
{
    imageCible.alt = alt;
    imageCible.title = title;
    return imageCible;
}

/// Pour l'image cible, appliquer l'image reçue.
function changerImage(imageCible, nomImage)
{
    imageCible.src = dossier + nomImage;
    return imageCible;
}

/// Selon la taille de l'image, la grossir ou la rapetisser.
function grossirPyramide()
{
    var image = document.getElementById('imgPyramide');
    
    if(image.style.height.toString() == '799px')
    {
        image.style.height = '454px';
        image.style.width = '350px';
    }
    else
    {
        image.style.height = '799px';
        image.style.width = '615px';
    }
}
