/**
 * Permet de détecter si la langue de l'utilisateur est le français
 * @return string : fr pour français en sinon. 
 */ 
function scanLanguage(){
    var lang = '';
    if(navigator.userLanguage){
        lang = navigator.userLanguage;
    } else {
        lang = navigator.language; 
    }
    // On passe cette variable en minuscule
    lang = lang.toLowerCase();
    
    if(lang.indexOf('fr') > -1){
        return 'fr';
    } else {
        return 'en';
    }
}

/**
 * Permet de détecter si l'OS est un iPhone
 * @return boolean 
 */ 
function isIphone(){
    if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
      return true;
    } else {
      return false;
    }
}

function genereImage(){
    
    var alea = Math.round(Math.random()*5 + 0.5);
    
    $('bandeau').update('<img id="bandeau_img" src="images/bandeau_' + alea + '.jpg" />');
    
    etape1();
    etape2.delay(1);
    etape3.delay(2);
}

function etape1(){
    afficheTexte({id:'texte1',texte:'nous_savons_bien.png',
                  x_from:-10,
                  y_from:12,
                  x_to:32,
                  y_to:12,
                  w_from:363,
                  h_from:33,
                  w_to:123,
                  h_to:16});
}

function etape2(){
    afficheTexte({id:'texte2',texte:'organiser.png',
                  x_from:40,
                  y_from:12,
                  x_to:159,
                  y_to:12,
                  w_from:800,
                  h_from:48,
                  w_to:275,
                  h_to:16});
                  
    afficheTexte({id:'texte3',texte:'structure.png',
                  x_from:-10,
                  y_from:36,
                  x_to:32,
                  y_to:36,
                  w_from:425,
                  h_from:48,
                  w_to:143,
                  h_to:16});
}

function etape3(){
    afficheTexte({id:'texte4',texte:'peut_se_reveler.png',
                  x_from:0,
                  y_from:36,
                  x_to:184,
                  y_to:36,
                  w_from:788,
                  h_from:48,
                  w_to:275,
                  h_to:16});
}

function afficheTexte(obj){
    var coord_init = coordonnees($('bandeau'));
    
    var contenu = '<div id="' + obj.id + '" style="position: absolute;top:' + (coord_init[1] + obj.y_from) +
                  'px;left:' + (coord_init[0] + obj.x_from) + 'px;' + 
                  'display: none;"><img id="' + obj.id + '_src" src="images/' + obj.texte + '" style="' +
                  'width:' + obj.w_from + 'px;height:' + obj.h_from + 'px" /></div>';
                  
    $('body').insert({bottom:contenu});
    new Effect.Morph($(obj.id + '_src'),{style :'width:' + obj.w_to + 'px;height:' + obj.h_to + 'px;top:' +
                                         (coord_init[1] + obj.y_to) + 'px;left:' + (coord_init[0] + obj.x_to) + 'px',
                                         duration:1});
    new Effect.Morph($(obj.id),{style :'top:' + (coord_init[1] + obj.y_to) + 'px;left:' + (coord_init[0] + obj.x_to) + 'px',
                                duration:1});
    new Effect.Appear($(obj.id),{duration: 1});
    
}

function coordonnees(element) {
	  var posX = 0;
    var posY = 0;
	  if (element.offsetParent) {
		    posX = element.offsetLeft;
		    posY = element.offsetTop;
		    while (element = element.offsetParent) {
			      posX = posX + element.offsetLeft;
			      posY = posY + element.offsetTop;
		    }
	  }
	  return [posX,posY];
}
