if (document.images) {
var imageOff = new Object();
var imageOn = new Object();

imageOff['nav_home'] = new Image(27,15);
imageOff['nav_home'].src = '/images/nav/nav_home_off.gif';
imageOn['nav_home'] = new Image(27,15);
imageOn['nav_home'].src = '/images/nav/nav_home_on.gif';

imageOff['nav_profile'] = new Image(31,15);
imageOff['nav_profile'].src = '/images/nav/nav_profile_off.gif';
imageOn['nav_profile'] = new Image(31,15);
imageOn['nav_profile'].src = '/images/nav/nav_profile_on.gif';

imageOff['nav_books'] = new Image(30,15);
imageOff['nav_books'].src = '/images/nav/nav_books_off.gif';
imageOn['nav_books'] = new Image(30,15);
imageOn['nav_books'].src = '/images/nav/nav_books_on.gif';

imageOff['nav_articles'] = new Image(88,15);
imageOff['nav_articles'].src = '/images/nav/nav_articles_off.gif';
imageOn['nav_articles'] = new Image(88,15);
imageOn['nav_articles'].src = '/images/nav/nav_articles_on.gif';

imageOff['nav_speaking'] = new Image(112,15);
imageOff['nav_speaking'].src = '/images/nav/nav_speaking_off.gif';
imageOn['nav_speaking'] = new Image(112,15);
imageOn['nav_speaking'].src = '/images/nav/nav_speaking_on.gif';
}

var pageLoaded = false;

//rollover function - borrowed from JS/DHTML Cookbook by Danny Goodman
function setImage(imgName, offOn) {
	if (document.images && pageLoaded) {
		if (offOn=="on") {
			document.images[imgName].src = imageOn[imgName].src;
			return true;
		} else if (offOn=="off") {
			document.images[imgName].src = imageOff[imgName].src;
			return true;		
		}
	}
	return false;
}

function drawNav() {
var navHTML = [];

navHTML.push('<table border="0" width="100%" cellspacing="0" cellpadding="0">');
navHTML.push('<tr>');
navHTML.push('<td bgcolor="#CC0033" background="/images/nav/nav_bg.gif" height="15">');
navHTML.push('<table border="0" cellspacing="0" cellpadding="0">');
navHTML.push('<tr height="15">');
navHTML.push('<td width="59"></td>');
navHTML.push('<td width="205"><a href="/index.html" onmouseover="setImage(\'nav_home\',\'on\');" onmouseout="setImage(\'nav_home\',\'off\');"><img border="0" src="/images/nav/nav_home_off.gif" width="27" height="15" name="nav_home" border="0" /></a></td>');

navHTML.push('<td width="205" align="center"><a href="/profile/index.html" onmouseover="setImage(\'nav_profile\',\'on\');" onmouseout="setImage(\'nav_profile\',\'off\');"><img border="0" src="/images/nav/nav_profile_off.gif" width="31" height="15" name="nav_profile" border="0" /></a></td>');

navHTML.push('<td width="205" align="right"><a href="/books/index.html" onmouseover="setImage(\'nav_books\',\'on\');" onmouseout="setImage(\'nav_books\',\'off\');"><img border="0" src="/images/nav/nav_books_off.gif" width="30" height="15" name="nav_books" border="0" /></a></td>');

navHTML.push('<td width="205" align="right"><a href="/media/index.html" onmouseover="setImage(\'nav_articles\',\'on\');" onmouseout="setImage(\'nav_articles\',\'off\');"><img border="0" src="/images/nav/nav_articles_off.gif" width="88" height="15" name="nav_articles" border="0" /></a></td>');

navHTML.push('</tr>');
navHTML.push('</table>');
navHTML.push('</td>');
navHTML.push('</tr>');
navHTML.push('</table>');

document.write(navHTML.join('\n'));
navHTML = null;

}