Hi.. How r u all..?

I'm doing a small program to change the color of those sections of an image which are having the same color, according to the color selected from the colorpicker..

Say we have selected a color from the colorpicker, and then the mouseclick event on the image changes the color of those parts in the image which are having the same color as the clicked portion (or pixel) to the selected color.. If we've selected FF0000 from the colorpicker, then clicked on 3300CC coloured pixel in the image. This should change the color of all the 3300CC coloured pixels in the image..

I've a colorpicker [colpickr] and a movieclip [mc] of the image on the stage. I created a bitmap of that same same image (imag1) using code. Selecting the color from the colorpicker and a mouse click on the movieclip (here I used getPixel) will change that color in the bitmap to the selected color (with setPixel). So here I've two images; one is a movieclip (inorder to add listener for click event) and one is a bitmap (inorder to set the property setPixel). But I need only a single image.

Please help me regarding this.. Given below is my (horrible) code..

import flash.events.MouseEvent;

import flash.display.Bitmap;

import flash.display.BitmapData;

import flash.net.URLRequest;

import flash.display.Loader;

var c = 0;

var myBitmapData:BitmapData;

var bm:Bitmap;

colpickr.selectedColor = 0xffffff;

var preLoader;

var urlReq;

var preloader_img:MovieClip;

preLoader =new Loader();

preLoader.unloadAndStop();

urlReq = new URLRequest("imag1.jpg"); // i've selected the same image as that of movieclip mc

preLoader.load(urlReq);

preLoader.contentLoaderInfo.addEventListener(Event.COMPLETE,preLoaderC omplete);

//creates a bitmap image of mc..

function preLoaderComplete(loadEvent:Event) {

    myBitmapData = new BitmapData(mc.width,mc.height);

    myBitmapData.draw(mc);

    bm = new Bitmap(myBitmapData);

    addChild(bm);

    bm.width = mc.width;

    bm.height = mc.height;

}

mc.addEventListener(MouseEvent.CLICK, _onMouseClick);

//gets the color of mc and sets the color to bitmap

function _onMouseClick(event:MouseEvent):void {

    var myColor:uint = myBitmapData.getPixel(mc.mouseX,mc.mouseY);

    c = myColor.toString(16);

    for (var i=0; i<bm.width; i++) {

        for (var j=0; j<bm.height; j++) {

            if (myBitmapData.getPixel(i,j).toString(16) == c) {

                myBitmapData.setPixel(i,j,colpickr.selectedColor);

            }

        }

    }

}