// JScript File
var NOM_BASE_TAG_IMAGE = "etiquette";
var COULEUR_ETIQUETTE_SELECTIONNEE = "#A22930";
var CLASSE_ETIQUETTE_SELECTIONNEE = "tagImageSelectionne";
var COULEUR_ETIQUETTE_NON_SELECTIONNEE = "#000000";
var CLASSE_ETIQUETTE_NON_SELECTIONNEE = "tagImageNonSelectionne";
var NOM_CLASSE_ETIQUETTE_IMAGE = "tagImage";
var ID_IMAGE_DIAPO = "imageDiapo";
var ID_IMAGE_DIAPO_NUMERO = "imageDiapoNumeros";
var ID_IMAGE_ALEATOIRE = "imageAleatoire";
var ID_DIV_AVERTISSEMENT_JAVASCRIPT = "avertissement";

var m_tableImagesAleatoires;
var m_tableImagesPET;
var m_tableImagesHYATT;
var m_tableImagesIGA;
var m_tableImagesLEGERROBIC;
var m_tableImagesGAZ;
var m_listeImagePageCourrante;
var m_indexTableLangue;


function initializationRealisation(langue, pageCourrante) {

    initialization(langue);
    
    if (pageCourrante == 'PET') {
        m_listeImagePageCourrante = m_tableImagesPET;
        initialiserDiapo(m_indexTableLangue,m_listeImagePageCourrante, ID_DIV_AVERTISSEMENT_JAVASCRIPT, ID_IMAGE_DIAPO_NUMERO);
    }

    if (pageCourrante == 'GAZ') {
        m_listeImagePageCourrante = m_tableImagesGAZ;
        initialiserDiapo(m_indexTableLangue,m_listeImagePageCourrante, ID_DIV_AVERTISSEMENT_JAVASCRIPT, ID_IMAGE_DIAPO_NUMERO);
    }
    
    if (pageCourrante == 'HYATT') {
        m_listeImagePageCourrante = m_tableImagesHYATT;
        initialiserDiapo(m_indexTableLangue,m_listeImagePageCourrante, ID_DIV_AVERTISSEMENT_JAVASCRIPT, ID_IMAGE_DIAPO_NUMERO);
    }
    
    if (pageCourrante == 'IGA') {
        m_listeImagePageCourrante = m_tableImagesIGA;
        initialiserDiapo(m_indexTableLangue,m_listeImagePageCourrante, ID_DIV_AVERTISSEMENT_JAVASCRIPT, ID_IMAGE_DIAPO_NUMERO);
    }
    
    if (pageCourrante == 'LEGERROBIC') {
        m_listeImagePageCourrante = m_tableImagesLEGERROBIC;
        initialiserDiapo(m_indexTableLangue,m_listeImagePageCourrante, ID_DIV_AVERTISSEMENT_JAVASCRIPT, ID_IMAGE_DIAPO_NUMERO);
    }
    
    if (m_listeImagePageCourrante && m_listeImagePageCourrante.length > 0)
    {
        preloadListe(m_listeImagePageCourrante);
    }
}

function initialization(langue) {
    m_tableImagesAleatoires = new Array();
	m_tableImagesPET = new Array();
	m_tableImagesHYATT = new Array();
	m_tableImagesIGA = new Array();
	m_tableImagesLEGERROBIC = new Array();
	m_tableImagesGAZ = new Array();

    if (langue == "en") {
        m_indexTableLangue = 2;
    }
    else {
        m_indexTableLangue = 1;
    }
    
    
    // ["lien de l'image", "alt en francais", "alt en anglais"]
    m_tableImagesPET[0] = ["images/realisations/adm-dorval/adm-dorval1.jpg", "Aéroport Pierre-Elliott Trudeau", "Pierre-Elliot Trudeau Airport"];
    m_tableImagesPET[1] = ["images/realisations/adm-dorval/adm-dorval2.jpg", "Aéroport Pierre-Elliott Trudeau", "Pierre-Elliot Trudeau Airport"];
    m_tableImagesPET[2] = ["images/realisations/adm-dorval/adm-dorval3.jpg", "Aéroport Pierre-Elliott Trudeau", "Pierre-Elliot Trudeau Airport"];
    m_tableImagesPET[3] = ["images/realisations/adm-dorval/adm-dorval4.jpg", "Aéroport Pierre-Elliott Trudeau", "Pierre-Elliot Trudeau Airport"];
    m_tableImagesPET[4] = ["images/realisations/adm-dorval/adm-dorval5.jpg", "Aéroport Pierre-Elliott Trudeau", "Pierre-Elliot Trudeau Airport"];

    m_tableImagesGAZ[0] = ["images/realisations/gaz-metropolitain/gaz-metropolitain1.jpg", "Gaz Métropolitain", "Gaz Métropolitain"];
    m_tableImagesGAZ[1] = ["images/realisations/gaz-metropolitain/gaz-metropolitain2.jpg", "Gaz Métropolitain", "Gaz Métropolitain"];
    m_tableImagesGAZ[2] = ["images/realisations/gaz-metropolitain/gaz-metropolitain3.jpg", "Gaz Métropolitain", "Gaz Métropolitain"];
    m_tableImagesGAZ[3] = ["images/realisations/gaz-metropolitain/gaz-metropolitain4.jpg", "Gaz Métropolitain", "Gaz Métropolitain"];

	m_tableImagesHYATT[0] = ["images/realisations/hotel-hyatt/hotel-hyatt1.jpg", "Hôtel Hyatt Regency Montréal", "Hyatt Regency Montréal Hotel"];
	m_tableImagesHYATT[1] = ["images/realisations/hotel-hyatt/hotel-hyatt2.jpg", "Hôtel Hyatt Regency Montréal", "Hyatt Regency Montréal Hotel"];
    m_tableImagesHYATT[2] = ["images/realisations/hotel-hyatt/hotel-hyatt3.jpg", "Hôtel Hyatt Regency Montréal", "Hyatt Regency Montréal Hotel"];
    m_tableImagesHYATT[3] = ["images/realisations/hotel-hyatt/hotel-hyatt4.jpg", "Hôtel Hyatt Regency Montréal", "Hyatt Regency Montréal Hotel"];
    m_tableImagesHYATT[4] = ["images/realisations/hotel-hyatt/hotel-hyatt5.jpg", "Hôtel Hyatt Regency Montréal", "Hyatt Regency Montréal Hotel"];
    m_tableImagesHYATT[5] = ["images/realisations/hotel-hyatt/hotel-hyatt6.jpg", "Hôtel Hyatt Regency Montréal", "Hyatt Regency Montréal Hotel"];

    m_tableImagesIGA[0] = ["images/realisations/iga_ileDesSoeurs/iga_ileDesSoeurs1.jpg", "IGA Ile-des-Soeurs", "IGA Ile-des-Soeurs"];
    m_tableImagesIGA[1] = ["images/realisations/iga_ileDesSoeurs/iga_ileDesSoeurs2.jpg", "IGA Ile-des-Soeurs", "IGA Ile-des-Soeurs"];
    m_tableImagesIGA[2] = ["images/realisations/iga_ileDesSoeurs/iga_ileDesSoeurs3.jpg", "IGA Ile-des-Soeurs", "IGA Ile-des-Soeurs"];
    m_tableImagesIGA[3] = ["images/realisations/iga_ileDesSoeurs/iga_ileDesSoeurs4.jpg", "IGA Ile-des-Soeurs", "IGA Ile-des-Soeurs"];
    m_tableImagesIGA[4] = ["images/realisations/iga_ileDesSoeurs/iga_ileDesSoeurs5.jpg", "IGA Ile-des-Soeurs", "IGA Ile-des-Soeurs"];

    m_tableImagesLEGERROBIC[0] = ["images/realisations/leger-robic/leger-robic1.jpg", "Léger & Robic Avocats", "Lawers Léger & Robic"];
    m_tableImagesLEGERROBIC[1] = ["images/realisations/leger-robic/leger-robic2.jpg", "Léger & Robic Avocats", "Lawers Léger & Robic"];
    m_tableImagesLEGERROBIC[2] = ["images/realisations/leger-robic/leger-robic3.jpg", "Léger & Robic Avocats", "Lawers Léger & Robic"];

	m_tableImagesAleatoires = m_tableImagesPET;
	m_tableImagesAleatoires = m_tableImagesAleatoires.concat(m_tableImagesGAZ);
	m_tableImagesAleatoires = m_tableImagesAleatoires.concat(m_tableImagesHYATT);
	m_tableImagesAleatoires = m_tableImagesAleatoires.concat(m_tableImagesIGA);
	m_tableImagesAleatoires = m_tableImagesAleatoires.concat(m_tableImagesLEGERROBIC);

	if (document.getElementById(ID_IMAGE_ALEATOIRE)) {

	    chargerImageAleatoire(ID_IMAGE_ALEATOIRE);
	}
}

function initialiserDiapo(langueIndex, m_listeImagePageCourrante, divAvertissement, divNumeros){
    
    var listeEtiquettes;
    var etiquetteModele;
    var etiquetteCourrante;
    
    
    if(m_listeImagePageCourrante && m_listeImagePageCourrante.length != 0) {

        etiquetteModele = "<span id=\"etiquette#INDEX#\" title=\"#ALT#\" class=\"tagImageNonSelectionne\" onclick=\"javascript:selectionnerImage(#INDEX#);\">&nbsp;#INDEXPLUSUN#&nbsp;</span>";
        
        listeEtiquettes = "";
        for (var i = 0; i < m_listeImagePageCourrante.length; i++) {
            etiquetteCourrante = etiquetteModele.replace(/#INDEX#/g, i);
            etiquetteCourrante = etiquetteCourrante.replace(/#ALT#/g, m_listeImagePageCourrante[i][langueIndex]);
            etiquetteCourrante = etiquetteCourrante.replace(/#INDEXPLUSUN#/g, i + 1);
            listeEtiquettes = listeEtiquettes.concat(etiquetteCourrante + '\n');
        }
        
        document.getElementById(divNumeros).innerHTML = listeEtiquettes;
        document.getElementById(divNumeros).style.display = 'block';
        document.getElementById(divAvertissement).style.display = 'none';

        selectionnerImage(0);
    }
}

function selectionnerImage(index) {

    // remet la class a 'normal'
    for (var i = 0; i < m_listeImagePageCourrante.length; i++){
        document.getElementById(NOM_BASE_TAG_IMAGE + i).className = CLASSE_ETIQUETTE_NON_SELECTIONNEE;// style.color = COULEUR_ETIQUETTE_NON_SELECTIONNEE;
    }
    
    document.getElementById(NOM_BASE_TAG_IMAGE + index).className = CLASSE_ETIQUETTE_SELECTIONNEE;//.style.color = COULEUR_ETIQUETTE_SELECTIONNEE;
    document.getElementById(ID_IMAGE_DIAPO).innerHTML = "<img id='monImage' alt='" + m_listeImagePageCourrante[index][m_indexTableLangue] + "' src='" + m_listeImagePageCourrante[index][0] + "' />"
}

function chargerImageAleatoire(idDiv) {
    var nombreAleatoire;
    var tagImage;
    var alt;
    var src;

    nombreAleatoire = Math.floor(m_tableImagesAleatoires.length * Math.random());
    alt = m_tableImagesAleatoires[nombreAleatoire][m_indexTableLangue];
    src = m_tableImagesAleatoires[nombreAleatoire][0];
    
    tagImage = "<img alt='" + alt + "' src='" + src + "' />";
    document.getElementById(idDiv).innerHTML = tagImage;
}

function preloadListe(liste) {
    
    var preload_image_object = new Image();
    
    if (liste && liste.length > 0) {
        for (var i = 0; i < liste.length; i++) {
        preload_image_object.src = liste[i][0];
        }
    }
}