Button need to change appearance when pushed

Question

I just got some great help in here, to get a button to switch inbetween 2 videos. I just need to have the button when not pressed say "video1" and when pressed say"video2" and when pressed again say "video1" etc... just don't know how to go about it since my as3 skills is not the greatest.
I have the following code in my keyframe where the button (videobtn) is:
import VideoBg;
var videos:Array=new Array('videos/bird_short.f4v','videos/kanin.f4v');
var num:uint=1;
var vid:VideoBg=new VideoBg(videos[index]);
var index:int = videos[Math.floor(Math.random()*videos.length)];
//var vid:VideoBg=new VideoBg(videos[Math.floor(Math.random()*videos.length)]);
addChild(vid);
setChildIndex(vid,0);
videobtn.addEventListener(MouseEvent.CLICK,toggleVideoF);
function toggleVideoF(e:MouseEvent):void{
index=(index+1)%videos.length;
vid.playF=videos[index];

Answer 1

What you should probably do if you can't work out the code is to use buttons inside the movieclip to manage the rollover and rollout animations--one button in each frame.  That way you will only have to have two frames inside that movieclip that you need to worry about coding for.  Then your code that you showed earlier (that has the index I was talking about) for the CLICK event would just have to switch between the two frames...
videobtn.addEventListener(MouseEvent.CLICK,toggleVideoF);
function toggleVideoF(e:MouseEvent):void{
   index=(index+1)%videos.length;
   vid.playF=videos[index];
   videobtn.gotoAndStop(index+1);