if (document.all || document.getElementById) { document.write('<style>div#contentMain { text-align: justify; }</style>'); }

function toggle(id) {
	el = document.getElementById(id);
	var display = el.style.display ? '' : 'inline';
	el.style.display = display;
}

// Switch to Netscape 4 Stylesheet
if (document.layers) {
	document.write('<link rel="stylesheet" type="text/css" media="screen" href="css/3col-nn4-layout.css" />');
}
else {
	document.write('<link rel="alternate stylesheet" type="text/css" media="screen" title="pink" href="css/stylesPink.css" />');
	document.write('<link rel="stylesheet" type="text/css" media="screen" title="blue" href="css/3col-styles.css" />');
	document.write('<link rel="stylesheet" type="text/css" media="print" href="css/print.css" />');
	document.write('<script type="text/javascript" src="js/styleswitcher.js"></script>');
}

function insertNav(title) {
	if (title == 'blue') {
		document.write('<a class="nav01" href="whatIsCancer.html" title="What is cancer"><img src="images/nav01.gif" width="150" height="16" border="0" alt="" /></a>');
		document.write('<img src="images/spacer.gif" width="1" height="12" border="0" alt="" />');
		document.write('<a class="nav01" href="whatWillHappen.html" title="What will happen"><img src="images/nav02.gif" width="150" height="16" border="0" alt="" /></a>');
		document.write('<img src="images/spacer.gif" width="1" height="12" border="0" alt="" />');
		document.write('<a class="nav01" href="whatAboutMe.html" title="What about me"><img src="images/nav03.gif" width="150" height="16" border="0" alt="" /></a>');
		document.write('<img src="images/spacer.gif" width="1" height="12" border="0" alt="" />');
		document.write('<a class="nav01" href="movingOn.html" title="Moving on after cancer"><img src="images/nav04.gif" width="150" height="16" border="0" alt="" /></a>');
		document.write('<img src="images/spacer.gif" width="1" height="12" border="0" alt="" />');
		document.write('<a class="nav01" href="personalStories.html" title="Personal Stories"><img src="images/nav05.gif" width="150" height="16" border="0" alt="" /></a>');
		document.write('<img src="images/spacer.gif" width="1" height="12" border="0" alt="" />');
		document.write('<a class="nav01" href="poems.html" title="Poems"><img src="images/nav06.gif" width="150" height="16" border="0" alt="" /></a>');
	} else if (title == 'pink') {
		document.write('<img src="images/spacer.gif" width="1" height="8" border="0" alt="" />');
		document.write('<a class="nav01" href="whatIsCancer.html" title="What is cancer"><img src="images/pnav01.gif" width="150" height="16" border="0" alt="" /></a>');
		document.write('<img src="images/spacer.gif" width="1" height="8" border="0" alt="" />');
		document.write('<a class="nav01" href="whatWillHappen.html" title="What will happen"><img src="images/pnav02.gif" width="150" height="16" border="0" alt="" /></a>');
		document.write('<img src="images/spacer.gif" width="1" height="8" border="0" alt="" />');
		document.write('<a class="nav01" href="whatAboutMe.html" title="What about me"><img src="images/pnav03.gif" width="150" height="16" border="0" alt="" /></a>');
		document.write('<img src="images/spacer.gif" width="1" height="8" border="0" alt="" />');
		document.write('<a class="nav01" href="movingOn.html" title="Moving on after cancer"><img src="images/pnav04.gif" width="150" height="16" border="0" alt="" /></a>');
		document.write('<img src="images/spacer.gif" width="1" height="8" border="0" alt="" />');
		document.write('<a class="nav01" href="personalStories.html" title="Personal Stories"><img src="images/pnav05.gif" width="150" height="16" border="0" alt="" /></a>');
		document.write('<img src="images/spacer.gif" width="1" height="8" border="0" alt="" />');
		document.write('<a class="nav01" href="poems.html" title="Poems"><img src="images/pnav06.gif" width="150" height="16" border="0" alt="" /></a>');
	} else {
		document.write('<a class="nav01" href="whatIsCancer.html" title="What is cancer"><img src="images/nav01.gif" width="150" height="16" border="0" alt="" /></a>');
		document.write('<img src="images/spacer.gif" width="1" height="12" border="0" alt="" />');
		document.write('<a class="nav01" href="whatWillHappen.html" title="What will happen"><img src="images/nav02.gif" width="150" height="16" border="0" alt="" /></a>');
		document.write('<img src="images/spacer.gif" width="1" height="12" border="0" alt="" />');
		document.write('<a class="nav01" href="whatAboutMe.html" title="What about me"><img src="images/nav03.gif" width="150" height="16" border="0" alt="" /></a>');
		document.write('<img src="images/spacer.gif" width="1" height="12" border="0" alt="" />');
		document.write('<a class="nav01" href="movingOn.html" title="Moving on after cancer"><img src="images/nav04.gif" width="150" height="16" border="0" alt="" /></a>');
		document.write('<img src="images/spacer.gif" width="1" height="12" border="0" alt="" />');
		document.write('<a class="nav01" href="personalStories.html" title="Personal Stories"><img src="images/nav05.gif" width="150" height="16" border="0" alt="" /></a>');
		document.write('<img src="images/spacer.gif" width="1" height="12" border="0" alt="" />');
		document.write('<a class="nav01" href="poems.html" title="Poems"><img src="images/nav06.gif" width="150" height="16" border="0" alt="" /></a>');
	}
}

function insertBarometer(title) {
	if (title == 'blue') {
		document.write('<img src="images/titleEmotions.gif" width="179" height="17" border="0" alt="Emotional Barometer" />');
		document.write('<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" WIDTH=179 HEIGHT=163><PARAM NAME=movie VALUE="/stories.swf"><PARAM NAME=quality VALUE=high><PARAM NAME="WMODE" VALUE="TRANSPARENT"><PARAM NAME=bgcolor VALUE=#84BEDF><EMBED src="stories.swf" quality=high bgcolor=#84BEDF wMode="transparent"  WIDTH=179 HEIGHT=163 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED></OBJECT>');
	} else if (title == 'pink') {
		document.write('<br /><img src="images/emotionsHeader.gif" width="173" height="16" border="0" alt="Emotional Barometer" />');
		document.write('<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" WIDTH=179 HEIGHT=163><PARAM NAME=movie VALUE="/storiesPink.swf"><PARAM NAME=quality VALUE=high><PARAM NAME="WMODE" VALUE="TRANSPARENT"><EMBED src="storiesPink.swf" quality=high bgcolor=#84BEDF wMode="transparent"  WIDTH=179 HEIGHT=163 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED></OBJECT>');
	} else {
	}
}
		
		

// convert all characters to lowercase to simplify testing
var agt=navigator.userAgent.toLowerCase();
var appVer = navigator.appVersion.toLowerCase();

// *** BROWSER VERSION ***

var is_minor = parseFloat(appVer);
var is_major = parseInt(is_minor);

// Note: On IE, start of appVersion return 3 or 4
// which supposedly is the version of Netscape it is compatible with.
// So we look for the real version further on in the string

var iePos  = appVer.indexOf('msie');
if (iePos !=-1) {
   is_minor = parseFloat(appVer.substring(iePos+5,appVer.indexOf(';',iePos)))
   is_major = parseInt(is_minor);
}

// Netscape6 is mozilla/5 + Netscape6/6.0!!!
// Mozilla/5.0 (Windows; U; Win98; en-US; m18) Gecko/20001108 Netscape6/6.0
var nav6Pos = agt.indexOf('netscape6');
if (nav6Pos !=-1) {
   is_minor = parseFloat(agt.substring(nav6Pos+10))
   is_major = parseInt(is_minor)
}

var is_getElementById   = (document.getElementById) ? "true" : "false"; // 001121-abk
var is_getElementsByTagName = (document.getElementsByTagName) ? "true" : "false"; // 001127-abk
var is_documentElement = (document.documentElement) ? "true" : "false"; // 001121-abk

var is_opera = (agt.indexOf("opera") != -1);
var is_opera2 = (agt.indexOf("opera 2") != -1 || agt.indexOf("opera/2") != -1);
var is_opera3 = (agt.indexOf("opera 3") != -1 || agt.indexOf("opera/3") != -1);
var is_opera4 = (agt.indexOf("opera 4") != -1 || agt.indexOf("opera/4") != -1);
var is_opera5 = (agt.indexOf("opera 5") != -1 || agt.indexOf("opera/5") != -1);
var is_opera6 = (agt.indexOf("opera 6") != -1 || agt.indexOf("opera/6") != -1); // new 020128- abk
var is_opera5up = (is_opera && !is_opera2 && !is_opera3 && !is_opera4);
var is_opera6up = (is_opera && !is_opera2 && !is_opera3 && !is_opera4 && !is_opera5); // new020128

var is_nav  = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1)
			&& (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1)
			&& (agt.indexOf('webtv')==-1) && (agt.indexOf('hotjava')==-1));
var is_nav2 = (is_nav && (is_major == 2));
var is_nav3 = (is_nav && (is_major == 3));
var is_nav4 = (is_nav && (is_major == 4));
var is_nav4up = (is_nav && is_minor >= 4);  // changed to is_minor for
											// consistency - dmr, 011001
var is_navonly      = (is_nav && ((agt.indexOf(";nav") != -1) ||
					  (agt.indexOf("; nav") != -1)) );

var is_nav6   = (is_nav && is_major==6);    // new 010118 mhp
var is_nav6up = (is_nav && is_minor >= 6) // new 010118 mhp

var is_nav5   = (is_nav && is_major == 5 && !is_nav6); // checked for ns6
var is_nav5up = (is_nav && is_minor >= 5);

var is_ie   = ((iePos!=-1) && (!is_opera));
var is_ie3  = (is_ie && (is_major < 4));

var is_ie4   = (is_ie && is_major == 4);
var is_ie4up = (is_ie && is_minor >= 4);
var is_ie5   = (is_ie && is_major == 5);
var is_ie5up = (is_ie && is_minor >= 5);

var is_ie5_5  = (is_ie && (agt.indexOf("msie 5.5") !=-1)); // 020128 new - abk
var is_ie5_5up =(is_ie && is_minor >= 5.5);                // 020128 new - abk

var is_ie6   = (is_ie && is_major == 6);
var is_ie6up = (is_ie && is_minor >= 6);