Swing, beginner question

Have put in a lot of hours trying to get this work including a lot of
searching for the solution on the Internet but have been unable to find a
solution.

I have a Java program that generates graphics on a JPanel. The graphics
are not fully displayed because they overlay each other with this BoxLayout
that I am using. The window layout should look like this:
http://img146.imageshack.us/my.php?image=windowxl0.jpg.

Idea is to put every single graphics on separate panel; panel 2 and 3 must
be always visible when scrolling, so when I scroll to the right only panels
'1' and '3' are moving, and when scrolling down, only the '1' and '2' are
moving. How can I achieve that? Which layout?

This is the part of the code (third panel is not yet included) which is not
workig properly: only the 1/5 of the panel 2 is visible. When I put
everything in JScrollPane I get blank window...

public class Applet extends JApplet
{
  public void init ()
  {
    JPanel graphics1 = new JPanel();
    JPanel graphics2 = new JPanel();
    graphics1.setLayout (new BoxLayout (graphics1, BoxLayout.LINE_AXIS));
     graphics2.setLayout (new BoxLayout (graphics2, BoxLayout.LINE_AXIS));

    graphics1.add (new drawGraphics1()); //
    graphics2.add (new drawGraphics2()); // drawing only lines with
paintComponent

    JPanel panel = new JPanel();
     panel.setLayout (new BoxLayout (panel, BoxLayout.LINE_AXIS));
     panel.add (graphics1);
     panel.add (graphics2);
     JScrollPane scroller = new JScrollPane (panel);
    
     Container cp = getContentPane();
     cp.add (panel); // panel 2 is shrinked
     //cp.add (scroller); //blank window
    
     public void init ()
     {
     ...
     }
  }

  public static void main (String[] args)
  {
   ...
  }