/* Menu3 version 2 par E.D Prod 2000
   etiennedeb@ifrance.com
   http://javascript.lab.cc
   respecter ce copyright svp
*/

if (navigator.appName=="Microsoft Internet Explorer") {
 var tclass="";var fader=" style='FILTER: alpha(opacity=100)'"
}
else {
 var tclass="";var fader="";
}
var pos_menu_x;pos_menu_x=new Array();
var pos_menu_y;pos_menu_y=new Array();
var pos_menua_y;pos_menua_y=new Array();
var status_menu;status_menu=new Array();
var menu_x;menu_x=new Array();
var taille_menu;taille_menu=new Array();
var animation;animation=new Array();
var tmenux;var tmenuy;var tmenu=0;
var titre="";var liens="";var ouvre=0;var taille_titre=0;var taille_liens=0;

//
// ************************************************
// *** c'est a partir d'ici que vous intervenez ***
// ************************************************
//

var nbmenuobj = 4; // nombre d'objets composant le menu

var menux = 0;     // position général en x
var menuy = 0;     // position général en y

var fixe=1;        // 1: le menu reste fixe
                   // 0: le menu s'adapte a la position des ascenseurs

menu_x[1]=184;     // la taille en X de chaques titres (ceux qui apparaissent dans la barre de titre)
menu_x[2]=177;     
menu_x[3]=120;     
menu_x[4]=110;     

taille_menu[1]=68; // la taille en y de chaques pavés (le nombre de pixels a déroulés)
taille_menu[2]=60;
taille_menu[3]=70;
taille_menu[4]=100;

var decalage_y=26; // nombre de pixel a decaler pour les menus déroulants par rapport a la barre de titre

var vitesse=4;     // vitesse d'ouverture des menus

                   // type d'animation pour chaques pavés:
animation[1]=1;    // 0 ouverture instantanée
animation[2]=1;    // 1 déroulement
animation[3]=1;    // 2 glissement
animation[4]=1;    // 3 fading (explorer seulement, pour netscape cela correspond a l'animation 0)
	   

// rien a modifier sur cette objet qui est invisible et utilisé pour detecter si le pointeur est sortie d'un menu
// excepté peut etre sa taille (640/200) si jamais vous voyez apparaitre des ascenseurs sur la fenetre
CreerObj("menuobj0",0,0,640,200,1,1,"","onmouseover='mcache();'",0);
//

// c'est ici que l'on crée véritablement le menu
// on utilise une des fonctions de la dhtml_lib qui permet de créer un objet
//
// voici la définition de la fonction CreerObj
// *CreerObj(nom,px,py,tx,ty,visible,zindex,contenu,special,dragdrop) 
// -Creation d'un objet (DIV)
//  nom: nom de l'objet (utilisé par la suite pour manipuler l'objet, il faut un nom different pour chaque objet)
//  px & py: position de depart de l'objet en pixel (coordonnées absolues)
//  tx & ty: taille de l'objet en pixel
//  visible: 1=objet visible, 0=objet invisible
//  zindex: Les objets ayant un petit Zindex (par ex: 1) seront cachés par ceux ayant un plus grand nombre (par ex: 2).
//  contenu: contenu (en HTML) de l'objet
//  special: parametres speciaux ( onclick, etc... )
//  dragdrop: 1=Obj 'drag&dropable', 0=Obj non-'drag&dropable'
//
// pour chaque menu, on crée 2 objet, le premier étant le titre du menu, le second le contenu du menu
// ce que vous pouvez modifier dans le premier: 'Titre 1' qui est le nom qui apparait dans le menu
// et dans le second: tout ce qui est definie pour la variable 'contenu' (c'est un tableau ici)

numero=1; // le numero du menu que l'on crée
titre=" KIAP program"; // ce qui apparait dans la barre de titre
liens="<A HREF='kiap1-a.htm#questce' class='liens11'> What is KIAP all about ?</A><BR><A HREF='kiap1-a.htm#pourquoi' class='liens11'>Why is KIAP important ?</A><BR><A HREF='kiap1-a.htm#personne ' class='liens11'>The person who adopts …</A><BR><A HREF='kiap1-a.htm#comment ' class='liens11'> KIAP …  how does it work?</A>"; // ce qui apparait dans le pavé
taille_liens=179; // taille horizontale du pavé
style=""; // si vous voulez ajouter d'autre styles (utiliser par l'animation par fading, voir le menu numero 4)

// vous n'avez rien a changer ici, a moins de vouloir changer l'apparence ou les couleurs, mais la je vous laisse vous débrouiller
CreerObj("menuobj"+((numero*2)-1),0,0,40,20,1,3,"<table border='1' cellpadding='6' cellspacing='0' valign='center' width='"+(menu_x[numero])+"' bgcolor='#999900' bordercolorlight='#FFFFFF' bordercolordark='#333333'><tr><td align='center' bordercolor='#CCCCCC'><FONT FACE='verdana' SIZE='1'><A HREF='kiap1-a.htm' class='liens' onmouseover=mvoir("+numero+")><B>"+titre+"</B></A></FONT></td></tr></table>",tclass,0);
CreerObj("menuobj"+((numero*2)),0,0,140,20,1,2,"<table border='1' cellpadding='6' cellspacing='0' valign='center' width='"+taille_liens+"' bgcolor='#99cc00' bordercolorlight='#FFFFFF' bordercolordark='#333333'><tr><td bordercolor='#CCCCCC'><FONT FACE='verdana' SIZE='1'><B><NOBR>"+liens+"</NOBR></B></FONT></td></tr></table>",tclass+style,0);

//
// comme vous pouvez le constaté, pour chaque nouveau menu, le numero change,ici on a 2 a la place de 1
// 
numero=2;
titre="  Gibbons to adopt"; 
liens="<A HREF='adopter_liste-a.php' class='liens11'>List </A><BR><A HREF='select_a.php' class='liens11'> Individual records</A>"; // ce qui apparait dans le pavé

taille_liens=175; // taille horizontale du pavé
style="";

CreerObj("menuobj"+((numero*2)-1),0,0,40,20,1,3,"<table border='1' cellpadding='6' cellspacing='0' valign='center' width='"+(menu_x[numero])+"' bgcolor='#999900' bordercolorlight='#FFFFFF' bordercolordark='#333333'><tr><td align='center' bordercolor='#CCCCCC'><FONT FACE='verdana' SIZE='1'><A HREF='javascript:;' class='liens' onmouseover=mvoir("+numero+")><B>"+titre+"</B></A></FONT></td></tr></table>",tclass,0);
CreerObj("menuobj"+((numero*2)),0,0,140,20,1,2,"<table border='1' cellpadding='6' cellspacing='0' valign='center' width='"+taille_liens+"' bgcolor='#99cc00' bordercolorlight='#FFFFFF' bordercolordark='#333333'><tr><td bordercolor='#CCCCCC'><FONT FACE='verdana' SIZE='1'><B><NOBR>"+liens+"</NOBR></B></FONT></td></tr></table>",tclass+style,0);

//
numero=3; // le numero du menu que l'on crée
titre="   I adopt"; // ce qui apparait dans la barre de titre
liens="<A HREF='vir_bancaire-a.php' class='liens11'>Donations by wire transfer.</A><BR><A HREF='verif_carte_bancaire_paypal_a.php' class='liens11'>Donations by credit card<br> via secure server.</A><BR>"; // ce qui apparait dans le pavé
taille_liens=170; // taille horizontale du pavé
style="";

CreerObj("menuobj"+((numero*2)-1),0,0,40,20,1,3,"<table border='1' cellpadding='6' cellspacing='0' valign='center'  width='"+(menu_x[numero])+"' bgcolor='#999900' bordercolorlight='#FFFFFF' bordercolordark='#333333'><tr><td align='center' bordercolor='#CCCCCC'><FONT FACE='verdana' SIZE='1'><A HREF='javascript:;' class='liens' onmouseover=mvoir("+numero+")><B>   "+  titre+"</B></A></FONT></td></tr></table>",tclass,0);
CreerObj("menuobj"+((numero*2)),0,0,140,20,1,2,"<table border='1' cellpadding='6' cellspacing='0' valign='center' width='"+taille_liens+"' bgcolor='#99cc00' bordercolorlight='#FFFFFF' bordercolordark='#333333'><tr><td bordercolor='#CCCCCC'><FONT FACE='verdana' SIZE='1'><B><NOBR>"+liens+"</NOBR></B></FONT></td></tr></table>",tclass+style,0);

//
numero=4; // le numero du menu que l'on crée
titre="   Else"; // ce qui apparait dans la barre de titre
liens="<A HREF='mailto:kalaweitprogram@yahoo.fr' class='liens11'> Contact</A><BR><A HREF='http://www.kalaweit.org/index_eng' class='liens11'> Home page</A><br>"; // ce qui apparait dans le pavé
taille_liens=170; // taille horizontale du pavé
style="";

CreerObj("menuobj"+((numero*2)-1),0,0,40,20,1,3,"<table border='1' cellpadding='6' cellspacing='0' valign='center'  width='"+(menu_x[numero])+"' bgcolor='#999900' bordercolorlight='#FFFFFF' bordercolordark='#333333'><tr><td align='center' bordercolor='#CCCCCC'><FONT FACE='verdana' SIZE='1'><A HREF='javascript:;' class='liens' onmouseover=mvoir("+numero+")><B>   "+  titre+"</B></A></FONT></td></tr></table>",tclass,0);
CreerObj("menuobj"+((numero*2)),0,0,140,20,1,2,"<table border='1' cellpadding='6' cellspacing='0' valign='center' width='"+taille_liens+"' bgcolor='#99cc00' bordercolorlight='#FFFFFF' bordercolordark='#333333'><tr><td bordercolor='#CCCCCC'><FONT FACE='verdana' SIZE='1'><B><NOBR>"+liens+"</NOBR></B></FONT></td></tr></table>",tclass+style,0);


//
// *************************************
// *** apres ca on ne touche pas! :) ***
// *************************************
//
var startx=0;nbmenuobj=nbmenuobj*2;
for (var j = 1; j < (nbmenuobj/2)+1; j++) {
 pos_menu_x[(j*2)-1]=startx;
 startx+=menu_x[j];
}

function mcache(){
 for (var j = 1; j < nbmenuobj+1; j++) {
  status_menu[j]=-vitesse
 }
 CacherObj("menuobj0");
}
for (var j = 1; j < nbmenuobj+1; j++) {
  pos_menua_y[j]=0;status_menu[j]=-vitesse;
  if ((navigator.appName!="Microsoft Internet Explorer") && (animation[j]==3)) {animation[j]=0;}
}
for (var j = 1; j < nbmenuobj+1; j++) {
  if ( (Math.round(j/2)*2)==j ) {
    pos_menua_y[j]=-1000;
  }
}
function mvoir(obj){
 obj=obj*2;
 if (status_menu[obj]<0){mcache();}
 status_menu[obj]=vitesse;
 VoirObj("menuobj0");
}

function animemenus() {
 var plux=0;var pluy=0
 if (fixe==0) {
 	plux=OffsetX();
 	pluy=OffsetY();
 }

 pos_menu_x[0]=0;pos_menu_y[0]=0;
 for (var j = 1; j < nbmenuobj+1; j++) {
  tmenu=Math.round(j/2)*2;
  pos_menu_y[j]=0;
  pos_menu_x[tmenu]=pos_menu_x[tmenu-1];
  pos_menu_y[tmenu]=pos_menu_y[tmenu-1]+decalage_y;
 } 
 PlacerObj("menuobj0",plux+menux+pos_menu_x[0],pluy+menuy+pos_menu_y[0]); 
 for (var j = 1; j < nbmenuobj+1; j++) {
  tmenu=Math.round(j/2);
  if (animation[tmenu]==0){
    pos_menua_y[j]+=(status_menu[j]*2000);
    if (pos_menua_y[j]>taille_menu[j/2]) {pos_menua_y[j]=taille_menu[j/2];}
    if (pos_menua_y[j]<0) {pos_menua_y[j]=0;}
    if ( (Math.round(j/2)*2)==j ) {
     CreerZone("menuobj"+j,0,0,320,pos_menua_y[j])
    }
    PlacerObj("menuobj"+j,plux+menux+pos_menu_x[j],pluy+menuy+pos_menu_y[j]);
  }
  else if (animation[tmenu]==1){
    pos_menua_y[j]+=status_menu[j];
    if (pos_menua_y[j]>taille_menu[j/2]) {pos_menua_y[j]=taille_menu[j/2];}
    if (pos_menua_y[j]<0) {pos_menua_y[j]=0;}
    if ( (Math.round(j/2)*2)==j ) {
     CreerZone("menuobj"+j,0,0,320,pos_menua_y[j])
    }
    PlacerObj("menuobj"+j,plux+menux+pos_menu_x[j],pluy+menuy+pos_menu_y[j]);
  }
  else if (animation[tmenu]==2){
   if ( (Math.round(j/2)*2)==j ) {
      pos_menua_y[j]+=status_menu[j];
      if (pos_menua_y[j]>pos_menu_y[0]) {pos_menua_y[j]=pos_menu_y[0];}
      if (pos_menua_y[j]<pos_menu_y[0]-decalage_y-taille_menu[j/2]) {pos_menua_y[j]=pos_menu_y[0]-decalage_y-taille_menu[j/2];}
    }
    PlacerObj("menuobj"+j,plux+menux+pos_menu_x[j],pluy+menuy+pos_menu_y[j]+pos_menua_y[j]);
  }
  else if (animation[tmenu]==3){
    pos_menua_y[j]+=status_menu[j];
    if (pos_menua_y[j]>100) {pos_menua_y[j]=100;}
    if (pos_menua_y[j]<0) {pos_menua_y[j]=0;}
    if ( (Math.round(j/2)*2)==j ) {
     eval("menuobj"+j+".filters.alpha.opacity="+pos_menua_y[j]);
    }
    PlacerObj("menuobj"+j,plux+menux+pos_menu_x[j],pluy+menuy+pos_menu_y[j]);
  }

 }
 setTimeout("animemenus()",15);
}