function $(id) {
return document.getElementById(id) ;
}
function  getWindowWidth() {
    var w = 0;
    if (typeof(window.innerWidth) == 'number') {
        w = window.innerWidth;
    } else if (document.documentElement && document.documentElement.clientWidth) {
        w = document.documentElement.clientWidth;
    } else if (document.body && document.body.offsetWidth) {
        w = document.body.offsetWidth;
    }
    return w;
}

function  getWindowheight() {
    var h = 0;
    if (typeof(window.innerHeight) == 'number') {
        h = window.innerHeight;
    } else if (document.documentElement && document.documentElement.clientHeight) {
        h = document.documentElement.clientHeight;
    } else if (document.body && document.body.offsetHeight) {
        h = document.body.offsetHeight;
    }
    return h;
}

var premiere=1;
var larg=0;
var haut=0;
var nombre=40;
var imgid = new Array(nombre);
var posx = new Array(nombre);
var posy = new Array(nombre);
var tailx = new Array(nombre);
var taily = new Array(nombre);
var font = new Array(nombre);
imgid[0]="image1";    font[0]=0;
imgid[1]="flash1";    font[1]=0;
imgid[2]="texte1";    font[2]=25;
imgid[3]="texte2";    font[3]=12;
imgid[4]="image2";    font[0]=0;
imgid[5]="image3";    font[0]=0;
imgid[6]="image4";    font[0]=0;
imgid[7]="image5";    font[0]=0;
imgid[8]="image6";    font[0]=0;
imgid[9]="image7";    font[0]=0;
imgid[10]="image8";    font[0]=0;
imgid[11]="texte29";    font[2]=12;
imgid[12]="texte30";    font[2]=12;
imgid[13]="texte31";    font[2]=10;

imgid[14]="texte3";    font[2]=12;
imgid[15]="texte4";    font[3]=12;
imgid[16]="texte5";    font[2]=12;
imgid[17]="texte6";    font[3]=12;
imgid[18]="texte7";    font[2]=12;
imgid[19]="texte8";    font[3]=12;
imgid[20]="texte9";    font[2]=12;
imgid[21]="texte10";    font[3]=12;
imgid[22]="texte11";    font[3]=12;
imgid[23]="texte12";    font[3]=12;
imgid[24]="texte13";    font[3]=12;
imgid[25]="texte14";    font[3]=12;
imgid[26]="texte15";    font[3]=12;
imgid[27]="texte16";    font[3]=12;
imgid[28]="texte17";    font[3]=12;
imgid[29]="texte18";    font[3]=12;
imgid[30]="texte19";    font[3]=12;
imgid[31]="texte20";    font[3]=12;
imgid[32]="texte21";    font[3]=12;
imgid[33]="texte22";    font[3]=12;
imgid[34]="texte23";    font[3]=12;
imgid[35]="texte24";    font[3]=12;
imgid[36]="texte25";    font[3]=12;
imgid[37]="texte26";    font[3]=12;
imgid[38]="texte27";    font[3]=12;
imgid[39]="texte28";    font[3]=12;


lance();

function lance() {
    setInterval('redim()',500);
}

function redim() {

if (premiere==1){ premiere=0;
for (i=0; i<nombre; i++) {
    posx[i]=$(imgid[i]).offsetLeft;
    posy[i]=$(imgid[i]).offsetTop;
    tailx[i]=$(imgid[i]).offsetWidth;
    taily[i]=$(imgid[i]).offsetHeight;
}
}

larg=getWindowWidth()/1020.0;
haut=getWindowheight()/550.0;

if (larg<haut/1.5){larg=haut/1.5;}
if (haut<larg/1.8){haut=larg/1.8;}

$("centrage").style.width = 1000*larg+"px";

for (i=0; i<nombre; i++) {
    $(imgid[i]).style.left = posx[i]*larg+"px";
    $(imgid[i]).style.top = posy[i]*haut+"px";
    if (font[i]==0){
        $(imgid[i]).style.width = tailx[i]*larg+"px";
        $(imgid[i]).style.height = taily[i]*haut+"px";
    }else{
        $(imgid[i]).style.fontSize = font[i]*larg+"px";
    }
}
}

