bioSelector = new ButtonGroup("bioSelector");
bioSelector.addButton("Top");
bioSelector.addButton("Awards");
bioSelector.addButton("Background");
bioSelector.addButton("Commissions");
bioSelector.addButton("Film");
bioSelector.addButton("Education");
bioSelector.addButton("Exhibitions");
bioSelector.addButton("Shows");
bioSelector.addButton("Organizations");
bioSelector.addButton("Publications");
bioSelector.addButton("<nobr>Teaching / Speaking</nobr>");
bioSelector.addActionListener("bioSelector");
bioSelector.addActionListener("bioPage");
bioSelector.addChangeListener("bioSelector");
bioSelector.buttonPadding = 4;
bioSelector.buttonTopPadding = 0;
bioSelector.buttonSpacing = 1;
bioSelector.buttonSelectedColor = "white";
bioSelector.buttonSelectedBackgroundColor = DARK_COLOR;
bioSelector.buttonSelectedBorderColor = DARK_COLOR;
bioSelector.buttonColor = LIGHT_COLOR;
bioSelector.buttonBorderColor = LIGHT_COLOR;
bioSelector.buttonFontSize = 8;
bioSelector.buttonFontWeight = "normal";
bioSelector.buttonHighlightBackgroundColor = LIGHT_COLOR;
bioSelector.buttonHighlightColor = "white";
bioSelector.buttonHighlightBorderColor = LIGHT_COLOR;
bioSelector.createButtonsHtml();





northComponentHtml= "<h2>Biography</h2>" + bioSelector.getHtml();


centerComponentHtml = "<iframe name='bioFrame' src='" + bPath + "biography.html' width='100%' height='380' style='background-color: transparent; border: none;'></iframe>";


container = new Container();
container.paintLayout(PAINT_LAYOUT);
container.setSpacing(CONTAINER_SPACING);
container.setNorthComponent(northComponentHtml, "top", "center");
container.setCenterComponent(centerComponentHtml, "top");


var bioPage = new Page("Biography");
bioPage.paintLayout(PAINT_LAYOUT);
bioPage.createPageHtml(container);


function biopage_actionPerformed(source)
{
	pageFrame.bioFrame.location.href = bPath + "biography.html#bio" + bioSelector.selectedIndex;
}

bioPage.actionPerformed = biopage_actionPerformed;