var pl = new Array();

function pictanim(files, filesPath, w, h, ttfr, tten, stfr, sten) {
  this.files = files;
  this.filesPath = filesPath;
  this.w = w;
  this.h = h;
  this.ttfr = ttfr;
  this.tten = tten;
  this.stfr = stfr;
  this.sten = sten;
  return this
  }

function langage() {return (document.location.href.indexOf('htmlfr')!=-1) ? 'fr' : 'en'}

function dropMenu() {
  document.write('<form name="choix" action="" method="get" style="margin:0px"><select name="id" onChange="this.form.submit()">');
  for(var i in pl) {
    var selected = i == animID ? ' selected' : '';
    var text = langage() == 'fr' ? pl[i].ttfr : pl[i].tten;
    document.write('<option value="' + i + '"' + selected + '>' + text + '</option>');
    }
  document.write('</select></form>');
  }

// Data animations ========================================================

pl['Nice_Aerien1'] = new pictanim('Nice_Aerien1_1_m.jpg;Nice_Aerien1_2_m.jpg;Nice_Aerien1_3_m.jpg;Nice_Aerien1_4_m.jpg', '../pictures/pictflip/', 600, 450, 'Nice, la Baie des Anges vue du ciel', 'Nice , Baie des Anges from the sky', 'Quatres images prise au décollage, côté droit, vers l\'est. Janvier 2005.', 'Four pictures taken after takeoff, on the right side, looking east. January 2005.');

pl['Nice_Port'] = new pictanim('Nice_Port_3_m.jpg;Nice_Port_2_m.jpg;Nice_Port_1_m.jpg', '../pictures/pictflip/', 600, 450, 'Nice port et château', 'Nice harbor and château', 'Trois vues depuis le boulevard du Mont-Boron. Juillet 2004.', 'Three pictures taken from Boulevard du Mont-Boron. July 2004.');

pl['Nice_Chateau'] = new pictanim('Nice_Chateau_3_m.jpg;Nice_Chateau_2_m.jpg;Nice_Chateau_1_m.jpg', '../pictures/pictflip/', 600, 402, 'Nice, vieille ville et Baie des Anges', 'Nice old town and Baie des Anges', 'Trois vues depuis le haut de la cascade du Château. Août 2003.', 'Three pictures taken from the top of the cascade on Château hill. August 2003.');

pl['Nice_Ciel'] = new pictanim('Nice_Ciel_5_m.jpg;Nice_Ciel_4_m.jpg;Nice_Ciel_3_m.jpg;Nice_Ciel_2_m.jpg;Nice_Ciel_1_m.jpg', '../pictures/pictflip/', 600, 450, 'Ciel mouvant sur Nice', 'Moving clouds over Nice', 'Cinq images à quelques secondes d\'intervale. Juillet 2004.', 'Five images taken a few seconds apart. July 2004.');

pl['Alpes_Mounier'] = new pictanim('Alpes_Mounier_1_m.jpg;Alpes_Mounier_2_m.jpg;Alpes_Mounier_3_m.jpg', '../pictures/pictflip/', 600, 450, 'Alpes, Mont Mounier aérien', 'Alps, Mount Mounier aerial', 'Le mont Mounier, la vallée de la Tinée et la frontière italienne vus d\'avion direction est. Janvier 2005.', 'Mount Mounier, the Tinée valley and italian border seen from the sky looking east. January 2005.');

pl['Alpes_Sestriere'] = new pictanim('Alpes_Sestriere_3_m.jpg;Alpes_Sestriere_2_m.jpg;Alpes_Sestriere_1_m.jpg', '../pictures/pictflip/', 600, 450, 'Alpes, Sestrière depuis La Bonette', 'Alps, Sestrière from La Bonette', 'La forêt de Sestrière et la route du col de la Moutière depuis la cime de La Bonette à 2806m. Juillet 2004.', 'Sestrière forest and road to La Moutière pass from La Bonette, 2806m. July 2004.');

pl['Alpes_Pierre_Chatel'] = new pictanim('Alpes_Pierre_Chatel_1_m.jpg;Alpes_Pierre_Chatel_2_m.jpg;Alpes_Pierre_Chatel_3_m.jpg', '../pictures/pictflip/', 600, 450, 'Alpes Maritimes, Mont Pierre Chatel', 'Maritim Alps, Mount Pierre Chatel', 'Haute Tinée, Jalorgue, Bolofré (2829m), Pointe des trois hommes (2774m), Mont Pierre Chatel (2772m), vallon de l\'Ardon. Janvier 2005.', 'Upper Tinée, Jalorgue, Bolofré (2829m), Pointe des trois hommes (2774m), Mont Pierre Chatel (2772m), vallon de l\'Ardon. January 2005.');

pl['Corse3D'] = new pictanim('corse3d01s.jpg;corse3d02s.jpg;corse3d03s.jpg;corse3d04s.jpg;corse3d05s.jpg;corse3d06s.jpg', '../pictures/', 275, 200, 'La Corse vue de Nice en 3D', 'Corsica seen from Nice in 3D', 'Le profile de la Corse simulée avec une maquette IGO et le logiciel TerraExplorer de Skyline.', 'Corsica shape simulated with an IGO model, using Skyline TerraExplorer.');

pl['Nice_Chateau_Toits'] = new pictanim('Nice_Chateau_Toits_3_m.jpg;Nice_Chateau_Toits_2_m.jpg;Nice_Chateau_Toits_1_m.jpg', '../pictures/pictflip/', 600, 431, 'Nice, vieille ville depuis le château', 'Nice old town from le château', 'Les toits de la vieille ville depuis le haut de la cascade du château', 'Old town roofs and narrow streets seen from le château.');

pl['Nice_Aerien_3D'] = new pictanim('Nice_Aerien_3D_10_m.jpg;Nice_Aerien_3D_9_m.jpg;Nice_Aerien_3D_8_m.jpg;Nice_Aerien_3D_7_m.jpg;Nice_Aerien_3D_6_m.jpg;Nice_Aerien_3D_5_m.jpg;Nice_Aerien_3D_4_m.jpg;Nice_Aerien_3D_3_m.jpg;Nice_Aerien_3D_2_m.jpg;Nice_Aerien_3D_1_m.jpg', '../pictures/pictflip/', 595, 404, 'Nice aérien simulé en 3D', 'Nice from the sky in 3D', 'Nice, la Baie des Anges et les reliefs des Alpes Maritimes simulés avec le logiciel libre WorldWind produit par la NASA (version 1.3.1 modifiée pour la brume).', 'Nice, Baie des Anges and the Maritime Alps simulated with the open source software WorldWind by NASA (version 1.3.1 modified to add fog).');

pl['Alpes_Maritimes_BMNG'] = new pictanim('Alpes_Maritimes_BMNG_200402_m.jpg;Alpes_Maritimes_BMNG_200404_m.jpg;Alpes_Maritimes_BMNG_200406_m.jpg;Alpes_Maritimes_BMNG_200407_m.jpg;Alpes_Maritimes_BMNG_200408_m.jpg;Alpes_Maritimes_BMNG_200410_m.jpg;Alpes_Maritimes_BMNG_200412_m.jpg', '../pictures/pictflip/', 600, 400, 'Alpes Maritimes vues de l\'espace', 'Maritimes Alps from space', 'Le changement des saisons au cours de l\'année 2004 (mois pairs + juillet). Extrait des images de Blue Marble Next Generation avec le logiciel libre WorldWind (NASA).', 'Seasons changing during 2004 (odd months + july). Images extracted from the Blue Marble Next Generation with the open source software WorldWind (NASA).');

pl['Alpes_Sources_Tinee'] = new pictanim('Alpes_Sources_Tinee_1_m.jpg;Alpes_Sources_Tinee_2_m.jpg;Alpes_Sources_Tinee_3_m.jpg;Alpes_Sources_Tinee_4_m.jpg;Alpes_Sources_Tinee_5_m.jpg;Alpes_Sources_Tinee_6_m.jpg;Alpes_Sources_Tinee_7_m.jpg', '../pictures/pictflip/', 600, 450, 'Alpes, ciel mouvant sur les sources de la Tinée', 'Alps, moving clouds over Tinée\'s source', 'Passages nuageux rapides sur les sommets de la haute Tinée. Août 2005.', 'Fast moving clouds over \'haute Tinée\' alpine landscape. August 2005.');

pl['Nice_Observatoire'] = new pictanim('image_060610_051708.jpg;image_060610_054708.jpg;image_060610_061708.jpg;image_060610_064708.jpg;image_060610_071708.jpg;image_060610_081708.jpg;image_060610_101708.jpg;image_060610_121708.jpg;image_060610_141708.jpg;image_060610_161708.jpg;image_060610_181708.jpg;image_060610_201708.jpg;image_060610_204708.jpg;image_060610_211708.jpg;image_060610_214708.jpg', '../pictures/pictflip/observatoire/', 352, 288, 'Nice depuis l\'Observatoire de la Côte d\'Azur', 'Nice from the observatory', 'Passage du soleil sur la ville. Juin 2006.', 'Sun going over the city. June 2006');

pl['Alpes_Auron'] = new pictanim('Alpes_Auron_1_m.jpg;Alpes_Auron_2_m.jpg;Alpes_Auron_3_m.jpg;Alpes_Auron_4_m.jpg;Alpes_Auron_5_m.jpg', '../pictures/pictflip/', 600, 450, 'Alpes, plateau d\'Auron depuis la Berchia', 'Alps, Auron from La Berchia', 'La station d\'Auron et la vallée de la Tinée direction sud-est. Août 2006.', 'Auron ski resort and the Tinée valley looking south-east. August 2006.');

pl['Alpes_Vens'] = new pictanim('Alpes_Vens_1_m.jpg;Alpes_Vens_2_m.jpg;Alpes_Vens_3_m.jpg;Alpes_Vens_4_m.jpg', '../pictures/pictflip/', 601, 450, 'Alpes, Mercantour, Lacs de Vens', 'Alps, Mercantour, Vens Lakes', 'Les lacs de Vens en descendant du Collet de Tortisse, vers le sud. Août 2006.', 'Vens lakes while coming down from Collet de Tortisse, looking south. August 2006.');

pl['Alpes_Vens2'] = new pictanim('Alpes_Vens_2_1_m.jpg;Alpes_Vens_2_2_m.jpg;Alpes_Vens_2_3_m.jpg', '../pictures/pictflip/', 600, 439, 'Alpes, Mercantour, Lacs de Vens', 'Alps, Mercantour, Vens Lakes', 'Les lacs inferieurs de Vens, vers le sud. Août 2006.', 'Vens lower lakes looking south. August 2006.');

// Affichage image et map ====================================================

// Startup
var args = getArgs();
var animID = args['id'];
var files = pl[animID].files.split(';');
var filesPath = pl[animID].filesPath;
var w = pl[animID].w;
var h = pl[animID].h;

// Drop down menu
dropMenu();

// Titre et sous-titre
var tt = pl[animID].ttfr;
var st = pl[animID].stfr;
if(langage() != 'fr') {
   tt = pl[animID].tten;
   st = pl[animID].sten;
   }
//document.write('<b>' + tt + '</b><br>' + st + '<p>');
document.write(st + '<p>');

// Label pour blend
var blendText = (langage() == 'fr') ? 'Avec fondu des images' : 'Blend images';

// Detection navigateur avec DOM
var hasDom = document.getElementById ? true : false;

if(hasDom) {

// Map rollover
var mapOffset = 1;
var mapStep = intPart(w / files.length); // integer part
var mapOffset2 = mapStep;
var mapBlend = intPart(mapStep / 6); // integer part

document.write('<map name="flipmap">\n');
for (var i = 0; i < files.length; i++) {
   mapOffset = mapStep * i;
   mapOffset2 = mapOffset + mapStep - 1;
   if(i > 0) { // blend avec celle du dessous (precedente)
     document.write('<area shape="rect" coords="' + mapOffset + ', 1, ' + (mapOffset+mapBlend) + ', ' + h + '" href="javascript:;" OnMouseOver="blendImage(' + i + ',0.66)">\n');
     }
   else {
     document.write('<area shape="rect" coords="' + mapOffset + ', 1, ' + (mapOffset+mapBlend) + ', ' + h + '" href="javascript:;" OnMouseOver="blendImage(' + i + ',1)">\n');
     }
   // Image principale a 100%
   document.write('<area shape="rect" coords="' + (mapOffset+mapBlend) + ', 1, ' + (mapOffset2-mapBlend) + ', ' + h + '" href="javascript:;" OnMouseOver="blendImage(' + i + ',1)">\n');
   if(i < files.length-1) { // blend avec celle du dessus (suivante)
     document.write('<area shape="rect" coords="' + (mapOffset2-mapBlend) + ', 1, ' + mapOffset2 + ', ' + h + '" href="javascript:;" OnMouseOver="blendImage(' + (i+1) + ',0.33)">\n');
     }
   else {
     document.write('<area shape="rect" coords="' + (mapOffset2-mapBlend) + ', 1, ' + mapOffset2 + ', ' + h + '" href="javascript:;" OnMouseOver="blendImage(' + i + ',1)">\n');
     }
   }
document.write('</map>\n');

// Images
document.write('<div style="position:relative; width:' + w + '; height:' + h + '; overflow:hidden">');
for (var i = 0; i < files.length; i++) {
   document.write('<div id="flipimage' + i + '" style="position: absolute; width:' + w + ';height:' + h + ';top:0;filter:alpha(opacity=100);-moz-opacity:0.99;-khtml-opacity:1;opacity:1">');
   document.write('<img src="' + filesPath + files[i] + '" width=' + w + ' height=' + h + ' usemap="#flipmap" ismap border="0" style="cursor:move" /><br />');
   document.write('</div>');
   }
document.write('</div>');

// Thumbnails (et preloading)
document.write('<table cellspacing="0" cellpadding="0" border="0"><tr><td>');
var thumbHeight = 32;
var thumbWidth = intPart(w * (thumbHeight/h)); // integer part
var thumbMax = intPart(w / thumbWidth);
for (var i = 0; i < files.length; i++) {
   document.write('<img src="' + filesPath + files[i] + '" width="' + thumbWidth + '" height="' + thumbHeight + '">');
   if((i + 1) % thumbMax == 0) document.write('<br />')
   }
document.write('</td><td>&nbsp;</td>');
// Checkbox pour blend
if(hasOpacity(document.getElementById('flipimage0'))) {
  document.write('<td><form name="flipform" id="flipform" style="margin: 0px; padding: 0px"><input type="checkbox" name="blend" id="blend" checked="true" /><label for="blend">' + blendText + '</label></form>');
  document.write('</td>');
  }
document.write('</tr></table>');

} else {

// Navigateur sans Dom
document.write('Désolé, votre navigateur n\'est pas supporté.<br>IE6 et Mozilla/Firefox');
}

// === Fin script ===

// === Changement d'image ==========================================

function blendImage(imgNum, opacity) {
  if(hasOpacity(document.getElementById('flipimage' + imgNum))) {
    // quantise opacité si pas de blend
    if(!document.flipform.blend.checked && opacity >= .5) opacity = 1
    if(!document.flipform.blend.checked && opacity < .5) opacity = 0
    // ajuste transparences respectives
    for (var i = 0; i < files.length; i++) {
      var imgObj = document.getElementById('flipimage' + i);
      if(imgNum-1 == i) { // image de dessous
        setOpacity(imgObj, 1) // montre image du dessous
        }
      else {
        if(imgNum == i) { // image courante
          setOpacity(imgObj, opacity) // montre image courante
          }
        else { // autres images
          setOpacity(imgObj, 0) // cache autres images
          }
        }
      }
    }
  else { // pas d'opacity: change visibility
    if(opacity < .5) {imgNum--}
    for (var i = 0; i < files.length; i++) {
      if(i != imgNum) document.getElementById('flipimage' + i).style.visibility = 'hidden'  // hide all
      if(i == imgNum) document.getElementById('flipimage' + i).style.visibility = 'visible'  // Show imgNum
      }
    }
  }

// === Functions ====================================================

// Detection propriete opacity ou equivalent
function hasOpacity(imgObj) {
  if(imgObj.filters) if(imgObj.filters.alpha && navigator.appVersion.indexOf('Mac') == -1) return true	// IE pas Mac
  if(imgObj.style.MozOpacity) return true	// Moz/Firefox
  if(imgObj.style.KHTMLOpacity) return true	// Safari<1.2, Konqueror
  if(imgObj.style.opacity) return true		// Safari>1.2, CSS3
  return false
  }

// Change opacité selon propriété disponible
function setOpacity(imgObj, opacity) {
  opacity = (opacity == 1) ? .999 : opacity; // Moz/Firefox opacity 'blink' bug
  if(imgObj.filters) imgObj.filters.alpha.opacity = opacity * 100	// IE
  if(imgObj.style.MozOpacity) imgObj.style.MozOpacity = opacity		// Moz/Firefox
  if(imgObj.style.KHTMLOpacity) imgObj.style.KHTMLOpacity = opacity	// Safari<1.2, Konqueror
  if(imgObj.style.opacity) imgObj.style.opacity = opacity		// Safari>1.2, CSS3
  }

// Gestion des arguments - search
function getArgs() {
  var args = new Array()
  var s = document.location.search;
  if(s.length) {
    var al = s.split('&');
    al[0] = al[0].substring(1, al[0].length);
    for (var i=0; i<al.length; i++) {
	var a = al[i].split('=');
        args[a[0]] = a[1];
      }
    }
  return args
  }

// integer part
function intPart(num) {return ('' + num).split('.')[0] * 1}