//______TOP MENU MANAGER__________________________
//Use this script to edit and generate content for the top menu

//Note : If you add or reduce the number of menu items, you will need to adjust their width in the style sheet
//       by either increasing or decreasing the listing that appears like (width: 100px;) under .home-link,.menu-link
//       The text is centered under #top-menu, but will either gather towards the middle or break to the next line if you
//		 don't change it.

var start_menu = '<div id="top-menu">';
var end_menu= '</div>';
var menu_item = new Array();

//______ADD A MENU ITEM_______________________________
//Add a new link to the menu here by adding a new line of the form 	['filename.file ext','css class name','display name'],
//Insert it where you would like to see it displayed.
menu_item= [
			['index.html','home-link','Home'],//This home link has a different style designated

			['keepers.html','menu-link','Buy the Book'],
			['excerpts.html','menu-link','Excerpts'],
			['mediakit.html','menu-link','Media Kit'],
			['contactus.html','menu-link','Contact Us']//Make sure there is no comma at the end of this last line
			];

var content = start_menu;
//loop and add menu items
var i=0;
do{
		content += '<span class="menu-item"> <a href="';
		content += menu_item[i][0];//add file name
		content+='" class="';
		content+=menu_item[i][1];//add css class name
		content+='">';
		content+=menu_item[i][2];//add display name
		content+='</a></span>';

		if (i+1 < menu_item.length)//add the dot separator if this isn't the last item
		{
			content+='<img src="image-files/top-menu-separator.jpg" height=10 width=10>';
		}

}while (++i < menu_item.length);

content += end_menu;

document.write( content ) ;