Switch component skins

When creating a custom component and using the flashbrighton tutorial, I end up with a skin I can reference with the following code within the draw function:
[SIZE=1]protected override function draw():void {
var classDef:Object;
if (main_mc == null) {
try {
classDef=this.loaderInfo.applicationDomain.getDefinition(“Skin1”);
} catch (e:ReferenceError) {
trace(e);
return;
}
main_mc=new classDef as MovieClip;
}
addChildAt(main_mc,0);
//main_mc.width = width;
//main_mc.height = height;
}[/SIZE]
[SIZE=1][/SIZE]
My question is how do I set up other skins to use for custom events? Say I need to change from “onskin” to “offskin” for a custom light component. Do I have to detroy the child a main_mc,0 and create the other each time I switch? I still can’t find any good documentation for these components. I am thinking it might be a style problem for fast switching. Maybe like the button over and disabled stuff?