Formatting JavaScript text output.

I am designing a web page that will look like the page at
http://comechildrensing.com/song_library/songbooks_9-5-12.php.

If you click on any of the bookshelf options in the left box, explanatory text will appear in the right box. The page as you see it here is very inefficient as it loads a new page for each link. I want to create a single page and use JavaScript to display the appropriate text when a link is clicked. I created a new page,
http://comechildrensing.com/song_library/songbooks.php,  
which includes a function, getBookshelfText(textNo), which displays the appropriate text in a <textarea> in the right box.

	<script type="text/javascript">
    function getBookshelfText(textNo) {
    var bookshelfText;
	switch (textNo){
		case 1:
    bookshelfText ='Songs for all levels from early childhood through choral performance \r \r\tSongbooks\r\r\tDance, Merry Voices!\r\r\tCherry Blossoms\r\r\tOh, You Can Sing!\r\r\tCome Children, Sing!';
		break;
		case 2:
    bookshelfText = 'Bookshelf 2';
	bookshelfText = bookshelfText.link('songbooks_2.php');
	/*'Songs for performance for the elementary classroom and children\'s chorus\r\r\tSongbooks\r\r\tA Bug Collection\r\r\tA Carousel of Animals\r\r\tSongs of the Sea\r\r\tCome Caroling, Children!\r\r\tThere\'s a Train Comin\'\r\r\tThe Dream Keeper\r\r\tI Stood Upon a Star\r\r\tBehold, the Hippopotamus!';*/
		break;
		case 3:
    bookshelfText = 'Songs for performance for the elementary classroom and children\'s chorus\r\r\tSongbooks\r\r\tThe Joy of Children Musicals';
		break;
		case 4:
    bookshelfText = 'Songs for children\'s church choir, including settings with Orff instruments\r\r\tSongbooks\r\r\tCome Children, Praise!\r\r\tSing a New Song Unto the Lord.';
		break;
		case 5:
    bookshelfText = 'Songs and chants without words in various tonalities and meters for children of all ages\r\r\tSongbooks\r\r\tSing We and Chant It!';
		break;
	}
	document.getElementById("carLink").value=bookshelfText;
	}
	</script>

Select allOpen in new window

The problem is, when I add formatting and links to the text, the HTML is printed rather than being interpreted by the browser. For example, the code
   

bookshelfText = 'Bookshelf 2';
bookshelfText = bookshelfText.bold();

Select allOpen in new window

displays as “<B>Bookshelf 2</B>”.

Setting up links using the “link(URL)” method produces similar results. You can see an example of this problem by going to http://comechildrensing.com/song_library/songbooks.php 
and clicking on Bookshelf 2.

How do I get the bolds and links in the text to format and function properly?