');
document.writeln(' | ');
document.writeln(' ');
document.writeln('Results by Time and Culture. Click on any  |  | ');
document.writeln(' | | ');
/* TBD test version
document.writeln('');
// find out where the timeline graphic is
iRowTop = getOffsetTop(document.getElementById("timeline_image"));
iTimeFirst = getOffsetLeft(document.getElementById("timeline_image"));
// alert(iRowTop + "," + iTimeFirst);
// get a string with all the ticks in it
strTicksContents = eval(strCreateTickMenus);
// instantiate the menus
drawMenus();
// if the window is resized, move the ticks to accomodate
strOnResize += "moveTicks();"; // window.onresize = moveTicks;
// IE Windows doesn't need this, but FireFox (et. al.) need to move the ticks after the window is loaded - perhaps
// because the scrollbar gets drawn after the timeline and effectively moves things?
strOnLoad += "moveTicksAndSetFocus();"; // window.onload = moveTicksAndSetFocus;
}
// move ticks to adjust for the scrollbar appearance AND call the searchbox's setFocus function
function moveTicksAndSetFocus()
{ moveTicks();
setFocus();
}
var iTimeFirstPrevious = -1;
function moveTicks()
{
// do nothing if ticks aren't showing
if (document.getElementById("timelinecontents").innerHTML == "") return;
// find out the new location of the timeline graphic
var iRowTopNew = getOffsetTop(document.getElementById("timeline_image"));
var iTimeFirstNew = getOffsetLeft(document.getElementById("timeline_image"));
// if the graphic hasn't moved, move nothing
if (iRowTop == iRowTopNew && iTimeFirstNew == iTimeFirstPrevious) return;
// first, reset the ticks to their iTimeFirst settings
document.getElementById("tickscontents").innerHTML = strTicksContents;
// iterate over all the ticks to reset them relative to the new location
var i;
for (i = 0; i < iTick; i++)
document.getElementById("XY" + i).style.left = parseInt(document.getElementById("XY" + i).style.left) + iTimeFirstNew - iTimeFirst;
// remember the new location for the next move
iRowTop = iRowTopNew;
iTimeFirstPrevious = iTimeFirstNew;
}
function getOffsetLeft (el) {
var ol = el.offsetLeft;
while ((el = el.offsetParent) != null)
ol += el.offsetLeft;
return ol;
}
function getOffsetTop (el) {
var ot = el.offsetTop;
while((el = el.offsetParent) != null)
ot += el.offsetTop;
return ot;
}
// returns the value of the cookie of the given name
function getCookie(strName)
{ // get the original cookie
var strCombined = document.cookie;
var iStart = strCombined.indexOf(strName + "=");
if (iStart == -1) return "";
else {
// if the cookie is found, look for the ending semicolon
var iEnd = strCombined.indexOf(";",iStart);
if (iEnd == -1) iEnd = strCombined.length;
return unescape(strCombined.substring(iStart + strName.length + 1,iEnd));
}
}
// sets the cookie of the given name
function setCookie(strName,strValue)
{
var dateNextYear = new Date();
dateNextYear.setFullYear(dateNextYear.getFullYear() + 1);
document.cookie = strName + "=" + escape(strValue) + "; expires= " + dateNextYear.toGMTString();
}
// create timeline
timelineCreate();
// display checkbox area
establishCheckBox();
// get the contents of the timeline and ticks, so can remove them easily
var strTimelineContents = document.getElementById("timelinecontents").innerHTML;
// if no cookie set for this, set to 1 (show timeline)
var iTimelineState = (getCookie("showtimeline") != "") ? parseInt(getCookie("showtimeline")) : 1;
updateTimeline();
// shows/hides the timeline; updates the cookie; updates the checkbox state; updates the screen background for now TBD
function updateTimeline()
{
// show/hide the timeline and its ticks
document.getElementById("timelinecontents").innerHTML = (iTimelineState % 2) ? strTimelineContents : "";
document.getElementById("tickscontents").innerHTML = (iTimelineState % 2) ? strTicksContents : "";
// remember that the ticks are at the original setting
iTimeFirstPrevious = iTimeFirst;
// if the ticks are visible, move them into place
moveTicks();
// set the checkbox
document.getElementById("timelinecheckbox").status = (iTimelineState % 2) == 1;
// set the cookie
setCookie("showtimeline",iTimelineState);
// update the screen background
if (document.getElementById("searchresultstable") != null) {
if (iTimelineState % 2) document.getElementById("searchresultstable").style.backgroundImage =
"url(" + ((iTimelineState >= 2) ? "/images/spacer.gif" : "/images/results_starfield.gif") + ")";
}
// TBD show the status number
// window.status = "Click box status " + iTimelineState;
}
// called when the checkbox is clicked to advance the state
function checkboxClick()
{
// advance to the next state
iTimelineState = (iTimelineState + 1) % 4;
updateTimeline();
eval(strOnResize);
}
function showImageCoordinates (image) {
var x = getOffsetLeft(image);
var y = getOffsetTop(image);
alert(x + ':' + y);
}
|
|
|
|
