Need help with image gallery and preloader

Question

Here is my  portfolio site currently. WWW.PALMEI.COM. When you go into the the galleries you can view the images; the images load and it's all working fine. But if I was to go back on the page before the image was to load the image loads later which is then in the way of everything and cannot be deleted or removed. What would a solution be for solving this problem. Also, my preloader is not working at all as you can tell.
Here is my code in frame 1 for the perloader:
[AS]
stop();
loaderInfo.addEventListener(ProgressEvent.PROGRESS, updatePreLoader);
function updatePreLoader(evtObj:ProgressEvent):void
                    var percent:Number = Math.floor((evtObj.bytesLoaded*100)/evtObj.bytesTotal);
                    preloader_txt.text = percent+"%";
                              if (percent==100) {
                                        nextFrame ();
[/AS]
Thank you very much for your help. Have developed headache and need some new eyes on it.

Answer 1

Thank you again Ned for your reponse as you helped me solve the image array problem last week or so ago.
Here is the code:
[AS]
stop();
import fl.transitions.Tween;
import fl.transitions.easing.*
import fl.transitions.TweenEvent;
import flash.display.MovieClip;
import flash.events.MouseEvent;
var sep3Tween4:Tween = new Tween(Sep2_mc, "y", Regular.easeOut,338 , 655, 1, true);
var sepTween4:Tween = new Tween(Sep_mc, "y", Regular.easeOut,0 , -320, 1, true);
BoyBack.addEventListener(MouseEvent.CLICK, Portfolioclick);
function Portfolioclick(evtObj :MouseEvent) {
          gotoAndStop("Portfolio");
           removeChild(B);
var BoyBackTween:Tween = new Tween(BoyBack, "y", Regular.easeOut,510,487,2, true);
BoyBackTween.addEventListener(TweenEvent.MOTION_FINISH, onfinis);
function onfinis(e:TweenEvent):void {
BoyBackTween.yoyo();
var arrayB:Array = [ B1, B2, B3, B4, B5, B6, B7, B8,B9, B10, B11, B12];
var arrayImages:Array = ["ill_1.jpg","ill_2.jpg","ill_3.jpg","ill_4.jpg","ill_5.jpg","ill_6.jpg","ill_7.jpg","ill _8.jpg", "ill_9.jpg","ill_10.jpg","ill_11.jpg","ill_12.jpg"];
var imgLoader:Loader = new Loader;
var B:BlackBox = new BlackBox();
B.addChild(imgLoader);
for (var i:uint=0; i<arrayB.length; i++){
     arrayB[i].mouseChildren = false;
     arrayB[i].addEventListener( MouseEvent.MOUSE_OVER, onButtonOver);
     arrayB[i].addEventListener( MouseEvent.MOUSE_OUT, onButtonOut);
     arrayB[i].addEventListener( MouseEvent.CLICK, onButtonRemoveB);
           arrayB[i].addEventListener( MouseEvent.CLICK, onButtonClick);
           arrayB[i].imgNum = i;
                 imgLoader.y  = 100;
                      imgLoader.x =275;
                      B.y = -55;
                 B.x =-100;
function onButtonOver( e:MouseEvent ):void {
     var B:MovieClip = MovieClip(e.target);
     if(B.tween){
       B.tween.stop();
     B.tween = new Tween( B, "y", Regular.easeOut,600, 591, .5, true );
function onButtonOut( e:MouseEvent ):void {
     var B:MovieClip = MovieClip(e.target);
     if( B.tween ){
       B.tween.stop();
     B.tween = new Tween( B, "y", Regular.easeOut, 591, 600, 1, true );
function onButtonRemoveB( e:MouseEvent ):void {
removeChild(TwoDtxt);
function onButtonClick( e:MouseEvent ):void {
   if(this.contains(B)){
       removeChild(B);
   imgLoader.load(new URLRequest(arrayImages[e.currentTarget.imgNum]));
   imgLoader.contentLoaderInfo.addEventListener( Event.COMPLETE , loaded);
function loaded(event:Event):void {
     addChild(B);
      var targetLoader:Loader = Loader(event.target.loader);
var AlphaTween1:Tween = new Tween(T1, "alpha", Strong.easeOut, 1, .20, 2.5, true);
var AlphaTween2:Tween = new Tween(Bottom1, "alpha", Strong.easeOut, 1, .20, 2.5, true);
[/AS]
Before the image loads if you were to click on the boy with the balloon"the back button" the image would than load later on say the"portfolio" part of the site.