var navItem = new Array();

// *************************************************
// ** BEGIN: Add your left navigation links here. **
// *************************************************

navItem[0] = new Array();
navItem[0][0] = "Classes"
navItem[0][1] = "classes.htm"

navItem[1] = new Array();
navItem[1][0] = "News & Events"
navItem[1][1] = "news.htm"

navItem[2] = new Array();
navItem[2][0] = "Lounge Happenings"
navItem[2][1] = "happenings.htm"

navItem[3] = new Array();
navItem[3][0] = "Specials"
navItem[3][1] = "specials.htm"

navItem[4] = new Array();
navItem[4][0] = "Ideas & Inspiration"
navItem[4][1] = "ideas.htm"

navItem[5] = new Array();
navItem[5][0] = "Toolbox"
navItem[5][1] = "toolbox.htm"

navItem[6] = new Array();
navItem[6][0] = "Products"
navItem[6][1] = "products.htm"

navItem[7] = new Array();
navItem[7][0] = "Resources"
navItem[7][1] = "resources.htm"

var frmHeight = (25*navItem.length)+'px;';

function setFrmHeight() {
	document.getElementById('frmMenu').height=frmHeight;
}

// *************************************************
// *** END: Add your left navigation links here. ***
// *************************************************

function tglStar(e) {
	var state = document.getElementById(e);
	(state.style.display=='none')?state.style.display='inline':state.style.display='none';
}

function buildMenuItems() {
	var e = navItem;
	var sText ='';
	
	sText = '<table width"100%" cellspacing="0" cellpadding="0" border="0">';
	
	for(i=0;i<e.length;i++) {
		sText += '<tr><td height="25" onmouseover="tglStar(\''+i+'_star\');" onmouseout="tglStar(\''+i+'_star\');"><a href="'+e[i][1]+'" target="_top" style="text-decoration:none">';
		
		var temp = e[i][0].split('');
		for (j=0;j<temp.length;j++) {
			if (temp[j] == ' ') {
				sText +='&nbsp;';
			} else {
				sText +='<img src="images/letters/'+temp[j].toString().charCodeAt(0)+'.gif" align="absmiddle" border="0">';
			}
		}
		sText += '</a><img id="'+i+'_star" src="images/star.gif" style="display:none"/></td></tr>';
	}
	sText += '</table>';
	
	document.getElementById('outTable').innerHTML = sText;
}
function showMenu(){
	document.getElementById('outTable').style.display = 'block';
}