/********A little hack to keep things from becoming visible before we are ready *************/
document.write("");
/*********************************************************************************
* Cycling of #Features
*********************************************************************************/
var arrayOfFeatures = new Array();
function assembleArrayOfFeatures() {
if( arrayOfFeatures.length > 0 ) return; // already assembled
var featureContainer = document.getElementById('Feature');
if( !featureContainer ) {
return; // could not find feature container
}
// Find all features within container
var featureIdx = 0;
for(var i = 0; i < featureContainer.childNodes.length; i++) {
var feature = featureContainer.childNodes[i];
var featureClassNames = ("" + feature.className).split(" ");
for(var j = 0; j < featureClassNames.length; j++)
if( featureClassNames[j] == 'feature' ) break;
if( j == featureClassNames.length ) continue; // not a feature
arrayOfFeatures[featureIdx++] = feature;
}
};
function indexOfVisibleFeature() {
if( arrayOfFeatures.length == 0 ) return null; // cannot find in an empty array
for(var i = 0; i < arrayOfFeatures.length; i++) {
var feature = arrayOfFeatures[i];
if( feature.className.indexOf('hidden') == -1 ) return i;
}
return 0; // default to first one if one could not be determined.
};
function hideFeatureNavigationIfAppropriate() {
var nav = document.getElementById('FeatureNavigation');
if( !nav ) return;
var navAnchors = getImmediateChildrenByTagName(nav, 'A');
if( !navAnchors.length ) return;
if( navAnchors[0].href.substring(0,11) != 'javascript:' ) return; // not default setup
if( arrayOfFeatures.length < 2 ) nav.style.display = 'none';
};
function prepareImagePlacement() {
if( getMosaicLevel() != 2 ) return; // only works on level 2
var featureContainer = document.getElementById('Feature');
for( var idx = 0; idx < arrayOfFeatures.length; idx++ ) {
var imgs = getImmediateChildrenByTagName(arrayOfFeatures[idx], 'IMG');
if( imgs.length != 1 ) continue;
imgs[0].style.display = 'none';
var ps = getImmediateChildrenByTagName(arrayOfFeatures[idx], 'P');
for( var j = 0; j < ps.length; j++ )
ps[j].style.paddingRight = (imgs[0].width == 0 ? 350 : imgs[0].width) + 'px';
}
}
function hideFeature(idx) {
arrayOfFeatures[idx].className = 'feature hidden';
if( getMosaicLevel() != 2 ) return; // only works on level 2
var imgs = getImmediateChildrenByTagName(arrayOfFeatures[idx], 'IMG');
if( imgs.length == 1 ) {
var featureContainer = document.getElementById('Feature');
featureContainer.style.backgroundImage = '';
featureContainer.style.minHeight = '';
}
};
function showFeature(idx) {
arrayOfFeatures[idx].className = 'feature';
if( getMosaicLevel() != 2 ) return; // only works on level 2
var imgs = getImmediateChildrenByTagName(arrayOfFeatures[idx], 'IMG');
if( imgs.length == 1 ) {
var featureContainer = document.getElementById('Feature');
featureContainer.style.backgroundImage = 'url(' + imgs[0].src + ')';
featureContainer.style.minHeight = imgs[0].height + 'px';
}
};
function nextFeature() {
var idx = indexOfVisibleFeature();
hideFeature(idx);
showFeature((idx+1)%arrayOfFeatures.length);
};
function previousFeature() {
var idx = indexOfVisibleFeature();
hideFeature(idx);
showFeature((idx + arrayOfFeatures.length - 1) % arrayOfFeatures.length);
};
function getRandom(low, high) {
return Math.floor(Math.random() * (1 + high - low) + low);
};
function showRandomFeature() {
var idx = indexOfVisibleFeature();
hideFeature(idx);
showFeature(getRandom(0,arrayOfFeatures.length-1));
};
function featureInitialize() {
assembleArrayOfFeatures();
hideFeatureNavigationIfAppropriate();
prepareImagePlacement();
showRandomFeature();
};
/*********************************************************************************
* Layering of the #MenuTabs.
*********************************************************************************/
function changeTabContent(tabAnchor, layerId, showNews) {
var newsLayer = document.getElementById('RightHalf');
if (showNews) {
newsLayer.style.display = 'block';
} else {
newsLayer.style.display = 'none';
}
swapLeftSide(tabAnchor, layerId);
}
function swapLeftSide(tabAnchor, layerId) {
var leftHalf = document.getElementById('LeftHalf');
var tabs = document.getElementById('Tabs');
var clickedTab = tabAnchor.parentNode;
// unselect all tabs, and select the appropriate one.
var eachTab = getImmediateChildrenByTagName(tabs, 'LI');
for( var i = 0; i < eachTab.length; i++ ) {
var tab = eachTab[i];
tab.className = (tab == clickedTab) ? 'current' : null;
}
// first hide all layers
for( var i = 0; i < leftHalf.childNodes.length; i++ ) {
var layer = leftHalf.childNodes[i];
if( layer.id == layerId && layer.className != 'visible' ) continue; // avoid flicker by not hiding the one we want to show
if( layer.style ) layer.style.display = 'none';
if( layer.className == 'toVisible' || layer.className == 'visible' )
layer.className = '';
}
// show just the one layer
var layer = document.getElementById(layerId);
if( !layer ) return; // layer id is probably wrong.
layer.style.display = 'block';
if( layer.className.length == 0 )
layer.className = 'toVisible';
// Look for input boxes on new tab, and select the first one if found
var inputFields = layer.getElementsByTagName("input"); //is this the problem with the RY form not submitting on the "enter" key on IE?
for( var i = 0; i < inputFields.length; i++ ) { //maybe it just contributes to IE's bugginess
if( inputFields[i].type != 'hidden' ) {
inputFields[i].focus();
break;
}
}
};
/* Finds the "selected" (class=curent) tab and simulates a click on it.
This was important in crushing the "menu flicker" bug */
function initializeMenus() {
var tabs = document.getElementById('Tabs');
var eachTab = getImmediateChildrenByTagName(tabs, 'LI');
for( var i = 0; i < eachTab.length; i++ ) {
var tab = eachTab[i];
if (tab.className == 'current') {
var eachAnchor = tab.getElementsByTagName('A');
var selectedTab = eachAnchor[0];
selectedTab.onclick();
tab.className = 'current'; //don't know why this has to be here, but IE was unselecting the tab
break;
}
}
};
/*********************************************************************************
* Convert the pretty outline bulleted list of menus into the ugly HTML of yonder-year
*********************************************************************************/
var subMenuCount = 0; // this is a static counter, since menu 1.5 is "fifth", and 2.1 is "sixth"
var tabIndexCount = 50; // this is a static counter, since no anchor tag should share a tabindex with another
var menuSystemPrefix = 'menusystem';
// Constructs a MenuSystem object
function MenuSystem(ul, index) {
var maxLevels = 3; // this isn't as variable as it looks
// This is some of the skeletal HTML required to make the menus work.
var cellInternals = ['',
''+
'
'+
''+
' | '+
'
'+
''+
' | '+
'
'+
''+
' | '+
'
'+
'
'+
'
'+
'
'+
''+
' | '+
'
'+
''+
' | '+
'
'+
''+
' | '+
'
'+
'
'+
'