why wont my GIF show at run?

this is my code please note that what i wanted was for the gif to look like a collage of photos but rather GIF since you know, this is a gifdisplay. Im not sure if theres a limitation or im just not doing something right in the Draw() but i know when i had only 2 Gif a & b they both showed up but one was behind the other, so where do i think i when wrong? well i think this happen when i try to move one of the variable to the side using the image(a, 130, height, 0, height / 2); image(b, 120, height, 0, height / 2); now im just lost and i think i tried doing anything on the constructor just to see what happen but nothing.

import gifAnimation.*;

Gif Face;
Gif HMM;
Gif a;
Gif b;
Gif c;
Gif aa;
Gif bb;
Gif cc;
Gif braingrowth;
Gif cellRoute;
Gif firering;
Gif nervecell;
Gif silo;

public void setup()
{
  size(800, 600);
  frameRate(100);

  println("Visual GUI " + Gif.version());

  Face = new Gif(this, "Cort.gif");
  Face.loop();
  HMM = new Gif(this, "HMM.gif");
  HMM.loop();
  a= new Gif(this, "a.gif");
  a.loop();
  b= new Gif(this, "b.gif");
  b.loop();
  c= new Gif(this, "c.gif");
  c.loop();
  aa= new Gif(this, "aa.gif");
  aa.loop();
  bb= new Gif(this, "bb.gif");
  bb.loop();
  cc= new Gif(this, "cc.gif");
  cc.loop();
  braingrowth= new Gif(this, "braingrowth.gif");
  braingrowth.loop();
  cellRoute= new Gif(this, "cellRoute.gif");
  cellRoute.loop();
  firering= new Gif(this, "firering.gif");
  firering.loop();
  nervecell= new Gif(this, "nervecell.gif");
  nervecell.loop();
  silo= new Gif(this, "silo.gif");
  silo.loop();
}

void draw()
{
//background(#2CB3E3);//natural color
background(0);

image(a, 0, height, 0, height / 2);
image(b, 0, height, 0, height / 2);
image(c, 0, height, 0, height / 2);
image(aa, 0, height, 0, height / 2);
image(bb, 0, height, 0, height / 2);
image(cc, 0, height, 0, height / 2);
image(braingrowth, 0, height, 0, height / 2);
image(cellRoute, 0, height, 0, height / 2);
image(firering, 0, height, 0, height / 2);
image(nervecell, 0, height, 0, height / 2);
image(silo, 0, height, 0, height / 2);
image(HMM, 0, height, 0, height / 2);
image(Face, 10, height / 2 - Face.height / 2);
}

This is where i got my influence from:

Gif loopingGif;

public void setup() {
  size(400, 200);
  frameRate(100);

  loopingGif = new Gif(this, "lavalamp.gif");
  loopingGif.loop();
}

void draw() {
  background(255 / (float)height * mouseY);
  image(loopingGif, 10, height / 2 - loopingGif.height / 2);
}