//active buttons
c1 = new Image(164,34);
c1.src = "http://www.rpi.edu/~pedrok/ec/contact.jpg";
c2 = new Image(164,34);
c2.src = "http://www.rpi.edu/~pedrok/ec/contacton.jpg";
g1 = new Image(164,40);
g1.src = "http://www.rpi.edu/~pedrok/ec/galleries.jpg";
g2 = new Image(164,40);
g2.src = "http://www.rpi.edu/~pedrok/ec/gallerieson.jpg";
l1 = new Image(82,32);
l1.src = "http://www.rpi.edu/~pedrok/ec/links.jpg";
l2 = new Image(82,32);
l2.src = "http://www.rpi.edu/~pedrok/ec/linkson.jpg";
m1 = new Image(164,32);
m1.src = "http://www.rpi.edu/~pedrok/ec/main.jpg";
m2 = new Image(164,32);
m2.src = "http://www.rpi.edu/~pedrok/ec/mainon.jpg";
y1 = new Image(164,38);
y1.src = "http://www.rpi.edu/~pedrok/ec/miscellany.jpg";
y2 = new Image(164,38);
y2.src = "http://www.rpi.edu/~pedrok/ec/miscellanyon.jpg";
n1 = new Image(284,60);
n1.src = "http://www.rpi.edu/~pedrok/ec/navoff.jpg";
n2 = new Image(284,60);
n2.src = "http://www.rpi.edu/~pedrok/ec/navon.jpg";
w1 = new Image(164,32);
w1.src = "http://www.rpi.edu/~pedrok/ec/writings.jpg";
w2 = new Image(164,32);
w2.src = "http://www.rpi.edu/~pedrok/ec/writingson.jpg";

//pictures
cell = new Image(49,55);
cell.src = "http://www.rpi.edu/~pedrok/ec/cell.jpg";
pen = new Image(49,59);
pen.src = "http://www.rpi.edu/~pedrok/ec/pen.jpg";
mona = new Image(49,61);
mona.src = "http://www.rpi.edu/~pedrok/ec/painting.jpg";
joker = new Image(49,67);
joker.src = "http://www.rpi.edu/~pedrok/ec/joker.jpg";

//fillers
left = new Image(37,365);
left.src = "http://www.rpi.edu/~pedrok/ec/left.jpg";
right = new Image(34,365);
right.src = "http://www.rpi.edu/~pedrok/ec/right.jpg";
mf = new Image(49,32);
mf.src = "http://www.rpi.edu/~pedrok/ec/mfill.jpg";
cf = new Image(164,21);
cf.src = "http://www.rpi.edu/~pedrok/ec/cfill.jpg";
wf = new Image(164,27);
wf.src = "http://www.rpi.edu/~pedrok/ec/wfill.jpg";
gf = new Image(164,21);
gf.src = "http://www.rpi.edu/~pedrok/ec/gfill.jpg";
myf = new Image(164,29);
myf.src = "http://www.rpi.edu/~pedrok/ec/myfill.jpg";
mlf = new Image(213,41);
mlf.src = "http://www.rpi.edu/~pedrok/ec/m-l.jpg";
lfl = new Image(82,32);
lfl.src = "http://www.rpi.edu/~pedrok/ec/lfill-l.jpg";
lfr = new Image(49,32);
lfr.src = "http://www.rpi.edu/~pedrok/ec/lfill-r.jpg";
bottom = new Image(213,18);
bottom.src = "http://www.rpi.edu/~pedrok/ec/bottom.jpg";

function loadit(){
inside = "<img src=" + n1.src + " name=\"nav\" style=\"left:0px;top:0px;\">" + "<img src=" + left.src + " style=\"left:0px;top:60px;\">" + "<a href=http://www.rpi.edu/~pedrok/eternity/index2.html onMouseOver=\"roll(\'main\',m2);\" onMouseOut=\"roll(\'main\',m1);\"><img src=" + m1.src + " name=\"main\" style=\"left:37px;top:60px;\"></a>" + "<img src=" + mf.src + " style=\"left:201px;top:60px;\">" + "<img src=" + right.src + " style=\"left:250px;top:60px;\">" + "<img src=" + cf.src + " style=\"left:37px;top:92px;\">" + "<a href=http://www.rpi.edu/~pedrok/eternity/contact.html onMouseOver=\"roll(\'contact\',c2);\" onMouseOut=\"roll(\'contact\',c1);\"><img src=" + cell.src + " style=\"left:201px;top:92px;\"></a>" + "<a href=http://www.rpi.edu/~pedrok/eternity/contact.html onMouseOver=\"roll(\'contact\',c2);\" onMouseOut=\"roll(\'contact\',c1);\"><img src=" + c1.src + " name=\"contact\" style=\"left:37px;top:113px;\"></a>" + "<img src=" + wf.src + " style=\"left:37px;top:147px;\">" + "<a href=http://www.rpi.edu/~pedrok/eternity/writings.html onMouseOver=\"roll(\'writings\',w2);\" onMouseOut=\"roll(\'writings\',w1);\"><img src=" + pen.src + " style=\"left:201px;top:147px;\"></a>" + "<a href=http://www.rpi.edu/~pedrok/eternity/writings.html onMouseOver=\"roll(\'writings\',w2);\" onMouseOut=\"roll(\'writings\',w1);\"><img src=" + w1.src + " name=\"writings\" style=\"left:37px;top:174px;\"></a>" + "<img src=" + gf.src + " style=\"left:37px;top:206px;\">" + "<a href=http://www.rpi.edu/~pedrok/eternity/galleries.html onMouseOver=\"roll(\'galleries\',g2);\" onMouseOut=\"roll(\'galleries\',g1);\"><img src=" + mona.src + " style=\"left:201px;top:206px;\"></a>" + "<a href=http://www.rpi.edu/~pedrok/eternity/galleries.html onMouseOver=\"roll(\'galleries\',g2);\" onMouseOut=\"roll(\'galleries\',g1);\"><img src=" + g1.src + " name=galleries style=\"left:37px;top:227px;\"></a>" + "<img src=" + myf.src + " style=\"left:37px;top:267px;\">" + "<a href=http://www.rpi.edu/~pedrok/eternity/miscellany.html onMouseOver=\"roll(\'miscellany\',y2);\" onMouseOut=\"roll(\'miscellany\',y1);\"><img src=" + joker.src + " style=\"left:201px;top:267px;\"></a>" + "<a href=http://www.rpi.edu/~pedrok/eternity/miscellany.html onMouseOver=\"roll(\'miscellany\',y2);\" onMouseOut=\"roll(\'miscellany\',y1);\"><img src=" + y1.src + " name=miscellany style=\"left:37px;top:296px;\"></a>" + "<img src=" + mlf.src + " style=\"left:37px;top:334px;\">" + "<img src=" + lfl.src + " style=\"left:37px;top:375px;\">" + "<a href=http://www.rpi.edu/~pedrok/eternity/links.html onMouseOver=\"roll(\'links\',l2);\" onMouseOut=\"roll(\'links\',l1);\"><img src=" + l1.src + " name=links style=\"left:119px;top:375px;\"></a>" + "<img src=" + lfr.src + " style=\"left:201px;top:375px;\">" + "<img src=" + bottom.src + " style=\"left:37px;top:407px;\">";

document.getElementById("leftbar").innerHTML = inside;
}

function roll(s,x){
document.images[s].src=x.src
if (x==c1||x==g1||x==l1||x==m1||x==y1||x==w1)
{document.images["nav"].src=n1.src}
else
{document.images["nav"].src=n2.src};
};