// ****************************************
// ***        global variable          ****
// ****************************************
var hauteur;
var largeur;

// *************************************************
// ****       generic functions that enable     ****
// ****          elements configuration         ****
// *************************************************

//basic elements
function elem_config(id_str,id_margin,id_padding,id_position,id_top,
id_left,id_width,id_height,id_backgroundColor,id_color,id_scroll){

if(id_margin          != "ignore") document.getElementById(id_str).style.margin          = id_margin         ;
if(id_padding         != "ignore") document.getElementById(id_str).style.padding         = id_padding        ;
if(id_position        != "ignore") document.getElementById(id_str).style.position        = id_position       ; 
if(id_top             != "ignore") document.getElementById(id_str).style.top             = id_top            ;
if(id_left            != "ignore") document.getElementById(id_str).style.left            = id_left           ;
if(id_width           != "ignore") document.getElementById(id_str).style.width           = id_width          ;
if(id_height          != "ignore") document.getElementById(id_str).style.height          = id_height         ;
if(id_backgroundColor != "ignore") document.getElementById(id_str).style.backgroundColor = id_backgroundColor;
if(id_color           != "ignore") document.getElementById(id_str).style.color           = id_color          ;
if(id_scroll          != "ignore") document.getElementById(id_str).style.overflow        = id_scroll         ;

}

//buttons elements
function button_config(id_str,content_str,id_borderStyle,id_cursor,id_fontWeight,id_textAlign,id_fontSize){

document.getElementById(id_str).style.borderStyle       = id_borderStyle    ;
document.getElementById(id_str).style.cursor            = id_cursor         ;
document.getElementById(id_str).style.textAlign         = id_textAlign      ;

document.getElementById(content_str).style.fontWeight   = id_fontWeight     ;
document.getElementById(content_str).style.textAlign    = id_textAlign      ;
document.getElementById(content_str).style.fontSize     = id_fontSize       ;
document.getElementById(content_str).style.cursor       = id_cursor         ;

}



// ****************************************
// *** the start function is called at ****
// *** page load. Initialize all       ****
// ****************************************
function start(){

document.getElementById("container").style.width     = '100%'    ;
document.getElementById("container").style.height    = '100%'    ;

//document.getElementById('enter_content').style.textDecoration = 'none';
//document.getElementById('enter_content').onfocus=function(){this.blur()}

// ---------------------------------------
// ----------- size detection ------------
// ---------------------------------------

if(window.innerWidth){ // FireFox
     
      largeur  = 0.99*screen.width - 0*((1024-screen.width)/screen.width) ;
      hauteur  = 0.74*screen.height - 133*((768-screen.height)/screen.height);//0.78
}
else if(document.body){//internet explorer
        
      largeur  = 0.977*screen.width-30*((1024-screen.width)/screen.width) ;
      hauteur  = 0.8*screen.height-133*((768-screen.height)/screen.height);//0.775
}

//unshow messages that are not default
for(j=1;j<10;j++){
//document.getElementById("page" + j).style.zindex             	     = '2';
document.getElementById("page" + j).style.visibility                 = 'hidden';
document.getElementById("page" + j).style.textAlign                  = 'justify';
document.getElementById("page" + j).style.fontWeight     	     = 'bold';
document.getElementById("page" + j + "title").style.textAlign        = 'center';
document.getElementById("page" + j + "title").style.color            = '#1600a4';
document.getElementById("page" + j).style.overflow 		     = 'auto';
document.getElementById("page" + j).style.backgroundImage    = 'url("background5.jpg")';

document.getElementById("page" + j + "title").style.fontWeight       = 'bold';

//document.getElementById("page" + j + "title").style.marginRight       = '10px';
elem_config("page" + j,"ignore","ignore","absolute","0px","0px",0.8*largeur + "px",0.94*hauteur + "px","ignore","ignore","ignore");



}

//some strongs...
for(j=1;j<7;j++){
document.getElementById("strong" + j).style.color            = '#1600a4';
}


elem_config("cible100","35px","0px","absolute",0.6*hauteur + "px","0px",0.18*largeur + "px","ignore","ignore","ignore","ignore");

elem_config("copyrig","10px","0px","absolute",0.85*hauteur + "px","0px",0.18*largeur + "px","ignore","ignore","ignore","ignore");


//mise en forme des tableaux
for(i=1;i<2;i++){

document.getElementById("tableau" + i).style.border =  'solid';
document.getElementById("tableau" + i).style.borderColor =  '#2f70b7';

}

//signature

document.getElementById("sign_plh").style.textAlign =  'center';



for(i=1;i<4;i++){

document.getElementById("tf" + i).style.color            = '#2f70b7';
document.getElementById("td" + i).style.color            = '#f39d6f';
document.getElementById("tn" + i).style.color            = '#2f70b7';
document.getElementById("tde" + i).style.color           = '#834646';
document.getElementById("tdes" + i).style.color          = '#1600a4';
document.getElementById("tdes" + i).style.textAlign      = 'justify';
document.getElementById("tt" + i).style.color            = '#e35508';
document.getElementById("tfo"+ i).style.color            = '#834646';


}


document.getElementById("page" + 1).style.visibility           = 'visible';
//elem_config("page" + 1,"5px","0px","absolute","0px","0px",0.75*largeur + "px",0.8*hauteur + "px","ignore","ignore","ignore");


// ------------------------------------------------------
// ---------initialize elements properties --------------
// ------------------------------------------------------ 

//container
elem_config("container","3px","0px","absolute","0px","0px",largeur + "px",hauteur + "px","#2f70b7","ignore","ignore");
document.getElementById("container").style.overflow           = 'hidden';


//bas
elem_config("haut_1","0px","0px","absolute","0px","0px",largeur + "px",0.03*hauteur + "px","#2f70b7","#fff","hidden");
document.getElementById("haut_1").style.fontSize           = '12px';
document.getElementById("haut_1").style.textAlign          = 'center';

elem_config("haut_2","0px","0px","absolute","0px",largeur + "px",largeur + "px",0.03*hauteur + "px","#2f70b7","#fff","hidden");
document.getElementById("haut_2").style.fontSize           = '12px';
document.getElementById("haut_2").style.textAlign          = 'center';




//frame
elem_config("middle","0px","0px","absolute",0.03*hauteur + "px",0.2*largeur + "px",0.8*largeur + "px",0.94*hauteur + "px","ignore","ignore","hidden");

document.getElementById("middle").style.backgroundPosition = 'center';
document.getElementById("middle").style.backgroundRepeat   = 'no-repeat';
document.getElementById("middle").style.overflow           = 'hidden';



//menu
elem_config("menu","0px","0px","absolute",0.03*hauteur + "0px","0px",0.2*largeur + "px",0.94*hauteur + "px","#2f70b7","#fff","hidden");
document.getElementById("bottom").style.fontSize           = '12px';
document.getElementById("bottom").style.textAlign          = 'center';



//bottom
elem_config("bottom","0px","0px","absolute",0.94*hauteur + "px","0px",largeur + "px",0.03*hauteur + "px","#2f70b7","#fff","ignore");
document.getElementById("bottom").style.fontSize           = '13px';
document.getElementById("bottom").style.textAlign          = 'center';


//bouton du menu

for(i=1;i<11;i++){

//menu i
elem_config("smenu" + i,"2px","0px","absolute",(0.05*i*hauteur) + "px","0px",0.19*largeur + "px",0.03*hauteur + "px","#1600a4","#fff","hidden");
document.getElementById("smenu" + i).style.paddingTop  = '2px';


elem_config("arrow" + i,"0px","0px","absolute",(0.05*i*hauteur-5) + "px",0.2*largeur + "px",0.01*largeur + "px",0.07*hauteur + "px","#f39d6f","ignore","hidden");
document.getElementById("arrow" + i).style.visibility          = 'hidden';

button_config("smenu" + i,"smenu" + i,"outset","pointer","bold","center","0.7em");

}

//alert(document.getElementById("smenu1").style.height);

anim_haut();

}

var pos_haut_1 = 0;
var pos_haut_2 = -1;



function anim_haut(){

pos_haut_1 = (pos_haut_1 - 2);
pos_haut_2 = (pos_haut_2 - 2);

if(pos_haut_1 <= 0 && (pos_haut_1 > pos_haut_2) ) {pos_haut_2 = largeur}
if(pos_haut_2 <= 0 && (pos_haut_2 > pos_haut_1) ) {pos_haut_1 = largeur}



document.getElementById("haut_1").style.left          = pos_haut_1 + "px";
document.getElementById("haut_2").style.left          = pos_haut_2 + "px";

setTimeout("anim_haut()",40);

}


// ****************************************************
// *****     animations for buttons               *****
// ****************************************************


function show(button_id){

var id = parseInt(button_id);



//affichage des shows
for(i=1;i<11;i++){
//document.getElementById("smenu" + i).style.color      = '#fff';
//document.getElementById("smenu" + i).style.backgroundColor    = '#1600a4';
//document.getElementById("arrow" + i).style.visibility          = 'visible';
}

//document.getElementById("arrow" + id).style.visibility    = 'visible';

elem_config("smenu" + id,"2px","0px","absolute",(0.05*id*hauteur-1) + "px","0px",(0.2*largeur) + "px",(0.03*hauteur + 2) + "px","#1600a4","#f39d6f","hidden");

document.getElementById("smenu" + id).style.paddingTop  = '3px';

button_config("smenu" + id,"smenu" + id,"outset","pointer","bold","center","0.8em");


//document.getElementById("middle").style.width = ((5.4*largeur)/7) + "px";
//document.getElementById("middle").style.left  = ((1.6*largeur)/7) + "px";
//document.getElementById("menu").style.width   = ((1.6*largeur)/7) + "px";

//couleur du text
//document.getElementById("smenu" + button_id).style.color    = '#f39d6f';
//document.getElementById("smenu" + button_id).style.color    = '#e35508';
//document.getElementById("smenu" + button_id).style.backgroundColor    = '#fff';


//document.getElementById("s_menu" + button_id).style.visibility      = 'visible';
//document.getElementById(button + "_flash").style.color       = '#e35508';
//document.getElementById(button + "_flash").style.width  = new_width  + "px";
//document.getElementById(button + "_flash").style.height = new_height + "px";
//document.getElementById(button + "_flash").style.top    = new_y      + "px";
//document.getElementById(button + "_flash").style.left   = new_x      + "px";


}




function unshow(button_id){
//document.getElementById("smenu" + button_id).style.color    = '#fff';
//document.getElementById("smenu" + button_id).style.backgroundColor    = '#1600a4';

var id = parseInt(button_id);



elem_config("smenu" + id,"2px","0px","absolute",(0.05*id*hauteur) + "px","0px",0.19*largeur + "px",0.03*hauteur + "px","#1600a4","#fff","hidden");
document.getElementById("smenu" + id).style.paddingTop  = '2px';


document.getElementById("arrow" + id).style.visibility    = 'hidden';

button_config("smenu" + id,"smenu" + id,"outset","pointer","bold","center","0.7em");

for(i=1;i<11;i++){
//document.getElementById("smenu" + i).style.color      = '#fff';
//document.getElementById("smenu" + i).style.backgroundColor    = '#1600a4';
//document.getElementById("arrow" + i).style.visibility          = 'hidden';
}

//document.getElementById("middle").style.width = (0.8*largeur) + "px";
//document.getElementById("middle").style.left  = (0.2*largeur) + "px";
//document.getElementById("menu").style.width   = (0.2*largeur) + "px";


}

function print_message(id){

for(i=1;i<10;i++){
document.getElementById("page" + i).style.visibility      = 'hidden';
}

document.getElementById("page" + id).style.visibility      = 'visible';

}


function my_pop(page){
window.open (page,page, config='height=200, width=200, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no')
}