// Copy of head.js, but this is called from one directory down.
// Rather than use path from root eg. /images/banner.png I use relative
// so it works in all test directories and locations
// This file expects images in ../images

function displaybanner(w) {
	x=640;
	if (w < 160) {
		document.writeln('<h5>Kyoikenkai Karate Club</h5>');
		return;
	} else if (w < 240) {
		x=160;
	} else if (w < 320) {
		x=240;
	} else if (w < 480) {
		x=320;
	} else if (w < 640) {
		x=480;
	}
	document.writeln('<img width="'+x+'" src="../images/banner'+x+'.png" class="newblock">');
}

function displaymenu() {
	document.writeln('<div class="small">');
	document.writeln('<a href="../home.html">Home</a>&nbsp;');
	document.writeln('<a href="../instructors.html">Instructors</a>&nbsp;');
	document.writeln('<a href="../syllabus.html">Syllabus</a>&nbsp;');
	document.writeln('<a href="../events.html">News &amp; Events</a>&nbsp;');
	//document.writeln('<a href="http://odbc3.fotopic.net/">Gallery</a>&nbsp;');
	document.writeln('<a href="http://m.flickr.com/photos/hardykarate/collections/">Gallery</a>&nbsp;');
	document.writeln('<a href="../testimonals.html">Testimonals</a>&nbsp;');
	document.writeln('<a href="../details.html">Details</a>&nbsp;');
	document.writeln('<a href="../contacts.html">Contacts</a></div><br />');
}

function eliminatemargin() {
	document.writeln('<style type="text/css">body {margin: 0px;padding: 0;}</style>');
}

if (parent.frames.length == 0) {
	// no frameset so page is standalone. Now display banner and menu
	eliminatemargin(); // makes top banner fit snug
	displaybanner(screen.width);
	displaymenu();
}

