Help with AS3 menu

[mnkei]

Hi, i need help converting this drop down menu to 2 level menu so that the subcategories are beside each other as apposed to underneath each other. any help is greatly appreciated.

thnx

MNK

//page & sub page btn variables
var pgBtnTxtPos:String;
var pgBtnTxtY:int;
var pgBtnTxtSz:int;
var pgBtnBgClr:uint;
var pgBtnOpacity:Number;
var pgBtnTxtClr:uint;
var pgBtnOverBgClr:uint;
var pgBtnOverTxtClr:uint;
var pgBtnClickBgClr:uint;
var pgBtnClickTxtColr:uint;
var subPgBtnTxtPos:String;
var subPgBtnOpacity:Number;
var subPgBtnTxtY:int;
var subPgBtnTxtX:int;
var spaceBtwSubs:int;
var subPgBtnTxtSz:int;
var subPgBtnBgClr:uint;
var subPgBtnTxtClr:uint;
var subPgBtnOverBgClr:uint;
var subPgBtnOverTxtClr:uint;
var subPgBtnClickBgClr:uint;
var subPgBtnClickTxtColr:uint;

function loadButtons():void{
	if(i < totalPages){
		nonIndexedPage = stringToBoolean(pages*.nonIndexedPage.text());
		if(nonIndexedPage){
			nonIndexedPage = false;
			getNextButton();
			return;
		}
	}
	if(i != 0){
		btnX += pgBtnWidth + spaceBtwnBtns;
	}
	if(i < totalPages){
		//create btn
		pgBtn = new pageBtn();
		//set btn properties
		pgBtn.buttonMode = true;
		pgBtn.data = i;
		pgBtn.name = "nav" + i.toString();
		pgBtn.mouseChildren = true;
		pgBtn.x = btnX;
		pgBtn.y = 0;
		//set submenu properties
		pgBtn.subMenu.visible = false;
		pgBtn.setChildIndex(pgBtn.subMenu,0);
		//define text
		pgBtn.btnText.y = pgBtnTxtY;
		pgBtn.btnText.text = pages*.name;
		pgBtn.btnText.mouseEnabled = false;
		//set text formatting
		var txtFormat:TextFormat = new TextFormat();
		txtFormat.align = pgBtnTxtPos;
		txtFormat.size = pgBtnTxtSz;
		txtFormat.color = pgBtnTxtClr;
		pgBtn.btnText.setTextFormat(txtFormat);
		//get btn width
		pgBtnWidth = pgBtn.btnText.textWidth + addToBtnWidth;
		pgBtn.btnText.width = pgBtnWidth;
		totalButtonWidth += pgBtnWidth + spaceBtwnBtns;
		//draw btn
		pgBtn.pageBtnBg.graphics.clear();
		pgBtn.pageBtnBg.graphics.beginFill(pgBtnBgClr,pgBtnOpacity);
		pgBtn.pageBtnBg.graphics.drawRect(0, 0, pgBtnWidth, pgBtnHeight);
		pgBtn.pageBtnBg.graphics.endFill();
		//add event listeners to button
		pgBtn.addEventListener(MouseEvent.ROLL_OVER, pgBtnOver,false,0,true);
		pgBtn.addEventListener(MouseEvent.ROLL_OUT, pgBtnOut,false,0,true);
		
		//see if we need to load subNavBtns
		subNav = stringToBoolean(pages*.hasSubPages.text());
		if(subNav){
			subPages = pages*.subPage;
			totalSubPages = subPages.length();
			//set submenu properties
			pgBtn.subMenu.y = 20;
			pgBtn.subMenu.subHitArea.width = (totalSubPages * (subPgBtnWidth + spaceBtwSubs));
			pgBtn.subMenu.subHitArea.height = subPgBtnHeight;
			pgBtn.subMenu.subHitArea.x = pgBtnWidth;
			loadSubButton();
		}
		//if not get Next main nav button
		else{
			//add an event listener to the nav button to load 
			pgBtn.addEventListener(MouseEvent.CLICK, pgClick);
			buttonHolder.addChild(pgBtn);
			getNextButton();
		}
	}
	else{
		positionNavigation();
	}
}

function loadSubButton():void{
	if(j < totalSubPages){
		subPgBtn = new subPageBtn();
		subPgBtn.x = spaceBtwSubs;
		subPgBtn.y = 20;
		subPgBtn.data = j;
		subPgBtn.name = "sub" + j.toString();
		subPgBtn.buttonMode = true;
		subPgBtn.mouseChildren = false;
		subPgBtn.addEventListener(MouseEvent.ROLL_OVER, subOver,false,0,true);
		subPgBtn.addEventListener(MouseEvent.ROLL_OUT, subOut,false,0,true);
		subPgBtn.addEventListener(MouseEvent.CLICK, subPgClick,false,0,true);
		//draw btn
		subPgBtn.subPageBtnBg.graphics.clear();
		subPgBtn.subPageBtnBg.graphics.beginFill(subPgBtnBgClr,subPgBtnOpacity);
		subPgBtn.subPageBtnBg.graphics.drawRect(0, 0, subPgBtnWidth, subPgBtnHeight);
		subPgBtn.subPageBtnBg.graphics.endFill();
		//define text
		subPgBtn.btnText.text = subPages[j].name;
		subPgBtn.btnText.mouseEnabled = false;
		subPgBtn.btnText.blendMode = BlendMode.LAYER;
		subPgBtn.btnText.x = subPgBtnTxtX;
		subPgBtn.btnText.y = subPgBtnTxtY;
		subPgBtn.btnText.width = subPgBtnWidth - subPgBtnTxtX;
		//set text formatting
		var txtFormat:TextFormat = new TextFormat();
		txtFormat.align = subPgBtnTxtPos;
		txtFormat.size = subPgBtnTxtSz;
		txtFormat.color = subPgBtnTxtClr;
		subPgBtn.btnText.setTextFormat(txtFormat);
		pgBtn.subMenu.addChild(subPgBtn);
		pgBtn.subMenu.setChildIndex(pgBtn.subMenu.getChildAt(j+1),1);
		buttonHolder.addChild(pgBtn);
		getNextSubButton();
	}
	else{
		j=0;
		getNextButton();
	}
}

function getNextSubButton():void{
	j++;
	loadSubButton();
}

function getNextButton():void{
	i++;
	loadButtons();
}

function positionNavigation():void{


	//MENU POSITIONING
		xString =  xml.buttons.x.text();
		xString = xString.toLowerCase();
		switch(xString){
			case "left":
				btnHolderX = 0;
			break;
			case "center":
				btnHolderX = Math.ceil((StageWidth/2) - (totalButtonWidth/2));
			break;
			case "right":
				btnHolderX = Math.ceil((StageWidth - totalButtonWidth));
			break;
			default:
				btnHolderX = parseInt(xString);
		}
		buttonHolder.x = btnHolderX;
		buttonHolder.y = btnHolderY;
	//END OF MENU POSITIONING