Um...ok I tried running it again, it keeps saying "the function display() does not exist?"

Alright, I tried that too, this is the image it gives me ( http://imgur.com/GvBlr )
and when the mouse goes over the flags they don't do anything?

String [] picName = {
  "france", "germany", "spain", "sweden"
};
String[] country = {
  "France", "Germany", "Spain", "Sweden"
};
PImage[] flag = new PImage[picName.length];
PImage[] map = new PImage[picName.length];
PImage empty;
PFont f;

void setup( )
{
  size(350, 350);
  /*
    You do this:
   Use a for loop with loadImage( ) to load
   the flag images and map images.
   */
  for (int i = 0; i < picName.length; i++)
  {
    flag[i] = loadImage(picName[i] + "_flag.png");
    map[i] = loadImage(picName[i] + ".png");
  }

  empty = loadImage("europe.png"); // load the blank map
  f = createFont("Arial", 24, true); // create font
  textFont(f); // use that font
}

void draw( )
{
  float y;

  background(255);
  textFont(f, 24);
  textAlign(CENTER);
  tint(255);
  /* You do this: Draw the empty map at (90, 25) */
  image(empty, 90, 25);

  noFill();
  /* You do this: Draw a rectangle around the map */
  rect(89, 24, 247, 251);
  fill(0);
  /* You do this:
   For each country: {
   If the mouse is in that country's flag rectangle, {
   set tint(255) for full color
   display the map of Europe with that country highlighted
   display the country name centered at (175, 310)
   }
   otherwise {
   set tint(255, 128) for light colors
   }
   draw the flag for the country
   }
   */
  y = 25;
  for (int i = 0; i < country.length; i++)
  {
    if (mouseX>15 && mouseX <15+flag[i].width && mouseY>y && mouseY < flag[i].height) {
      tint(255);
    }
    else
    {
      tint(255, 128);
    }
   
    image(flag[i], 15, y);
    y = y + 72;
    text(country[i], 175, 310);
  }
}


By the way, here is the original pseudocode;

void setup( )
{
  size(350, 350);
  /*
    You do this:
    Use a for loop with loadImage( ) to load
    the flag images and map images.
  */
  
  empty = loadImage("europe.png"); // load the blank map
  f = createFont("Arial", 24, true); // create font
  textFont(f); // use that font
}

void draw( )
{
  background(255);
  tint(255);
  /* You do this: Draw the empty map at (90, 25) */
  
  noFill();
  /* You do this: Draw a rectangle around the map */
  fill(0);
  
  /* You do this:
  For each country: {
    If the mouse is in that country's flag rectangle, {
        set tint(255) for full color
        display the map of Europe with that country highlighted
        display the country name centered at (175, 310)
    }
    otherwise {
        set tint(255, 128) for light colors
    }
    draw the flag for the country
  }
  */
}

Alright, interesting, this is working for France, I mean when the mouse goes over France it shows it on the map, but its not working for other countries.

um...that is doing the same thing as earlier.

Hmm..I did have false set up in the if statement part but from there I wasn't sure how I needed to set up.

Ok, I figured it out actually, I had to add height + y
in,
if (mouseX>15 && mouseX <15+flag[i].width && mouseY>y && mouseY < flag[i].height) {
And thanks for the help.

Its okay don't apologize. I wouldn't understand if you didn't setup the code.
Thanks again.