function DisplayHoverImage(thumb) {
//alert("thumb is: " + thumb.id);
var currentImg = document.getElementById('imgNavGraphic');
if (currentImg != null)
{
switch (thumb.id)
{
case 'help':
currentImg.src = 'CMImages/MoveTheMountain/CirclesNavigationGraphic_HelpHover.jpg';
break;
case 'what':
currentImg.src = 'CMImages/MoveTheMountain/CirclesNavigationGraphic_WhatHover.jpg';
break;
case 'invest':
currentImg.src = 'CMImages/MoveTheMountain/CirclesNavigationGraphic_InvestHover.jpg';
break;
case 'start':
currentImg.src = 'CMImages/MoveTheMountain/CirclesNavigationGraphic_StartHover.jpg';
break;
}
}
return true;
}
function DisplayMouseOutImage(area) {
var currentImg = document.getElementById('imgNavGraphic');
if (currentImg != null)
currentImg.src = 'CMImages/MoveTheMountain/CirclesNavigationGraphic.jpg';
return;
}
function viewPopup_onClick(area){
swapText(area);
return false;
}
function swapText(area) {
var div = document.getElementById('mapcontainer');
if (div != null)
{
switch (area.id)
{
case 'help':
div.innerHTML = '
';
break;
case 'what':
div.innerHTML = '
';
break;
case 'invest':
div.innerHTML = '
';
break;
case 'start':
div.innerHTML = '
';
break;
}
}
}
function closePopup() {
var div = document.getElementById('mapcontainer');
if (div != null)
{
div.innerHTML = '
';
}
var parentDiv = document.getElementById('circlemap');
var arrImages = parentDiv.getElementsByTagName('area');
for(var i=0; i <= arrImages.length-1; i++){
arrImages[i].onmouseover = leftColJS.mouseOverMe;
}
for(var i=0; i <= arrImages.length-1; i++){
arrImages[i].onmouseout = leftColJS.mouseOutMe;
}
}
function setOnClickHandlers() {
var helpDisplay = document.getElementById('help');
if ( helpDisplay != null)
helpDisplay.onclick = leftColJS.viewPopup;
}
leftColJS = function(){
return{
init: function(){
leftColJS.onpageload();
},
onpageload: function(e){
//Select all images in the left hand navigation
var parentDiv = document.getElementById('circlemap');
var arrImages = parentDiv.getElementsByTagName('area');
for(var i=0; i <= arrImages.length-1; i++){
arrImages[i].onmouseover = leftColJS.mouseOverMe;
}
for(var i=0; i <= arrImages.length-1; i++){
arrImages[i].onmouseout = leftColJS.mouseOutMe;
}
setOnClickHandlers();
return true;
},
mouseOverMe: function(e){
return DisplayHoverImage(this);
},
mouseOutMe: function(e){
return DisplayMouseOutImage(this);
},
viewPopup: function(e){
return viewPopup_onClick(this);
}
};
}(this);
Page_Load = function(){
return{
init: function(){
leftColJS.init();
}
};
}(this);
function PageLoading(){
Page_Load.init();
}
window.onload = function() {PageLoading();}