/* Initialize the page
* Should be called from
*/
function init() {
// If a hash was given, highlight the corresponding area
var name = location.hash;
if(name) {
name = name.substr(1);
var box = document.anchors[name].parentNode;
if(box && box.tagName == "DIV") {
// If the box does not have an id, generate one
var now = new Date();
if(!box.id) box.id = "div_" + (new Date()).getTime();
// Flash the box
flashBox(box.id, 3, 200);
}
}
}
/* Flash a box to draw attention to it
* @param id string - id of the DOM object to flash
* @param count integer - number of times to flash
* @param delay integer - delay (in milliseconds) between flashes
*/
function flashBox(id, count, delay) {
if(count <= 0) return;
var box = document.getElementById(id);
if(!box) return;
var flash = "#7df9f8";
var bg = box.style.background;
setTimeout('document.getElementById("' + id + '").style.background = "' + flash + '"', delay / 2);
setTimeout('document.getElementById("' + id + '").style.background = "' + bg + '"', delay);
setTimeout('flashBox("' + id + '", ' + (count - 1) + ', ' + delay + ')', delay);
}
/* Variables utilized by the popup functions below
* step and delay can change the animation speed of popups
* Others are for internal use only
*/
var popupOpenStep = 15, popupOpenDelay = 20;
var popupCloseStep = 20, popupCloseDelay = 5;
var popupID = null;
var popupContent = null;
var popupTimer = null;
/* Animate a popup opening
* Should be called from
* @param a object - DOM object of link that was clicked
* @param id string - id of popup to animate
* @param width integer - final width for popup (optional)
* @param height integer - final height for popup (optional)
* @return boolean - always false
*/
function popupOpen(a, id, width, height) {
// Close any open popup
var div;
clearInterval(popupTimer);
if(popupID) {
div = document.getElementById(popupID);
if(div) div.style.display = "none";
}
popupID = id;
// Get the final width/height to shoot for
div = document.getElementById(id);
if(!div) return false;
div.style.display = "block";
if(!width) width = div.offsetWidth;
if(!height) height = div.offsetHeight;
// Hide the contents
var children = div.getElementsByTagName("DIV");
for(var i=0; i= width) {
widthChange = curWidth - width;
curWidth = width;
}
else widthChange = popupOpenStep;
}
if(curHeight < height) {
curHeight += popupOpenStep;
if(curHeight >= height) {
heightChange = curHeight - height;
curHeight = height;
}
else heightChange = popupOpenStep;
}
// Shift the object
var curLeft = parseInt(div.style.left.substring(0, div.style.left.length - 2));
var curTop = parseInt(div.style.top.substring(0, div.style.top.length - 2));
curLeft -= parseInt(widthChange / 2);
curTop -= parseInt(heightChange / 2);
// Don't let it go offscreen
var pad = 20;
if(curLeft + curWidth + pad > document.body.offsetWidth)
curLeft = document.body.offsetWidth - curWidth - pad;
// Apply the new settings
div.style.width = curWidth + "px";
div.style.height = curHeight + "px";
div.style.left = curLeft + "px";
div.style.top = curTop + "px";
// If the popup has reached its final size, clean up
if(curWidth == width && curHeight == height) {
clearInterval(popupTimer);
// Show the contents
var children = div.getElementsByTagName("DIV");
for(var i=0; i