Easiest way to change background images from index

I want to change background on 3 pages i have "home, info, contact"
I know how to do this in pages themself, but as soon as using scrollbar and liqiuid layout there is a conflict.

So if i could keep all 3 background images in index it should work.

Any help on this please?

let assume that you images are loaded as assets
img1, img2, img3

Now you need to add listener to index ( for example afterGoto), check current branch, and depend on branch show image.

Thanks for the reply but for a rookie your explanation is a bit too loose.

Anyhow i solved it mostly by reading through some comments on http://totallynerdy.com

Ive attached my indexpage.as for anyone who needs it, might not be the most elegant way to do this but it works

I'm not seeing it.  the code I originally wrote switched the backgrounds but it couldn't scale properly if the browser was re-sized.
When I look through your code on index.as I don't see where you are switching to the alternate variables?  Did you make a change somewhere else that affects the index.as page?
lsb, areab, lsc & areac are not called anywhere so I'm guessing that they are not being used at all.

Well.... I'm not seeing what's happening but it is working! 

lsb, areab, lsc & areac is only for liqiud stage so they dont have the same name like if you had:

var ls:LiquidStage = new LiquidStage(this.stage, 900, 700, 900, 700);
         var area:LiquidArea = new LiquidArea(this, 0, 0, 900, 725);
         area.attach(bg1, {scaleMode:ScaleMode.PROPORTIONAL_OUTSIDE});
         ls.update();

var ls:LiquidStage = new LiquidStage(this.stage, 900, 700, 900, 700);
         var area:LiquidArea = new LiquidArea(this, 0, 0, 900, 725);
         area.attach(bg2, {scaleMode:ScaleMode.PROPORTIONAL_OUTSIDE});
         ls.update();

it wouldnt work, so everytime you add a new liqiudstage in index you need to change the "ls" and "area" to something else