var preloadImageNames = new Array("/urs/content/design/linksstagei/spacer.gif","/urs/content/design/linksstagei/loading.gif","/urs/content/design/linksstagei/map.jpg","/urs/content/design/linksstagei/existing_button_normal.gif","/urs/content/design/linksstagei/existing_button_disabled.gif","/urs/content/design/linksstagei/proposed_button_normal.gif","/urs/content/design/linksstagei/proposed_button_disabled.gif","/urs/content/design/linksstagei/helpicon.gif","/urs/content/design/linksstagei/instructions.gif","/urs/content/design/linksstagei/existing_title.gif","/urs/content/design/linksstagei/null_title.gif","/urs/content/design/linksstagei/proposed_title.gif","/urs/content/design/linksstagei/map_mask_1.gif","/urs/content/design/linksstagei/map_mask_2.gif","/urs/content/design/linksstagei/map_mask_3.gif","/urs/content/design/linksstagei/map_mask_4.gif","/urs/content/design/linksstagei/map_mask_5.gif","/urs/content/design/linksstagei/map_mask_6.gif","/urs/content/design/linksstagei/map_mask_7.gif","/urs/content/design/linksstagei/map_mask_8.gif","/urs/content/design/linksstagei/map_mask_9.gif","/urs/content/design/linksstagei/map_mask_10.gif","/urs/content/design/linksstagei/map_mask_11.gif","/urs/content/design/linksstagei/map_mask_12.gif","/urs/content/design/linksstagei/map_mask_13.gif","/urs/content/design/linksstagei/map_mask_14.gif","/urs/content/design/linksstagei/map_mask_15.gif","/urs/content/design/linksstagei/map_mask_16.gif");
var viewcoords = new Array(
164,74,
175,29,
259,94,
275,231,
314,267,
320,314,
135,119,
119,106,
102,110,
79,115,
101,128,
65,103,
89,99,
211,145,
153,163,
230,289
);
var preloadImages = new Array();
var existingImages = new Array();
var proposedImages = new Array();
var lastclicked = 0;
var preloadTracker = 0;
var existing = true;
var loaded = false;

function preload() {
    if (preloadTracker < preloadImageNames.length) {
        if (preloadImages.length == 0) {
            for (var i = 0; i < preloadImageNames.length; i++) {
                preloadImages[i] = new Image();
                preloadImages[i].src = preloadImageNames[0];
            }
        }
        status_text.innerHTML = "<CENTER>Component " + (preloadTracker + 1) + " of " + preloadImageNames.length + "</CENTER>";
        if (preloadImages[preloadTracker].complete) {
            preloadTracker++;
            if (preloadTracker > preloadImageNames.length) {
                status_text.innerHTML = "<CENTER>Complete!</CENTER>";
                setTimeout("preload()", 1000);
            } else {
                preloadImages[preloadTracker] = new Image();
                preloadImages[preloadTracker].src = preloadImageNames[preloadTracker];
                setTimeout("preload()", 1);
            }
        } else {
        setTimeout("preload()", 200);
      }
      return;
    } else {
        iv_loading.style.visibility = "hidden";
        iv_status.style.visibility = "hidden";
        status_text.innerHTML = "<CENTER>Please wait</CENTER>";
        iv_map.src="/urs/content/design/linksstagei/map.jpg";
        iv_viewer.src="/urs/content/design/linksstagei/instructions.gif";
        iv_type.src="/urs/content/design/linksstagei/null_title.gif";
        iv_help.src="/urs/content/design/linksstagei/helpicon.gif";
        iv_ebut.src="/urs/content/design/linksstagei/existing_button_disabled.gif";
        iv_pbut.src="/urs/content/design/linksstagei/proposed_button_disabled.gif";
        loaded = true;
    }
}

function mapOver(clickable) {
    iv_overlay.src="/urs/content/design/linksstagei/map_mask_" + clickable + ".gif";
}

function mapClick(clickable) {
  lastclicked = clickable;
  if (existing) {
      if (existingImages[clickable - 1] == null || existingImages[clickable - 1].complete == false) {
        iv_ebut.src = "/urs/content/design/linksstagei/existing_button_disabled.gif";
        iv_ebut.style.cursor = "default";
        iv_pbut.src = "/urs/content/design/linksstagei/proposed_button_normal.gif";
        iv_pbut.style.cursor = "hand";
        iv_type.src = "/urs/content/design/linksstagei/existing_title.gif";
        iv_viewer.src = "/urs/content/design/linksstagei/existing_" + clickable + ".jpg";
        status_text.innerHTML = "<CENTER>Please wait</CENTER>";
        iv_loading.style.visibility = "visible";
        iv_status.style.visibility = "visible";
      } else {
        iv_type.src = "/urs/content/design/linksstagei/existing_title.gif";
        iv_ebut.src = "/urs/content/design/linksstagei/existing_button_disabled.gif";
        iv_ebut.style.cursor = "default";
        iv_pbut.src = "/urs/content/design/linksstagei/proposed_button_normal.gif";
        iv_pbut.style.cursor = "hand";
        iv_viewer.src = existingImages[clickable - 1].src;
      }
  } else {
      if (proposedImages[clickable - 1] == null || proposedImages[clickable - 1].complete == false) {
        iv_ebut.src = "/urs/content/design/linksstagei/existing_button_normal.gif";
        iv_ebut.style.cursor = "hand";
        iv_pbut.src = "/urs/content/design/linksstagei/proposed_button_disabled.gif";
        iv_pbut.style.cursor = "default";
        iv_type.src = "/urs/content/design/linksstagei/proposed_title.gif";
        iv_viewer.src = "/urs/content/design/linksstagei/proposed_" + clickable + ".jpg";
        status_text.innerHTML = "<CENTER>Please wait</CENTER>";
        iv_loading.style.visibility = "visible";
        iv_status.style.visibility = "visible";
      } else {
        iv_type.src = "/urs/content/design/linksstagei/proposed_title.gif";
        iv_ebut.src = "/urs/content/design/linksstagei/existing_button_normal.gif";
        iv_ebut.style.cursor = "hand";
        iv_pbut.src = "/urs/content/design/linksstagei/proposed_button_disabled.gif";
        iv_pbut.style.cursor = "default";
        iv_viewer.src = proposedImages[clickable - 1].src;
      }
  }
  setTimeout("checkComplete()",200);
}

function checkComplete() {
    if (iv_viewer.complete) {
        iv_loading.style.visibility = "hidden";
        iv_status.style.visibility = "hidden";
    }
}

function setLoaded() {
    if (lastclicked != 0) {
        if (existing) {
            if (existingImages[lastclicked - 1] == null) {
                existingImages[lastclicked - 1] = new Image();
                existingImages[lastclicked - 1].src = iv_viewer.src;
            }
        } else {
            if (proposedImages[lastclicked - 1] == null) {
                proposedImages[lastclicked - 1] = new Image();
                proposedImages[lastclicked - 1].src = iv_viewer.src;
            }
        }
        iv_loading.style.visibility = "hidden";
        iv_status.style.visibility = "hidden";
    }
}

function mapOut() {
  if (lastclicked != 0) {
      iv_overlay.src="/urs/content/design/linksstagei/map_mask_" + lastclicked + ".gif";
  } else {
      iv_overlay.src="/urs/content/design/linksstagei/spacer.gif";
  }
}

function showHelp() {
    if (loaded) {
        lastclicked = 0;
        iv_loading.style.visibility = "hidden";
        iv_status.style.visibility = "hidden";
        iv_type.src = "/urs/content/design/linksstagei/null_title.gif";
        iv_ebut.src = "/urs/content/design/linksstagei/existing_button_disabled.gif";
        iv_ebut.style.cursor = "default";
        iv_pbut.src = "/urs/content/design/linksstagei/proposed_button_disabled.gif";
        iv_pbut.style.cursor = "default";
        existing = true;
        iv_viewer.src = "/urs/content/design/linksstagei/instructions.gif";
    }
}

function proposedOver() {
    if (existing && lastclicked != 0) {
        iv_pbut.style.border="2px dotted #38568F";
    }
}

function proposedOut() {
    iv_pbut.style.border="2px solid #FFFFFF";
    if (existing && lastclicked != 0) {
        iv_pbut.src = "/urs/content/design/linksstagei/proposed_button_normal.gif";
    }
}

function loadProposed() {
    iv_pbut.style.border="2px solid #FFFFFF";
    if (lastclicked != 0) {
        existing = false;
        mapClick(lastclicked);
    }
}

function existingOver() {
    if (!existing && lastclicked != 0) {
        iv_ebut.style.border="2px dotted #38568F";
    }
}

function existingOut() {
    iv_ebut.style.border="2px solid #FFFFFF";
    if (!existing && lastclicked != 0) {
        iv_ebut.src = "/urs/content/design/linksstagei/existing_button_normal.gif";
    }
}

function loadExisting() {
    iv_ebut.style.border="2px solid #FFFFFF";
    if (lastclicked != 0) {
        existing = true;
        mapClick(lastclicked);
    }
}


document.writeln('<MAP id="iv_clickable">');
for (var i = 0; i < (viewcoords.length / 2); i++) {
  document.writeln('<AREA HREF="#" SHAPE="CIRCLE" COORDS="' + viewcoords[i*2] + ',' + viewcoords[i*2+1] + ',8' + '" onMouseOver="mapOver(' + (i+1) + ')" onMouseOut="mapOut()" onClick="mapClick(' + (i+1) + ')">');
}
document.writeln('</MAP>');

document.writeln('<DIV style="position:absolute;top:65px;left:35px;">');
document.writeln('  <IMG id="iv_map" src="/urs/content/design/linksstagei/spacer.gif" style="position:absolute;top:0px;left:0px;width:365px;height:383px;border:1px solid #000000;z-index:0;">');
document.writeln('  <IMG id="iv_overlay" name="iv_overlay" src="/urs/content/design/linksstagei/spacer.gif" usemap="#iv_clickable" style="position:absolute;top:1px;left:1px;width:365px;height:383px;z-index:1;border:none">');
document.writeln('  <IMG id="iv_viewer" src="/urs/content/design/linksstagei/spacer.gif" style="position:absolute;top:0px;left:370px;width:439px;height:340px;border:1px solid #000000;z-index:0;" onLoad="setLoaded()">');
document.writeln('  <IMG src="/urs/content/design/linksstagei/spacer.gif" style="position:absolute;top:345px;left:370px;width:439px;height:38px;border:1px solid #000000;z-index:0;">');
document.writeln('  <IMG id="iv_type" src="/urs/content/design/linksstagei/spacer.gif" style="position:absolute;top:0px;left:814px;width:29px;height:340px;border:1px solid #000000;z-index:0;">');
document.writeln('  <IMG id="iv_help" src="/urs/content/design/linksstagei/spacer.gif" style="position:absolute;top:345px;left:814px;width:29px;height:38px;border:1px solid #000000;z-index:0;cursor:hand;" onClick="showHelp();">');
document.writeln('  <IMG id="iv_loading" src="/urs/content/design/linksstagei/loading.gif" style="position:absolute;top:103px;left:491px;width:197px;height:98px;z-index:2;border:1px solid #000000;visibility:visible;">');
document.writeln('  <DIV id="iv_status" style="position:absolute;top:206px;left:491px;width:199px;height:24px;z-index:2;visibility:visible;background:#ffffff;">');
document.writeln('    <IMG src="/urs/content/design/linksstagei/spacer.gif" style="position:absolute;top:0px;left:0px;width:197px;height:22px;border:1px solid #000000;">');
document.writeln('    <SPAN id="status_text" style="position:absolute;top:4px;left:0px;width:197px;font:bold 12px Verdana">&nbsp;</SPAN>');
document.writeln('  </DIV>');
document.writeln('  <IMG ID="iv_ebut" SRC="/urs/content/design/linksstagei/spacer.gif" STYLE="position:absolute;top:347px;left:394px;width:172px;height:32px;cursor:default;border:2px solid #ffffff;cursor:none;" onClick="loadExisting();" onMouseOver="existingOver();" onMouseOut="existingOut();">');
document.writeln('  <IMG ID="iv_pbut" SRC="/urs/content/design/linksstagei/spacer.gif" STYLE="position:absolute;top:347px;left:613px;width:172px;height:32px;cursor:default;border:2px solid #ffffff;cursor:none;" onClick="loadProposed();" onMouseOver="proposedOver();" onMouseOut="proposedOut();">');
document.writeln('</DIV>');