//******************************************************************************
// mbed.js
// Chris Eben [eben@uiuc.edu]
// 9/18/2005
//
//******************************************************************************

var PAGE_NEWS			= 1 << 0;
var PAGE_ABOUT			= 1 << 1;
var PAGE_MEETINGS		= 1 << 2;
var PAGE_EVENTS			= 1 << 3;
var PAGE_PROJECTS		= 1 << 4;
var PAGE_MEMBERS		= 1 << 5;
var PAGE_LINKS			= 1 << 6;
var PAGE_CONTACT		= 1 << 7;
var PAGE_EOH_2006		= 1 << 9;
var PAGE_PROJECTS_STRONGARM 	= (1 << 8) | PAGE_PROJECTS;

var g_linkOrder = new Array( PAGE_EOH_2006, PAGE_ABOUT, PAGE_NEWS, PAGE_EVENTS, PAGE_PROJECTS, PAGE_CONTACT );

var g_iPageId			= 0;

//******************************************************************************
// addBulletedLink ()
//
//
//******************************************************************************
function addBulletedLink( caption, url )
{
    writehtml( "<li><a href=\""+url+"\">"+caption+"</a></li>" );
}

//******************************************************************************
// build_footer ()
//
//
//******************************************************************************
function build_footer( page_id_mask )
{
	// main
	writehtml( "</p><br></table></td></tr>" );

	// footer
	writehtml( "<tr><td class=footer height=\"25px\">" );
	writehtml( "<p align=right>" );
	writehtml( "<a href=\"http://www.acm.uiuc.edu\">UIUC ACM</a> 2010-2011&nbsp;" );
	writehtml( "</p>" );
	writehtml( "</td></tr>" );

	// normal
	writehtml( "</table>" );

	// big table
	writehtml( "</table>" );
	writehtml( "</center>" );
}

//******************************************************************************
// build_header ()
//
//
//******************************************************************************
function build_header( page_id_mask )
{
	g_iPageId = page_id_mask;

	// big table
	writehtml( "<center><table cellspacing=0 width=100%><tr><td valign=top align=center>" );

	// normal table
	writehtml( "<table cellpadding=0 cellspacing=0 width=650 class=\"stdtable\">" );

	// top image
	writehtml( "<tr><td><img src=\""+get_relative_url("top.jpg")+"\"></td></tr>" );

	// table top header
	writehtml( "<tr><td class=header height=\"25px\">&nbsp;&nbsp;" );

	for (var k=0; k<g_linkOrder.length; k++)
	{
		var sz_curr = "";
		switch (g_linkOrder[k])
		{
		//case PAGE_EOH_2006:	sz_curr = "eoh2006";	break;
		//case PAGE_NEWS:		sz_curr = "news";	break;
		case PAGE_ABOUT:	sz_curr = "about";	break;
		//case PAGE_MEETINGS:	sz_curr = "meetings";	break;
		//case PAGE_EVENTS:	sz_curr = "events";	break;
		case PAGE_PROJECTS:	sz_curr = "projects";	break;
		//case PAGE_MEMBERS:	sz_curr = "members";	break;
		//case PAGE_LINKS:	sz_curr = "resources";	break;
		case PAGE_CONTACT:	sz_curr = "contact";	break;
		}

		if (page_id_mask != g_linkOrder[k])		// yes, this is the right logic -- allows subpages of associated header page to return to header page (can go from strongarm project back to projects)
			writehtml( "<a href=\""+get_relative_url(sz_curr + ".html")+"\" class=header_link>" );

		if (page_id_mask & g_linkOrder[k])
			writehtml( "<span class=header_currpage>" );

		writehtml( sz_curr );

		if (page_id_mask & g_linkOrder[k])
			writehtml( "</span>" );

		if (page_id_mask != g_linkOrder[k])
			writehtml( "</a>" );

		if (k != g_linkOrder.length-1)
			writehtml( "&nbsp;|&nbsp;" );
	}

	writehtml( "</tr></td>" );

	// main
	writehtml( "<tr><td cellpadding=1 valign=top class=main><center>" );
	writehtml( "<table width=90% class=main>" );
	writehtml( "<tr><td>" );
	writehtml( "<p align=justify><br>" );
}

//******************************************************************************
// close_bullets ()
//
//
//******************************************************************************
function close_bullets ()
{
	writehtml( "</ul>" );
}

//******************************************************************************
// close_section ()
//
//
//******************************************************************************
function close_section ()
{
	writehtml( "</td></tr>" );
	writehtml( "</table>" );
	writehtml( "</center>" );
}

//******************************************************************************
// create_bullets ()
//
//
//******************************************************************************
function create_bullets ()
{
	writehtml( "<ul>" );
}

//******************************************************************************
// create_section ()
//
//
//******************************************************************************
function create_section( sz_caption )
{
	writehtml( "<center><table width=550 cellspacing=1 cellpadding=3 bgcolor=#002244>" );
	writehtml( "<tr><td class=section_title>" + sz_caption + "</td></tr>" );
	writehtml( "<tr><td class=section_body>" );
}

//******************************************************************************
// get_relative_url ()
//
//
//******************************************************************************
function get_relative_url( url )
{
    switch (g_iPageId)
    {
    case PAGE_PROJECTS_STRONGARM:
	ret = "../../" + url;
	break;

    default:
	ret = url;
    }

    return ret;
}

//******************************************************************************
// writehtml ()
//
//
//******************************************************************************
function writehtml( sz_html )
{
    document.write( sz_html );
}