Gameboy - simple picture selection and back

[posterboy]

Hey,

Pretty easy question. How do I link these pictures up with buttons? So when you click on the ring it takes you to the picture and when you select the down arrow it takes you back again. I've been reading tutorials but I'm pretty stuck. I'm sure it's something simple. See attached.

Thanks.

[posterboy]

Hi again,

I managed to figure out the problem by using _visible and making the movieclips disappear. However I'm not sure this is the best way. If this were to be a larger project I can imagine it becoming very complicated.

What is the best way of solving this problem? Am I approaching the project in the best way?

Here's the code I'm using and attached is the new working version:
ab_mc._visible = false;
select_mc._visible = false;
directions_mc._visible = false;

// from main_ mc to directions_mc
main_mc.directions_btn.onRelease = function() {
main_mc._visible = false;
directions_mc._visible = true;
};
// from directions_mc to main_mc
directions_mc.back_btn.onRelease = function() {
main_mc._visible = true;
directions_mc._visible = false;
};
// from main_ mc to select_mc
main_mc.select_btn.onRelease = function() {
main_mc._visible = false;
select_mc._visible = true;
};
// from select_mc to main_mc
select_mc.back_btn.onRelease = function() {
main_mc._visible = true;
select_mc._visible = false;
};
// from main_ mc to ab_mc
main_mc.ab_btn.onRelease = function() {
main_mc._visible = false;
ab_mc._visible = true;
};
// from ab_mc to main_mc
ab_mc.back_btn.onRelease = function() {
main_mc._visible = true;
ab_mc._visible = false;
};