Have XML With Thumbs, But Need Scrolling

programming flash
1

Hey all,

I’ve downloaded the source files from the tutorial “Create An XML Video Player Using ActionScript 3” from a certain site.

Everything works, but I need the thumbs to be able to scroll vertically (there is no scroll implementation with this tutorial-the thumbs just stack until they run off the stage). I’d like to use my own scroll bar. I’ve tried the prebuilt scroll pane from the flash library, but no luck…any ideas?

Here is my current code:

import fl.video.*;

var thumb_width:Number;
var thumb_height:Number;
var thumbs_x:Number;
var thumbs_y:Number;
var video_x:Number;
var video_y:Number;
var my_videos:XMLList;
var my_total:Number;

var main_container:Sprite;
var thumbs:Sprite;
var titles:Sprite;
var my_player:FLVPlayback;

var myXMLLoader:URLLoader = new URLLoader();
myXMLLoader.load (new URLRequest("playlist.xml"));
myXMLLoader.addEventListener (Event.COMPLETE, processXML);

function processXML (e:Event):void {
	var myXML:XML = new XML(e.target.data);

	thumb_width = myXML.@THUMB_WIDTH;
	thumb_height = myXML.@THUMB_HEIGHT;
	thumbs_x = myXML.@THUMBS_X;
	thumbs_y = myXML.@THUMBS_Y;
	video_x = myXML.@VIDEO_X;
	video_y = myXML.@VIDEO_Y;
	my_videos = myXML.VIDEO;
	my_total = my_videos.length();

	makeContainers ();
	callThumbs ();
	makePlayer ();
}

function makeContainers ():void {
	main_container = new Sprite();
	addChild (main_container);

	thumbs = new Sprite();
	thumbs.addEventListener (MouseEvent.CLICK, playVideo);
	thumbs.addEventListener (MouseEvent.MOUSE_OVER, onOver);
	thumbs.addEventListener (MouseEvent.MOUSE_OUT, onOut);
	thumbs.x = thumbs_x;
	thumbs.y = thumbs_y;
	thumbs.buttonMode = true;
	main_container.addChild (thumbs);
	

	titles = new Sprite();
	titles.x = thumbs_x;
	titles.y = thumbs_y;
	main_container.addChild (titles);
	
}

function callThumbs ():void {
	for (var i:Number = 0; i < my_total; i++) {

		var thumb_url = my_videos*.@THUMB;
		var thumb_loader = new Loader();
		thumb_loader.name = i;
		thumb_loader.load (new URLRequest(thumb_url));
		thumb_loader.contentLoaderInfo.addEventListener (Event.COMPLETE, thumbLoaded);
		thumb_loader.y = (thumb_height+10)*i;

		var thumb_title = my_videos*.@TITLE;
		var title_txt:TextField = new TextField();
		title_txt.text = thumb_title;
		title_txt.y = thumb_loader.y;
		title_txt.x = thumb_width + 10;
		title_txt.width = thumb_width;
		title_txt.height = thumb_height;
		title_txt.wordWrap = true;
		titles.addChild (title_txt);


	}
}

function thumbLoaded (e:Event):void {
	var my_thumb:Loader = Loader(e.target.loader);
	thumbs.addChild (my_thumb);
}

function makePlayer ():void {
	my_player = new FLVPlayback();
	my_player.skin ="SkinOverPlaySeekMute.swf";
	my_player.skinBackgroundColor = 0xAEBEFB;
	my_player.skinBackgroundAlpha = 0.5;

	my_player.x = video_x;
	my_player.y = video_y;
	my_player.width = 480;
	my_player.height = 270;

	//main_container.addChild (my_player);
	stage.addChild (my_player);
	my_player.source = my_videos[0].@URL;
}

function playVideo (e:MouseEvent):void {
	var video_url = my_videos[e.target.name].@URL;
	my_player.source = video_url;
}

function onOver (e:MouseEvent):void {
	var my_thumb:Loader = Loader(e.target);
	my_thumb.alpha = 0.5;
}
function onOut (e:MouseEvent):void {
	var my_thumb:Loader = Loader (e.target);
	my_thumb.alpha = 1;
}

Any help would be appreciated

-Damon