document.write("<STYLE> " +
    "A:link{color:#000000} " +
    "A:visited{color:#000000} " +
    "A:hover{color:#858897} " +
    "body,td,table,div,span { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000 } " +
    "body { background-color: #CDD0E7; } " +
    ".contentmenu { font-size: 10px; color: #000000 } " +
    ".contentmenulink { font-size: 10px; color: #000000; white-space: nowrap } " +
    ".contentmenuon { font-size: 10px; color: #cdd0e7; white-space: nowrap } " +
    ".contentmenulink:hover { color: #cdd0e7 } " +
    ".largetext { font-size: 14px; font-weight: bold  } " +
    ".mediumtext { font-size: 10px } " +
    ".mediumtextjust { font-size: 10px; text-align: justify } " +
    ".mediumtextjustwhite { font-size: 10px; text-align: justify; color: #ffffff } " +
    ".mediumtextwhite { font-size: 10px; color: #ffffff } " +
    ".mediumtextwhite:link { color: #ffffff } " +
    ".mediumtextwhite:visited { color: #ffffff } " +
    ".mediumtextwhite:hover { color: #b5b8cc } " +
    ".smalltext { font-size: 9px } " +
    ".smalltextlight:hover { color:#b5b8cc } " +
    ".smalltextlight:visited { color:#46474F } " +
    ".smalltextlight:link { color:#46474F } " +
    ".smalltextwhite { font-size: 9px; color: #ffffff  } " +
    ".smalltextwhite:link { color: #ffffff  } " +
    ".smalltextwhite:visited { color: #ffffff  } " +
    ".smalltextwhite:hover { color: #b5b8cc  } " +
    ".pagetitle { text-align: left; font-size: 16px; font-weight: bold } " +
    ".pagetitleright { text-align: right; font-size: 16px; font-weight: bold } " +
    ".maincontent { text-align: justify } " +
    ".quoteindent { padding-left: 30px; padding-right: 30px; text-align: justify } " +
    ".sideright { background-image:url('images/main/side.gif'); background-repeat:repeat-y; background-position: right; } " +
    ".picright { background-image:url('images/pic/picr.gif'); background-repeat:repeat-y; background-position: right; } " +
    ".picbottom { background-image:url('images/pic/picb.gif'); background-repeat:repeat-x; background-position: top; } " +
    ".textindent { margin-left: 20px; margin-right: 20px; text-align: justify } " +
    "</STYLE>");


//document.write("<LINK REL='SHORTCUT ICON' HREF='images/main/light.ico'>");




function newImage(arg) {
    if (document.images) {
        rslt = new Image();
        rslt.src = arg;
        return rslt;
    }
}

function changeImages() {
    if (document.images && (preloadFlag == true)) {
        for (var i=0; i<changeImages.arguments.length; i+=2) {
            document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
        }
    }
}



var area = -1;
var subarea = -1;
var menuimg1 = 'images/main/menu1.gif';
var menuimg2 = 'images/main/menu2.gif';
var menuimg3 = 'images/main/menu3.gif';
var menuimg4 = 'images/main/menu4.gif';
var menuimg5 = 'images/main/menu5.gif';
var menuimg6 = 'images/main/menu6.gif';
var menuimg7 = 'images/main/menu7.gif';
var menuimg1o = 'images/main/menu1-over.gif';
var menuimg2o = 'images/main/menu2-over.gif';
var menuimg3o = 'images/main/menu3-over.gif';
var menuimg4o = 'images/main/menu4-over.gif';
var menuimg5o = 'images/main/menu5-over.gif';
var menuimg6o = 'images/main/menu6-over.gif';
var menuimg7o = 'images/main/menu7-over.gif';

function prepareImages(a, s) {
    area = parseInt(a);
    subarea = parseInt(s);

    if (area<=0) return;

    if (area == 1) {
        menuimg1 = 'images/main/menu1-t.gif';
        menuimg1o = 'images/main/menu1-t-over.gif';
    }

    if (area<2) {
        menuimg2 = 'images/main/menu2-p.gif';
        menuimg2o = 'images/main/menu2-p-over.gif';
    } else if (area==2) {
        menuimg2 = 'images/main/menu2-t.gif';
        menuimg2o = 'images/main/menu2-t-over.gif';
    }

    if (area<3) {
        menuimg3 = 'images/main/menu3-p.gif';
        menuimg3o = 'images/main/menu3-p-over.gif';
    } else if (area==3) {
        menuimg3 = 'images/main/menu3-t.gif';
        menuimg3o = 'images/main/menu3-t-over.gif';
    }

    if (area<4) {
        menuimg4 = 'images/main/menu4-p.gif';
        menuimg4o = 'images/main/menu4-p-over.gif';
    } else if (area==4) {
        menuimg4 = 'images/main/menu4-t.gif';
        menuimg4o = 'images/main/menu4-t-over.gif';
    }

    if (area<5) {
        menuimg5 = 'images/main/menu5-p.gif';
        menuimg5o = 'images/main/menu5-p-over.gif';
    } else if (area==5) {
        menuimg5 = 'images/main/menu5-t.gif';
        menuimg5o = 'images/main/menu5-t-over.gif';
    }

    if (area==6) {
        menuimg6 = 'images/main/menu6-t.gif';
        menuimg6o = 'images/main/menu6-t-over.gif';
    }

}




var preloadFlag = false;
function preloadImages() {
    if (document.images) {
        menu1_over = newImage(menuimg1o);
        menu2_over = newImage(menuimg2o);
        menu3_over = newImage(menuimg3o);
        menu4_over = newImage(menuimg4o);
        menu5_over = newImage(menuimg5o);
        menu6_over = newImage(menuimg6o);
        menu7_over = newImage(menuimg7o);
        smallicon_over = newImage('images/main/smalliconover.gif');

        if (area==0) {
            contentsright_over = newImage('images/index/contentsright-over.gif');
            stleft_over = newImage("images/index/stleft-over.gif");
            sttop_stleft_over = newImage("images/index/sttop-stleft_over.gif");
            stright_stleft_over = newImage("images/index/stright-stleft_over.gif");
            stbottom_stleft_over = newImage("images/index/stbottom-stleft_over.gif");
        } else {
            backarrow_over = newImage('images/main/backarrow-over.gif');
        }
        preloadFlag = true;
    }
}






function writeSide(align) {

    document.write("<TABLE align=" +align+ " BORDER=0 CELLPADDING=0 CELLSPACING=0>");



    for (i=1; i<writeSide.arguments.length; i+=4) {
        if (i>1) {
            document.write("<tr><td>&nbsp;</td></tr>");
        }
        document.write("<tr><td align=" +align+ ">"); 
        writeCaptionedImage(writeSide.arguments[i], writeSide.arguments[i+1], writeSide.arguments[i+2], writeSide.arguments[i+3], align);
        document.write("</td></tr>");

    }



    document.write("</TABLE>");

}

function writeCaptionedImage(file, w, h, caption, align) {

    document.write(getImage(file, w, h, align, caption));
}

function writeImage(file, w, h, align) {

    document.write(getImage(file, w, h, align));
}

function getImage(file, w, h, align, cap) {

    str = "" +
        "<TABLE align=" +align+ " WIDTH=" +(w+6)+ " BORDER=0 CELLPADDING=0 CELLSPACING=0>                "+
        "   <TR>"+
        "       <TD><IMG SRC='images/pic/pictl.gif' WIDTH=3 HEIGHT=3></TD>   "+
        "       <TD><IMG SRC='images/pic/pict.gif' WIDTH=" +w+ " HEIGHT=3></TD>  "+
        "       <TD><IMG SRC='images/pic/pictr.gif' WIDTH=3 HEIGHT=3></TD>   "+
        "   </TR>"+
        "   <TR>"+
        "       <TD><IMG SRC='images/pic/picl.gif' WIDTH=3 HEIGHT=" +h+ "></TD>  "+
        "       <TD WIDTH=" +w+ " HEIGHT=" +h+ "><img src='" +file+ "' width=" +w+ " height=" +h+ " border=0></TD>   "+
        "       <TD class='picright' valign=top><IMG SRC='images/pic/picrt.gif' WIDTH=3 HEIGHT=1></TD>   "+
        "   </TR>"+
        "   <TR>"+
        "       <TD><IMG SRC='images/pic/picbl.gif' WIDTH=3 HEIGHT=3></TD>   "+
        "       <TD align=left class='picbottom'><IMG SRC='images/pic/picbotl.gif' WIDTH=1 HEIGHT=3></TD>    "+
        "       <TD><IMG SRC='images/pic/picbr.gif' WIDTH=3 HEIGHT=3></TD>   "+
        "   </TR>";


    if (getImage.arguments.length > 4) {
        str += "<tr><td colspan=3 align=center class='mediumtext'>" +getImage.arguments[4]+ "</td></tr>";
    }

    str += "</TABLE>";

    return str;
}


function writeSideBurst(align, content) {

    document.write("" +
        "<TABLE ALIGN=" +align+ " WIDTH=120 BORDER=0 CELLPADDING=0 CELLSPACING=0>" +
        "   <TR>");

    if (align=='right') {
        document.write("<td width=8 rowspan=3 nowrap></td>");   
    }

    document.write("" +
        "       <TD><IMG SRC='images/side/topleft.gif' WIDTH=1 HEIGHT=21></TD>" +
        "       <TD><IMG SRC='images/side/topmid.gif' WIDTH=118 HEIGHT=21></TD>" +
        "       <TD><IMG SRC='images/side/topright.gif' WIDTH=1 HEIGHT=21></TD>");

    if (align=='left') {
        document.write("<td width=8 rowspan=3 nowrap></td>");   
    }

    document.write("" +
        "   </TR>" +
        "   <TR>" +
        "       <TD WIDTH=1 NOWRAP BGCOLOR=#727481></TD>" +
        "       <TD WIDTH=118 BGCOLOR=#FFFFFF align=center>" +content+ "</TD>" +
        "       <TD WIDTH=1 NOWRAP BGCOLOR=#727481></TD>" +
        "   </TR>" +
        "   <TR>" +
        "       <TD COLSPAN=3><IMG SRC='images/side/bottom.gif' WIDTH=120 HEIGHT=93></TD>" +
        "   </TR>" +
        "</TABLE>");
}


var sii = 0;

function writeLink(link, text) {
//  document.write("<table align=left cellpadding=0 cellspacing=0 border=0><tr>" +
//      "<td width=16 align=left valign=middle><image width=12 height=17 src='images/smallicon.gif'></td>" +
//      "<td align=left valign=middle>" +text+ "</td></tr></table><br><br>");
    document.write("<a href='" +link+ "' "+ 
            "onmouseover='changeImages(\"sii" +sii+ "\", \"images/main/smalliconover.gif\"); return true;' "+
            "onmouseout='changeImages(\"sii" +sii+ "\", \"images/main/smallicon.gif\"); return true;' "+
        "><img name='sii" +sii+ "' hspace=3 vspace=4 width=12 height=17 align=absmiddle src='images/main/smallicon.gif' border=0>" +text+ "</a><br>");

    sii++;
}


function writeContentsEntry(ind, href, text) {
    if (ind==subarea) {
        document.write("<span class='contentmenuon'>" +text+ "</span>");
    } else {
        document.write("<a class='contentmenulink' href='" +href+ "'>" +text+ "</a>");
    }

    if (writeContentsEntry.arguments.length<=3) {
        document.write(" &nbsp;<strong>&bull;</strong>&nbsp; ");
    }
}

function writeContents() {

    if (area==1) {
        writeContentsEntry(1, "news.html", "News Overview", 1);
    } else if (area==2) {
        writeContentsEntry(1, "about.html", "Age of Light Overview");
        writeContentsEntry(2, "stanton.html", "Michael Stanton");
        writeContentsEntry(3, "department.html", "The Department of Information", 1);
    } else if (area==3) {
        writeContentsEntry(1, "history.html", "History Overview");
        writeContentsEntry(2, "beginning.html", "The Beginning");
        writeContentsEntry(3, "triumph.html", "The Triumph of Light");
        writeContentsEntry(4, "timeline.html", "Timeline", 1);
    } else if (area==4) {
        writeContentsEntry(1, "progress.html", "Progress Overview", 1);
    } else if (area==5) {
        writeContentsEntry(1, "technology.html", "Technology Overview");
        writeContentsEntry(2, "computers.html", "Computers");
        writeContentsEntry(3, "communications.html", "Communications");
        writeContentsEntry(4, "planm.html", "Plan M", 1);
    } else if (area==6) {
        writeContentsEntry(1, "luminariums.html", "Luminariums Overview");
        writeContentsEntry(2, "locations.html", "Locations");
        writeContentsEntry(3, "inside.html", "Inside the Luminariums");
        writeContentsEntry(4, "schedule.html", "Schedule", 1);
    } else if (area==7) {
        writeContentsEntry(1, "radiance.html", "The Radiance Overview");
        writeContentsEntry(2, "dailypassage.html", "Daily Passage");
        writeContentsEntry(3, "excerpts.html", "Excerpts");
        writeContentsEntry(4, "contributors.html", "Contributors", 1);
    }
}


function writeContentsArea() {

    if (area<0) {
        document.write("<IMG SRC='images/main/contents.gif' WIDTH=342 HEIGHT=66>");
    } else if (area==0) {
        document.write(""+
            "<TABLE WIDTH=342 BORDER=0 CELLPADDING=0 CELLSPACING=0>"+
                "<TR>"+
                    "<TD>"+
                    "   <IMG SRC='images/index/contentleft.gif' WIDTH=202 HEIGHT=66></TD>"+
                    "<TD>"+
                    "       <A HREF='luminariums.html'"+
                    "           ONMOUSEOVER='changeImages(\"contentsright\", \"images/index/contentsright-over.gif\"); return true;' "+
                    "           ONMOUSEOUT='changeImages(\"contentsright\", \"images/index/contentsright.gif\"); return true;'>"+
                    "           <IMG NAME='contentsright' SRC='images/index/contentsright.gif' WIDTH=140 HEIGHT=66 BORDER=0></A></TD>"+
                "</TR>"+
            "</TABLE>");
    } else {
        document.write("" +
            "<TABLE WIDTH=342 BORDER=0 CELLPADDING=0 CELLSPACING=0>"+
            "   <TR><TD class='contentmenu' bgcolor='#858897' WIDTH=247 HEIGHT=44 align=center valign=middle>");
        writeContents();
        document.write("</TD>"+
            "       <TD ROWSPAN=2 valign=top>"+
            "           <IMG SRC='images/main/contentsright.gif' WIDTH=95 HEIGHT=66></TD>"+
            "   </TR>"+
            "   <TR><TD><IMG SRC='images/main/contentsbottom.gif' WIDTH=247 HEIGHT=22></TD>"+
            "   </TR>"+
            "</TABLE>");
    }
}

function writeTop() {
    document.write("<center>");
    if (area==0) {
        document.write("<table align=center width='100%' height='100%' cellpadding=0 cellspacing=0 border=0><tr><td valign=middle align=center>");
    } else {
        document.write("<br>");
    }
    document.write("<TABLE align=center WIDTH=716 BORDER=0 CELLPADDING=0 CELLSPACING=0><tr><td valign=bottom>");

    document.write("" +
        "<TABLE align=center WIDTH=716 BORDER=0 CELLPADDING=0 CELLSPACING=0>"+
        "   <TR>"+
        "       <TD ROWSPAN=3><IMG SRC='images/main/abovelogo.gif' WIDTH=72 HEIGHT=30></TD>"+
        "       <TD ROWSPAN=3><IMG SRC='images/main/abovetitle.gif' WIDTH=210 HEIGHT=30></TD>"+
        "       <TD ROWSPAN=8><IMG SRC='images/main/middletop.gif' WIDTH=92 HEIGHT=98></TD>"+
        "       <TD ROWSPAN=5><IMG SRC='images/main/gaptop.gif' WIDTH=105 HEIGHT=55></TD>"+
        "       <TD><IMG SRC='images/main/menutop.gif' WIDTH=208 HEIGHT=7></TD>"+
        "       <TD ROWSPAN=2><IMG SRC='images/main/righttop.gif' WIDTH=29 HEIGHT=18></TD>"+
        "   </TR>"+
        "   <TR><TD><A HREF='news.html'"+
        "               ONMOUSEOVER='changeImages(\"menu1\", \"" +menuimg1o+ "\"); return true;'"+
        "               ONMOUSEOUT='changeImages(\"menu1\", \"" +menuimg1+ "\"); return true;'>"+
        "               <IMG NAME='menu1' SRC='" +menuimg1+ "' WIDTH=208 HEIGHT=11 BORDER=0></A></TD>"+
        "   </TR>"+
        "   <TR><TD><A HREF='about.html'"+
        "               ONMOUSEOVER='changeImages(\"menu2\", \"" +menuimg2o+ "\"); return true;'    "+
        "               ONMOUSEOUT='changeImages(\"menu2\", \"" +menuimg2+ "\"); return true;'> "+
        "               <IMG NAME='menu2' SRC='" +menuimg2+ "' WIDTH=208 HEIGHT=12 BORDER=0></A></TD>   "+
        "       <TD WIDTH=29 HEIGHT=80 ROWSPAN=7 NOWRAP></TD>"+
        "   </TR>"+
        "   <TR>"+
        "       <TD ROWSPAN=6 valign=top><a href='index.html'><IMG SRC='images/main/logo.gif' WIDTH=72 HEIGHT=134 border=0></a></TD>"+
        "       <TD ROWSPAN=6 valign=top><a href='index.html'><IMG SRC='");
        
    if (area<=0) {
        document.write("images/main/title.gif");
    } else {
        document.write("images/main/title-s.gif");
    }

    document.write("' WIDTH=210 HEIGHT=134 border=0></TD>"+
        "       <TD><A HREF='history.html'"+
        "               ONMOUSEOVER='changeImages(\"menu3\", \"" +menuimg3o+ "\"); return true;'    "+
        "               ONMOUSEOUT='changeImages(\"menu3\", \"" +menuimg3+ "\"); return true;'> "+
        "               <IMG NAME='menu3' SRC='" +menuimg3+ "' WIDTH=208 HEIGHT=13 BORDER=0></A></TD>   "+
        "   </TR>"+
        "   <TR><TD><A HREF='progress.html'"+
        "               ONMOUSEOVER='changeImages(\"menu4\", \"" +menuimg4o+ "\"); return true;'    "+
        "               ONMOUSEOUT='changeImages(\"menu4\", \"" +menuimg4+ "\"); return true;'> "+
        "               <IMG NAME='menu4' SRC='" +menuimg4+ "' WIDTH=208 HEIGHT=12 BORDER=0></A></TD>   "+
        "   </TR>"+
        "   <TR>"+
        "       <TD ROWSPAN=3><IMG SRC='");
        
    if (area<=0) {
        document.write("images/main/gapmid.gif");
    } else if (area==6) {
        document.write("images/main/gapmid-6.gif");
    } else if (area==7) {
        document.write("images/main/gapmid-7.gif");
    } else {
        document.write("images/main/gapmid-5.gif");
    }
        
    document.write("' WIDTH=105 HEIGHT=43></TD>"+
        "       <TD><A HREF='technology.html'"+
        "               ONMOUSEOVER='changeImages(\"menu5\", \"" +menuimg5o+ "\"); return true;'    "+
        "               ONMOUSEOUT='changeImages(\"menu5\", \"" +menuimg5+ "\"); return true;'> "+
        "               <IMG NAME='menu5' SRC='" +menuimg5+ "' WIDTH=208 HEIGHT=13 BORDER=0></A></TD>   "+
        "   </TR>"+
        "   <TR><TD><A HREF='luminariums.html'"+
        "               ONMOUSEOVER='changeImages(\"menu6\", \"" +menuimg6o+ "\"); return true;'    "+
        "               ONMOUSEOUT='changeImages(\"menu6\", \"" +menuimg6+ "\"); return true;'> "+
        "               <IMG NAME='menu6' SRC='" +menuimg6+ "' WIDTH=208 HEIGHT=13 BORDER=0></A></TD>   "+
        "   </TR>"+
        "   <TR><TD><A HREF='radiance.html'"+
        "               ONMOUSEOVER='changeImages(\"menu7\", \"" +menuimg7o+ "\"); return true;'    "+
        "               ONMOUSEOUT='changeImages(\"menu7\", \"" +menuimg7+ "\"); return true;'> "+
        "               <IMG NAME='menu7' SRC='" +menuimg7+ "' WIDTH=208 HEIGHT=17 BORDER=0></A></TD>   "+
        "   </TR>"+                                                                                    
        "   <TR><TD valign=top><IMG SRC='");
    
    if (area<=0) {
        document.write("images/main/middlebottom.gif");
    } else {
        document.write("images/main/middlebottom-s.gif");
    }

    document.write("' WIDTH=92 HEIGHT=66></TD>"+
        "       <TD COLSPAN=3>");
    writeContentsArea();
    document.write("</TD>"+
        "   </TR>"+
        "</TABLE>"+
        "</td></tr>");

    if (area>0) {
        document.write("<tr><td valign=top align=center>");
        document.write("<TABLE WIDTH=716 BORDER=0 CELLPADDING=0 CELLSPACING=0>" +
                "<TR><TD valign=top width=691 height=44 class='pagetitle' nowrap>");

        if (writeTop.arguments.length>0) {
            document.write(writeTop.arguments[0]);
        }

        document.write("</TD><TD align=center valign=bottom width=25><IMG SRC='images/main/sidetop.gif' WIDTH=25 HEIGHT=44></TD></TR>");

        document.write("<TR><TD valign=top width=691 class='maincontent'>");

    } else {
        document.write("<tr><td>");
    }
}



function writeBottom() {

    if (area>0) {
        document.write("</TD>" +
                        "<TD width=25 height=200 valign=bottom align=center class='sideright'><IMG SRC='images/main/sidebottom.gif' WIDTH=25 HEIGHT=33></TD></TR>" +
                    "</TABLE>");
    }

    document.write("</td></tr>");

    if (area>0) {
        document.write("<tr><td>");
        document.write("" +
            "<TABLE WIDTH=716 BORDER=0 CELLPADDING=0 CELLSPACING=0>"+
            "   <TR><TD WIDTH=337 HEIGHT=89 ROWSPAN=3 valign=top><br><br>");

        if (writeBottom.arguments.length>=2) {
            document.write("<a href='" +writeBottom.arguments[1]+ "' "+
                    "onmouseover='changeImages(\"backarrow\", \"images/main/backarrow-over.gif\"); return true;' "+
                    "onmouseout='changeImages(\"backarrow\", \"images/main/backarrow.gif\"); return true;' "+
                    "><img name='backarrow' align=middle width=19 height=8 border=0 src='images/main/backarrow.gif'>" +
                "Return to " +writeBottom.arguments[0]+ "</a>");
        }


        document.write("</TD>"+
            "       <TD WIDTH=112 HEIGHT=28 NOWRAP></TD>"+
            "       <TD ROWSPAN=3><IMG SRC='images/main/footgap.gif' WIDTH=21 HEIGHT=89></TD>   "+
            "       <TD><IMG SRC='images/main/footmidtop.gif' WIDTH=198 HEIGHT=28></TD> "+
            "       <TD><IMG SRC='images/main/bootrighttop.gif' WIDTH=48 HEIGHT=28></TD>"+
            "   </TR>"+
            "   <TR>"+
            "       <TD ROWSPAN=2><IMG SRC='images/main/footleft.gif' WIDTH=112 HEIGHT=61></TD> "+
            "       <TD WIDTH=198 HEIGHT=44 BGCOLOR=#858897 class='smalltext' align=center valign=middle>" +
            "           <table cellpadding=0 cellspacing=0 border=0 align=center><tr>" +
            "               <td><IMG align=left SRC='images/main/deptbadge.gif' WIDTH=24 HEIGHT=44></td>" +
            "               <td class='smalltext' valign=middle align=left><font color=#46474F>Brought to you by the<br>Department of Information<br>" +
            			"<IMG SRC='images/email.gif' WIDTH=104 HEIGHT=11></font></td>" +
            "           </tr></table>" +
            "       </TD>"+
            "       <TD ROWSPAN=2><IMG SRC='images/main/footrightbot.gif' WIDTH=48 HEIGHT=61></TD>"+
            "   </TR>"+
            "   <TR>"+
            "       <TD><IMG SRC='images/main/footmidbot.gif' WIDTH=198 HEIGHT=17></TD> "+
            "   </TR>"+
            "</TABLE>");
        document.write("</tr></td>");


    }

    document.write("</table>");

    if (area==0) {
        document.write("</td></tr></table>");
    }

    document.write("</center>");
}