<!-- Begin SIDEBAR

// CHANGE ANY OF THESE VARIABLES TO "no" OR "yes" TO TURN AN OPTION OFF OR ON

// ONLY USE lowercase FOR ALL OPTIONS

var paragraph_1 	= "no"		// SHOW THE 1ST PARAGRAPH
var paragraph_2 	= "no"		// SHOW THE 2ND PARAGRAPH
var paragraph_3 	= "yes"		// SHOW THE next PARAGRAPH

var showRimage		= "no"		// SHOW A RANDOM SIDEBAR IMAGE
var linkedR		= "index.html"	// RANDOM IMAGE PAGE LINK
var showimage		= "yes"		// SHOW A SMALL SVG Logo
var linked		= "index.html"	// SIDEBAR IMAGE LINK

var spacing		= "1"		// NUDGE SIDEBAR DOWN
var showdate		= "no"		// SHOW THE DATE ON THE PAGE
var dateLR		= "right"	// DATE LEFT OR RIGHT
var dateX		= "10"		// DATE X LOCATION
var dateY		= "55"		// DATE Y LOCATION



// SIDEBAR LOCTION CODE - YOU CAN EDIT TOP OR L/R LOCATION
document.write('<div style="position: relative; left: 0px; top: -15px;">');



// START SIDEBAR AREA PARAGRAPH 1 EDIT THIS AREA

   if (paragraph_1 == "yes") {

document.write('<span class="sidebartitle">');

document.write('Are you....');

document.write('<br></span><span class="sidebartext">');

document.write('A preteen, teen or \'tween\' girl into mathematics... or maybe not?<br/>');

document.write('<br/>But definitely into fashion!<br/>');


//document.write(' <br clear="All"/><a href="contact.htm" class="sidelink">Check out our fashion game!</a><br>');

document.write('</span><br><br>');

}
// END SIDEBAR AREA PARAGRAPH 1





// START SIDEBAR AREA PARAGRAPH 2 EDIT THIS AREA

   if (paragraph_2 == "yes") {

document.write('<span class="sidebartitle">');

document.write('Then you\'ll love our site...');

document.write('<br></span><span class="sidebartext">');

document.write('And who knows, you may have a future involving SVG!<br>');

document.write('</span><br><br>');

}
// END SIDEBAR AREA PARAGRAPH 2




// START SIDEBAR AREA PARAGRAPH 3 EDIT THIS AREA

   if (paragraph_3 == "yes") {
document.write('<span class="sidebartitle">');
document.write('SVG powered:');

document.write('<br></span><span class="sidebartext">');

document.write('You need an SVG\-enabled browser to view our site. Can you see the mermaid below? She\'s in scalable vector graphics (SVG) format. If you can\'t see her please download <a href="http://www.opera.com/">Opera</a> or <a href="http://www.mozilla.com/firefox/">Firefox</a> or  <a href="http://www.google.com/chrome">Chrome</a>.');

document.write(' <br clear="All"/><br>');

document.write('</span><br><br>');


document.write('<iframe src="svg_picts/scene_mer21_U.svg" width="168" height="210" align="center" frameborder="0" hspace="0" vspace="10" id="mermaid_image"> </iframe>');
}
// END SIDEBAR AREA PARAGRAPH 3




// SMALL RANDOM PICTURE AREA
   if (showRimage == "yes") {

document.write('<center>');

var twox = "<a href=\""+linkedR+"\"><img src=\"picts/";
var thrx = " border=\"0\" width=\"150\" height=\"150\" class=\"bordersSB\">";
var forx = "";
var img = "";

forx += Math.floor(Math.random()*10);
img = forx;
if (img == "0") {
document.write(twox+ 'sidebar-1.jpg"' +thrx);
}
if (img == "1") {
document.write(twox+ 'sidebar-2.jpg"' +thrx);
}
if (img == "2") {
document.write(twox+ 'sidebar-3.jpg"' +thrx);
}
if (img == "3") {
document.write(twox+ 'sidebar-4.jpg"' +thrx);
}
if (img == "4") {
document.write(twox+ 'sidebar-5.jpg"' +thrx);
}
if (img == "5") {
document.write(twox+ 'sidebar-6.jpg"' +thrx);
}
if (img == "6") {
document.write(twox+ 'sidebar-7.jpg"' +thrx);
}
if (img == "7") {
document.write(twox+ 'sidebar-8.jpg"' +thrx);
}
if (img == "8") {
document.write(twox+ 'sidebar-9.jpg"' +thrx);
}
if (img == "9") {
document.write(twox+ 'sidebar-10.jpg"' +thrx);
}
document.write('</a><br>');
document.write('<br><br>');
document.write('</center>');

}





// SMALL PICTURE AREA
   if (showimage == "yes") {
  document.write ('<table><tr><td width="20%"> </td><td>');
   	document.write('<span class="sidebartitle">');
//document.write('<center>');

//document.write('<img src="svg_official_logo_small.png" alt="SVG Logo" class="bordersSB"/>');
//document.write ('<table><tr><td>');
document.write('<br/>');
document.write('&nbsp\; &nbsp\;<iframe src="svg_picts/svg_icon_full.svg" name="svg_official_icon" width="62" height="62" align="center" frameborder="1" hspace="0" vspace="0" id="svg_official_icon"> </iframe>');
//document.write ('</td></tr></table>');
// document.write('<img src="svg_official_logo_small.png" alt="SVG Logo" class="bordersSB" hspace="40" />');
//document.write('</center>');
document.write('</span><br><br>');
document.write ('</td></tr></table>');
}










document.write('</div>');




// START DATE SCRIPT
   if (showdate == "yes") {

document.write('<div id="date-location" style="'+dateLR+': '+dateX+'px; POSITION: absolute; TOP: '+dateY+'px">');
var d=new Date()
var weekday=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var monthname=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
document.write("<span class=\"date-font\"><nobr>" + weekday[d.getDay()] + " ")
document.write(monthname[d.getMonth()] + " ")
document.write(d.getDate() + ". ")
document.write(d.getFullYear())
document.write("</nobr><br></span>")
document.write('</div>');

}








// -- END of canned template-->

// document.write(' <iframe src="svg_icon_full.svg" scrolling="no" width="161" height="60" align="left" frameborder="0" hspace="0" vspace="10"  id="logo"> </iframe>');


//document.write(' <iframe src="svg_official_logo_small.png" scrolling="no" width="61" height="61" align="left" frameborder="0" hspace="0" vspace="10"  id="logo"> </iframe>');


