var a = Math.round(7*Math.random());
var b = Math.round(7*Math.random());
var c = Math.round(3*Math.random());
var d = Math.round(7*Math.random());

var box1 = new Array();
   box1[0] = "<img src='images/hbot1a.jpg' width=49 height=53 alt='Photo of actor portraying Emmanuel Driggus' border=0 align=left hspace=0 vspace=0>Meet Emmanuel Driggus, who was a concerned father. <a href=experience/family/spotlight.html>Go</a>";
   box1[1] = "<img src='images/hbot1b.jpg' width=49 height=53 alt='Photo of actor portraying Maria Stewart' border=0 align=left hspace=0 vspace=0>Meet Maria Stewart, an abolitionist writer. <a href=experience/education/spotlight.html>Go</a>";
   box1[2] = "<img src='images/hbot1c.jpg' width=49 height=53 alt='Photo of actor portraying Harriet Jacobs' border=0 align=left hspace=0 vspace=0>Meet Harriet Jacobs, who was abused by her master. <a href=experience/gender/spotlight.html>Go</a>";
   box1[3] = "<img src='images/hbot1d.jpg' width=49 height=53 alt='Photo of actor portraying Jupiter' border=0 align=left hspace=0 vspace=0>Meet Jupiter, Thomas Jefferson's friend  ...  and slave. <a href=experience/living/spotlight.html>Go</a>";
   box1[4] = "<img src='images/hbot1e.jpg' width=49 height=53 alt='Drawing of Elizabeth Freeman' border=0 align=left hspace=0 vspace=0>Meet Elizabeth Freeman, who won her freedom. <a href=experience/legal/spotlight.html>Go</a>";
   box1[5] = "<img src='images/hbot1f.jpg' width=49 height=53 alt='Photo of actor portraying Nat Turner' border=0 align=left hspace=0 vspace=0>Meet Nat Turner, who led a violent rebellion. <a href=experience/religion/spotlight.html>Go</a>";
   box1[6] = "<img src='images/hbot1g.jpg' width=49 height=53 alt='Photo of actor portraying John Punch' border=0 align=left hspace=0 vspace=0>Meet John Punch, who was made a slave for life. <a href=experience/responses/spotlight.html>Go</a>";
   box1[7] = "<img src='images/hbot1h.jpg' width=49 height=53 alt='Photo of Robert Smalls' border=0 align=left hspace=0 vspace=0>Meet Robert Smalls, who fought in the Civil War. <a href=experience/freedom/spotlight.html>Go</a>";
   
var box2 = new Array();
   box2[0] = "<img src='images/hbot2.jpg' width=49 height=53 alt='Photo of Fountain Hughes' border=0 align=left hspace=0 vspace=0>Hear about former slaves' political activities. <a href=experience/legal/narratives.html>Go</a>";
   box2[1] = "<img src='images/hbot2.jpg' width=49 height=53 alt='Photo of Fountain Hughes' border=0 align=left hspace=0 vspace=0>Listen to stories about slaves' family histories. <a href=experience/family/narratives.html>Go</a>";
   box2[2] = "<img src='images/hbot2.jpg' width=49 height=53 alt='Photo of Fountain Hughes' border=0 align=left hspace=0 vspace=0>Hear about the different roles of men and women. <a href=experience/gender/narratives.html>Go</a>";
   box2[3] = "<img src='images/hbot2.jpg' width=49 height=53 alt='Photo of Fountain Hughes' border=0 align=left hspace=0 vspace=0>Hear about one master's slave philosophy. <a href=experience/living/narratives.html>Go</a>";
   box2[4] = "<img src='images/hbot2.jpg' width=49 height=53 alt='Photo of Fountain Hughes' border=0 align=left hspace=0 vspace=0>Hear what composed many slaves' education. <a href=experience/education/narratives.html>Go</a>";
   box2[5] = "<img src='images/hbot2.jpg' width=49 height=53 alt='Photo of Fountain Hughes' border=0 align=left hspace=0 vspace=0>Hear about a slave prayer meeting. <a href=experience/religion/narratives.html>Go</a>";
   box2[6] = "<img src='images/hbot2.jpg' width=49 height=53 alt='Photo of Fountain Hughes' border=0 align=left hspace=0 vspace=0>Hear about runaways in the slave community. <a href=experience/responses/narratives.html>Go</a>";
   box2[7] = "<img src='images/hbot2.jpg' width=49 height=53 alt='Photo of Fountain Hughes' border=0 align=left hspace=0 vspace=0>Listen to memories of life after the war. <a href=experience/freedom/narratives.html>Go</a>";     

var box3 = new Array();
   box3[0] = "<img src='images/hbot3a.jpg' width=49 height=53 alt='Drawing of colonial town' border=0 align=left hspace=0 vspace=0>Which colony was the first to legalize slavery? <a href=timeline/index.html>Go</a>";
   box3[1] = "<img src='images/hbot3b.jpg' width=49 height=53 alt='Drawing of workers' border=0 align=left hspace=0 vspace=0>Did the cotton gin decrease the demand for slaves?  <a href=timeline/index.html>Go</a>";
   box3[2] = "<img src='images/hbot3c.jpg' width=49 height=53 alt='Drawing of three legislators' border=0 align=left hspace=0 vspace=0>When were blacks first elected to Congress? <a href=timeline/index.html>Go</a>";
   box3[3] = "<img src='images/hbot3d.jpg' width=49 height=53 alt='Photo of document' border=0 align=left hspace=0 vspace=0>Which amendment abolished slavery? <a href=timeline/index.html>Go</a>";

var box4 = new Array();
   box4[0] = "<img src='images/hbot4a.jpg' width=49 height=53 alt='Image of slave' border=0 align=left hspace=0 vspace=0>Learn about the laws governing slavery. <a href=experience/legal/index.html>Go</a>";
   box4[1] = "<img src='images/hbot4b.jpg' width=49 height=53 alt='Image of slave' border=0 align=left hspace=0 vspace=0>Consider the issues slave families faced.  <a href=experience/family/index.html>Go</a>";
   box4[2] = "<img src='images/hbot4c.jpg' width=49 height=53 alt='Image of slaves' border=0 align=left hspace=0 vspace=0>Investigate gender issues experienced by slaves.  <a href=experience/gender/index.html>Go</a>";
   box4[3] = "<img src='images/hbot4d.jpg' width=49 height=53 alt='Image of slaves' border=0 align=left hspace=0 vspace=0>Explore the day-to-day lives of slaves.  <a href=experience/living/index.html>Go</a>";
   box4[4] = "<img src='images/hbot4e.jpg' width=49 height=53 alt='Image of slaves' border=0 align=left hspace=0 vspace=0>Learn about the role of art and education in slave life.  <a href=experience/education/index.html>Go</a>";
   box4[5] = "<img src='images/hbot4f.jpg' width=49 height=53 alt='Image of slave' border=0 align=left hspace=0 vspace=0>Explore religion in the lives of slaves. <a href=experience/religion/index.html>Go</a>";
   box4[6] = "<img src='images/hbot4g.jpg' width=49 height=53 alt='Image of slave' border=0 align=left hspace=0 vspace=0>Learn about black resistance to slavery.  <a href=experience/responses/index.html>Go</a>";
   box4[7] = "<img src='images/hbot4h.jpg' width=49 height=53 alt='Image of slaves' border=0 align=left hspace=0 vspace=0>Explore the evolution of abolition. <a href=experience/freedom/index.html>Go</a>";  