var lang_p = "fr";
/*creating the bridge object model*/
bridge = function(pic,lgnd) {
var image = pic;
var legende = lgnd;
this.getImage = function(){
return image;};
this.getLegend = function(){
return legende;}
}
ponts = new Array();
var legendeRecup;
if (lang_p === 'fr') {
legendeRecup ='Pont Chaban-Delmas';
} else if (lang_p === 'gb') {
legendeRecup ='Chaban-Delmas bridge';
} else if (lang_p === 'es') {
legendeRecup = 'Puente Chaban Delmas';
}
ponts.push(new bridge('/perch/resources/pont-chaban-lavigne-cheron.jpg',legendeRecup));
if (lang_p === 'fr') {
legendeRecup ='Passerelle suspendue de Decines - LYON';
} else if (lang_p === 'gb') {
legendeRecup ='Decines footbrige - LYON';
} else if (lang_p === 'es') {
legendeRecup = 'Pasarela de Decines - LYON';
}
ponts.push(new bridge('/perch/resources/grande-passerelle-1.jpg',legendeRecup));
if (lang_p === 'fr') {
legendeRecup ='Pont de Terenez';
} else if (lang_p === 'gb') {
legendeRecup ='Terenez bridge';
} else if (lang_p === 'es') {
legendeRecup = 'Puente de Terenez';
}
ponts.push(new bridge('/perch/resources/pont-haubans-1.jpg',legendeRecup));
if (lang_p === 'fr') {
legendeRecup ='Pont des docks';
} else if (lang_p === 'gb') {
legendeRecup ='Docks bridge';
} else if (lang_p === 'es') {
legendeRecup = 'Puente de los Docks';
}
ponts.push(new bridge('/perch/resources/pont-des-docks-paul-vatine-1.jpg',legendeRecup));
if (lang_p === 'fr') {
legendeRecup ='Pole d échanges multimodal de Morlaix - Projet lauréat';
} else if (lang_p === 'gb') {
legendeRecup ='Morlaix station';
} else if (lang_p === 'es') {
legendeRecup = 'Estacion de Morlaix';
}
ponts.push(new bridge('/perch/resources/gare-de-morlaix-2.jpg',legendeRecup));
if (lang_p === 'fr') {
legendeRecup ='Passerelle du pole multimodal - Angouleme';
} else if (lang_p === 'gb') {
legendeRecup ='Angouleme station footbridge';
} else if (lang_p === 'es') {
legendeRecup = 'Pasarela de la estacion Angouleme';
}
ponts.push(new bridge('/perch/resources/pem-angouleme.jpg',legendeRecup));
if (lang_p === 'fr') {
legendeRecup ='Pont Confluences - Angers';
} else if (lang_p === 'gb') {
legendeRecup ='Confluences bridges - Angers';
} else if (lang_p === 'es') {
legendeRecup = 'Puente de las confluencias - Angers';
}
ponts.push(new bridge('/perch/resources/diapo/pont-confluences-1.jpg',legendeRecup));
if (lang_p === 'fr') {
legendeRecup ='Pont Vasco de Gama';
} else if (lang_p === 'gb') {
legendeRecup ='Vasco de Gama bridge';
} else if (lang_p === 'es') {
legendeRecup = 'Puente Vasco de Gama';
}
ponts.push(new bridge('/perch/resources/0575-pont-vasco-de-gama-accueil-1.jpg',legendeRecup));
if (lang_p === 'fr') {
legendeRecup ='Passerelle du PEM de Saint Brieuc';
} else if (lang_p === 'gb') {
legendeRecup ='Saint Brieuc station footbridge';
} else if (lang_p === 'es') {
legendeRecup = 'Pasarela de la estacion de Saint Brieuc';
}
ponts.push(new bridge('/perch/resources/pem-saint-brieuc-lavigne-cheron.jpg',legendeRecup));
if (lang_p === 'fr') {
legendeRecup ='Réhabilitation du PONT EIFFEL - Cubzac les ponts';
} else if (lang_p === 'gb') {
legendeRecup ='EIFFEL bridge rehabilitation - Cubzac les ponts';
} else if (lang_p === 'es') {
legendeRecup = 'Rehabilitacion del puente EIFFEL - Cubzac les ponts';
}
ponts.push(new bridge('/perch/resources/pont-eiffel.jpg',legendeRecup));
imagesS = new Array ();
for (tousSesPonts in ponts) {
imagesS[tousSesPonts] = new Image();
imagesS[tousSesPonts].src=ponts[tousSesPonts].getImage();
}
/*initializing the variables*/
var pontActif; // index of the bridges displayed
var nombrePonts = ponts.length; // the total number of bridges to display
var lesDivs;
var lElement;
var lImage;
var zeDelay = 4000; // delay before changing the pic (in ms)
var fadeTime = 750; // time for fading the bridge (in ms)
/*functions to image replacement*/
function setOpacity (opa) {
lElement.style.opacity = opa;
lElement.style.filter = "alpha(opacity=" + (opa * 100) + ");"; // for our beloved ie
}
function toBlack() { // fade out
for (a = 0;a <= 1;a = a+0.05 ) {
setTimeout("setOpacity(" + (1-a) + ")", a * fadeTime);}
}
function toPic() { // fade in
lImage.src = ponts[pontActif].getImage();
laLegende.innerHTML = ponts[pontActif].getLegend();
for (b = 0;b <= 1;b = b+0.05 ) {
setTimeout("setOpacity(" + b + ")", b * fadeTime);}
};
var looper = function (){
if (nombrePonts > 1){
goNext();
zeLoop = setTimeout(looper,zeDelay);
}
};
bridgeChange = function () {
toBlack();
var imgLdr = new Image ();
imgLdr.src= ponts[pontActif].getImage();
imgLdr.onload = function () {
setTimeout(toPic,fadeTime);
}
};
/* back and forth */
function goNext() {
if (pontActif === nombrePonts-1) {
pontActif = 0;
} else {
pontActif++;
}
bridgeChange();
}
function goPrev() {
if (pontActif === 0) {
pontActif = nombrePonts-1;
} else {
pontActif--;
}
bridgeChange();
}
/* function called when body is loaded to launch the process */
window.onload = function() {
lesDivs = document.getElementsByTagName('div');
for (vals in lesDivs) {
if (lesDivs[vals].className === 'element') {
lElement = lesDivs[vals];
lImage = lElement.getElementsByTagName('img')[0];
laLegende = lElement.getElementsByTagName('p')[0];
for (items in ponts){
if (ponts[items].getImage() === lImage.src) {// récupération de l’index de l’image par défaut ans le tableau ponts
pontActif = ponts.indexOf(items);
} else {
pontActif = 0;
}
}
}
}
autoplay = setTimeout(looper,zeDelay);
}