// JavaScript Document
/****************************************************************
FUNCTIONS.JS
The main Javascript file for the website.
Includes code for changing the text that goes with the map for the
current year, as well as code for opening a window to compare 2 maps
and to open the quiz window.
Further documentation (on how the pieces of this code are designed
to work together, and with Javascript) is included in the design
documentation for this website.
*****************************************************************/
/**
* Function: startFlashJavascriptIntegrationKit
* Desc: Initializes the Flash Javascript Integration Kit
* Allow calls to Flash, via the Flash Javascript Integration Kit.
* A call is made in the format:
* flashProxy.call("nameOfFlashFunction", argument1, argument2, ...); *
*/
function startFlashProxy(){
var uid = new Date().getTime();
var flashProxy = new FlashProxy(uid, 'flash/JavaScriptFlashGateway.swf');
}
/**
* Function: swapActiveLink
* Desc: Changes which year link appears to be active.
*/
function swapActiveLink(previousMapYear, mapYear, previousScrubberPosition, currentScrubberPosition){ //this is a separate function only so that it can be called from Flash
previousLink = document.getElementById('navigation').getElementsByTagName('li')[previousScrubberPosition-1]; //get the previous active link
currentLink = document.getElementById('navigation').getElementsByTagName('li')[currentScrubberPosition-1]; //gets the currently active link
previousLink.innerHTML=''+previousMapYear+''; //reset to normal
currentLink.innerHTML=''+mapYear+''; //set to the active link
}
/**
* Function: swapSwitchToStatic
* Desc: Changes the text and link associated with the "switch to HTML only" link
*/
function swapSwitchToStatic(mapYear){
document.getElementById("switch").innerHTML='switch to html-only map';
}
/**
* Function: swapYear
* Desc: Shows the appropriate year in the html.
*/
function swapYear(mapYear){
document.getElementById("yearText").innerHTML=mapYear;
}
/**
* Function: swapFontScript
* Desc: Shows the appropriate font script year in the html.
*/
function swapFontScriptYear(fontScriptYear){
document.getElementById("fontScript").innerHTML=fontScriptYear;
}
/**
* Function: swapNarrative
* Desc: Shows the appropriate narrative history, for this year, in the html.
* The narrative appears in an Iframe, that loads in a separate document
* (e.g., "text1700.html")that is called by the function "loadIframe",
* which is found in the "iframe.js" file.
*/
function swapNarrative(mapYear){
loadIframe('contentIframe', 'text'+mapYear+'.asp');
}
/**
* Function: swapPhotos
* Desc: Shows the appropriate photos, for this year, in the html.
* Only shows the image2 (and its title, alt tag, etc.) if it is in
* a year that has an image to show (as defined in the "if" statement).
* This means that these mapYears (with 2 images) needed to be hard-
* coded in the function, and changed if the developer wants to add
* or subtract a second image for a year.
*/
function swapPhotos(mapYear){
document.getElementById("imageRight1").innerHTML='';
if (mapYear == ("1825" || "1862" || "1867" || "1912" || "1977" || "1999")){
document.getElementById("imageRight2").innerHTML='';
}
else{
document.getElementById("imageRight2").innerHTML=''; //this resets it to nothing if there is no image, so that the old image doesn't continue to be displayed
}
}
/**
* Function: swapFunFact
* Desc: Shows the appropriate fun fact, for this year, in the html.
*/
function swapFunFact(yearFunFact){
document.getElementById("fact").innerHTML=yearFunFact;
}
/**
* Function: swapMapJS
* Desc: Receives the appropriate information from the maps.swf for this year.
* Places this information in the content of the html page. This function is
* called from Flash.
*/
function swapMapJS(previousMapYear, mapYear, previousScrubberPosition, currentScrubberPosition, fontScriptYear, yearFunFact){
swapActiveLink(previousMapYear, mapYear, previousScrubberPosition, currentScrubberPosition);
swapSwitchToStatic(mapYear);
swapYear(mapYear);
swapFontScriptYear(fontScriptYear);
swapNarrative(mapYear);
swapPhotos(mapYear);
swapFunFact(yearFunFact);
}
/**
* Function: swapMapFlash
* Desc: Lets the maps.swf know that it is being called from javascript
* (so that it doesn't re-initialize everything). Lets it know which
* map year we want to see. Flash then calls the "swapMapJS" function
* above, with the appropriate information.
*/
function swapMapFlash(newScrubberPosition,mapYear){
flashProxy.call('callFromJS',newScrubberPosition,mapYear);
}
/**
* Function: switchToDynamic
* Desc: Switches to the dynamic version of the website. Calls
* the appropriate year in Flash.
*/
function switchToDynamic(newScrubberPosition,mapYear){
document.location.href = "maps.asp"
// swapMapFlash(newScrubberPosition,mapYear);
}
/**
* Function: compareMaps
* Desc: This function is called from Flash.
* It opens a new window, to place the compare.swfs in.
* The flashCall contains FlashVars, which are sent to the .swf
* to let it know which 2 maps to open. Note that there is CSS
* in the body of the javascript, because it needs to change the
* padding dynamically, based on the user's screen resolution.
* Two separate Flash objects are embedded, both containing the
* preloader_compare.swf file, one showing "map1" and one showing
* "map2".
* Note that "map1", "map2", "mapFactor", and "compareMovieName" are sent
* to the Flash movies as FlashVars in the
';
if (mapYear == ("1825" || "1862" || "1867" || "1912" || "1977" || "1999")){
document.getElementById("imageRight2").innerHTML='
';
}
else{
document.getElementById("imageRight2").innerHTML=''; //this resets it to nothing if there is no image, so that the old image doesn't continue to be displayed
}
}
/**
* Function: swapFunFact
* Desc: Shows the appropriate fun fact, for this year, in the html.
*/
function swapFunFact(yearFunFact){
document.getElementById("fact").innerHTML=yearFunFact;
}
/**
* Function: swapMapJS
* Desc: Receives the appropriate information from the maps.swf for this year.
* Places this information in the content of the html page. This function is
* called from Flash.
*/
function swapMapJS(previousMapYear, mapYear, previousScrubberPosition, currentScrubberPosition, fontScriptYear, yearFunFact){
swapActiveLink(previousMapYear, mapYear, previousScrubberPosition, currentScrubberPosition);
swapSwitchToStatic(mapYear);
swapYear(mapYear);
swapFontScriptYear(fontScriptYear);
swapNarrative(mapYear);
swapPhotos(mapYear);
swapFunFact(yearFunFact);
}
/**
* Function: swapMapFlash
* Desc: Lets the maps.swf know that it is being called from javascript
* (so that it doesn't re-initialize everything). Lets it know which
* map year we want to see. Flash then calls the "swapMapJS" function
* above, with the appropriate information.
*/
function swapMapFlash(newScrubberPosition,mapYear){
flashProxy.call('callFromJS',newScrubberPosition,mapYear);
}
/**
* Function: switchToDynamic
* Desc: Switches to the dynamic version of the website. Calls
* the appropriate year in Flash.
*/
function switchToDynamic(newScrubberPosition,mapYear){
document.location.href = "maps.asp"
// swapMapFlash(newScrubberPosition,mapYear);
}
/**
* Function: compareMaps
* Desc: This function is called from Flash.
* It opens a new window, to place the compare.swfs in.
* The flashCall contains FlashVars, which are sent to the .swf
* to let it know which 2 maps to open. Note that there is CSS
* in the body of the javascript, because it needs to change the
* padding dynamically, based on the user's screen resolution.
* Two separate Flash objects are embedded, both containing the
* preloader_compare.swf file, one showing "map1" and one showing
* "map2".
* Note that "map1", "map2", "mapFactor", and "compareMovieName" are sent
* to the Flash movies as FlashVars in the