//////////////////////////////////////////////////////////////////////////////
//
// Some constants that define the page
//
//////////////////////////////////////////////////////////////////////////////
var TRUE = 1;
var FALSE = 0;

var NAVBARWIDTH = 190;
var CONTENTWIDTH = 650;
var PAGEWIDTH = NAVBARWIDTH + CONTENTWIDTH;
var TITLEBARHEIGHT = 93;
var INSETHEIGHT = 475;

var NAVBARON = TRUE;
var NAVBAROFF = FALSE;

var TITLEBARON = TRUE;
var TITLEBAROFF = FALSE;

var LEVEL_TOP = 1;
var LEVEL_2ND = 2;
var LEVEL_3RD = 3;



//////////////////////////////////////////////////////////////////////////////
//
// This function generates the standard title bar
//
//////////////////////////////////////////////////////////////////////////////

function genTitleBar (level)
{
    document.write ('<table class="titleBar" cellspacing=0 cellpadding=0>');

	   // draw top frame
    if (level == LEVEL_TOP)
		document.write ('<tr><td height=5 background="./Images/imageBar.jpg"></td></tr>');
	else
		document.write ('<tr><td height=5 background="../Images/imageBar.jpg"></td></tr>');

	   // draw titlebar image
    if (level == LEVEL_TOP)
        document.write ('<tr><td><img src="./Images/mtbParkerTitleBar.jpg"></td></tr>');
    else if (level == LEVEL_2ND)
        document.write ('<tr><td><img src="../Images/mtbParkerTitleBar.jpg"></td></tr>');
        
	   // draw bottom frame
    if (level == LEVEL_TOP)
		document.write ('<tr><td height=5 background="./Images/imageBar.jpg"></td></tr>');
	else
		document.write ('<tr><td height=5 background="../Images/imageBar.jpg"></td></tr>');

    document.write ('</table>');
}


//////////////////////////////////////////////////////////////////////////////
//
// This function generates a single group of links within the navBar
//
//////////////////////////////////////////////////////////////////////////////
function genNavBarGroup (groupName, numLinks, url, linkName, level)
{
       // declare variables to be used by this routine
    var i;
    var j;
    var anchorBegin = '<a class="navBar" href="';
    var anchorEnd = '">';
    var tdStr;

	   // generate the group title
	tdStr = '<tr> <td> <font class="navBarH1">' + groupName + ' </font> </td> </tr>';
	document.write (tdStr);

       // generate the group links
    i = 0;
    while (i < numLinks)
    {
           // start the table row
        document.write ('<tr>');

           // build the table data string
        tdStr = '<td>';
        tdStr += anchorBegin;
        
		if (level == LEVEL_TOP)
			tdStr += './';
        else if (level == LEVEL_2ND)
            tdStr += '../'
        
        tdStr += url[i] + anchorEnd;
        tdStr += linkName[i] + '</a></td>';

           // write the table data to the document
        document.write (tdStr);

           // end the table row
        document.write ('</tr>');
        
           // increment the counters
        i++;
    }

	tdStr = '<tr><td><br></td></tr>';
	document.write (tdStr);


}


//////////////////////////////////////////////////////////////////////////////
//
// This function generates the navBar (including all its groups)
//
//////////////////////////////////////////////////////////////////////////////
function genNavBar (level)
{
    var tdStr;

	tdStr =  '<td class="navBarTD">';
	tdStr += '<table class="navBarTable">';
    document.write (tdStr);

	genNavBarGroup (groupName[0], numGroupLinks[0], linkURL, linkName, level);
	genNavBarGroup (groupName[1], numGroupLinks[1], lessonURL, lessonName, level);
	genNavBarGroup (groupName[2], numGroupLinks[2], chartsURL, chartsName, level);
	genNavBarGroup (groupName[3], numGroupLinks[3], chartsCanURL, chartsCanName, level);
    genNavBarGroup (groupName[4], numGroupLinks[4], albumPath, albumName, level);
	genNavBarGroup (groupName[5], numGroupLinks[5], aroundTheUSPath, aroundTheUSName, level);

	document.write ('</table>');
	document.write ('</td>');

}


//////////////////////////////////////////////////////////////////////////////
//
// These functions generate the mtbparker.com page template which includes
// all the thematic elements for the site:  the title bar, the nav bar, 
// the friends bar, and the bottom bar
//
//////////////////////////////////////////////////////////////////////////////
function beginPage (level, titleBarOn)
{
	   // Main Page Title
	if (titleBarOn == TRUE)
		genTitleBar (level);

	   // The outer table to frame the navBar and body
	document.write ('<table class="mainTable" cellspacing=0 cellpadding=0>');
	document.write ('<tr>');
}


function beginBody ()
{
	   // begins column 2
	document.write ('<td class="bodyTD">');
}


function beginInset ()
{
    document.write('<table class="body">');
    document.write('<tr>');
    document.write('<td>');
}


function endInset ()
{
    document.write('</td>');
    document.write('</tr>');
    document.write('</table>');
}


function endBody ()
{
	document.write ('</td>');
}


function endPage ()
{
	document.write ('</tr>');
	document.write ('</table>');
}