Indicating The Current Slide Your Are Viewing With A Img

I basically have a Jquery automatic slider. I have made 5 slides and there are 5 thumbnails of each img in the bottom to show users I have 5 slides.

When viewing the current slide, a white border box appears on the current slide. All the others are normal.

I would just like to know how I can replace the white border box with making the image of the thumbnail different.

EX: I have 5 black crircles and when your viewing slide #2. The SLide #2 circle turns blue.

Code I have is:

Both Frames lines are the ones who create the white border. Do I have to create my own function and add .attr({src : "new_image.gif"});

And delete both frames or is there a function already I can add? I see there is a background_color: 'transparent',

So I'm guessing there should be a background to add images but I wouldn't know the command.