cemeterySection=new Array();
cemeterySection["S1"]=new Image(1189,1050);
cemeterySection["S1"].src="images/cemetery_101.jpg";
cemeterySection["S2"]=new Image(961,1063);
cemeterySection["S2"].src="images/cemetery_201.jpg";
cemeterySection["S3"]=new Image(1189,861);
cemeterySection["S3"].src="images/cemetery_301.jpg";
cemeterySection["S4"]=new Image(961,896);
cemeterySection["S4"].src="images/cemetery_401.jpg";
cemeterySection["S5"]=new Image(1189,623);
cemeterySection["S5"].src="images/cemetery_501.jpg";
cemeterySection["S6"]=new Image(961,574);
cemeterySection["S6"].src="images/cemetery_601.jpg";
cemeterySection["S7"]=new Image(200,235);
cemeterySection["S7"].src="images/cemetery_1_icon.jpg";
cemeterySection["S8"]=new Image(200,235);
cemeterySection["S8"].src="images/cemetery_2_icon.jpg";
cemeterySection["S9"]=new Image(200,235);
cemeterySection["S9"].src="images/cemetery_3_icon.jpg";
cemeterySection["S10"]=new Image(200,235);
cemeterySection["S10"].src="images/cemetery_4_icon.jpg";
cemeterySection["S11"]=new Image(200,235);
cemeterySection["S11"].src="images/cemetery_5_icon.jpg";
cemeterySection["S12"]=new Image(200,235);
cemeterySection["S12"].src="images/cemetery_6_icon.jpg";


function addEvent(element, eventType, func) {
if (element.addEventListener) {
element.addEventListener(eventType, func, false);
} else if (element.attachEvent) {
element.attachEvent("on" + eventType, func);
} else { elem["on" + eventType] = func; }
return true;
}


divs=document.getElementsByTagName("Div");

function highlightSection(sectId) {
for (var i=1; i<divs.length; i++) 
{
if (divs[i].className == "section")
{
divs[i].className="noClass";
divs[i].childNodes[0].style.display="none";
divs[i].childNodes[1].style.display="none";
}
}
sectId.className="section";
sectId.childNodes[0].style.display="block";
sectId.childNodes[1].style.display="block";
}

function hideSection(sectId) {
sectId.className="noClass";
sectId.childNodes[0].style.display="none";
sectId.childNodes[1].style.display="none";
}

function pageLoad() {
divs=document.getElementsByTagName("Div");
oldHeading=document.getElementById("header2").childNodes[0];
if (location.hash) {
sectionHash=location.hash;
sectionNoHash=sectionHash.replace(/#/, "section_");
highLight=document.getElementById(sectionNoHash);
displaySection(highLight);
}
}

function addIcon(num) {
containerDiv=document.getElementById("container");
iconDiv=document.createElement("Div");
iconContents=document.createElement("Img")
iconContents.style.width="200px";
iconContents.style.height="230px";
iconContents.src="images/cemetery_" + num + "_icon.jpg";
iconDiv.appendChild(iconContents);
containerDiv.appendChild(iconDiv);
addEvent(iconDiv, "click", returnView);
return true;
}

function goBack() {
history.back();
}

function addBack() {
containerDiv=document.getElementById("container");
backButton=document.createElement("A");
btext="Return To Listing";
buttonText=document.createTextNode(btext);
backButton.style.width="190px";
backButton.style.height="20px";
backButton.style.position="absolute";
backButton.style.top="348px"
backButton.style.left="668px"
backButton.className="backbutton";
backButton.appendChild(buttonText);
containerDiv.appendChild(backButton);
addEvent(backButton, "click", goBack);
return true;
}

function displaySection(sectId) {
for (var i=3; i<divs.length; i++) 
{
divs[i].style.display = "none";
}
switch(sectId.id) {
case "section_1":
divs[2].style.backgroundImage="url('images/cemetery_101.jpg')";
divs[2].style.width="661px";
divs[2].style.height="584px";
sectionNum="Section 1";
addIcon("1");
break;
case "section_2":
divs[2].style.backgroundImage="url('images/cemetery_201.jpg')";
divs[2].style.width="661px";
divs[2].style.height="731px";
sectionNum="Section 2";
addIcon("2");
break;
case "section_3":
divs[2].style.backgroundImage="url('images/cemetery_301.jpg')";
divs[2].style.width="661px";
divs[2].style.height="479px";
sectionNum="Section 3";
addIcon("3");
break;
case "section_4":
divs[2].style.backgroundImage="url('images/cemetery_401.jpg')";
divs[2].style.width="661px";
divs[2].style.height="616px";
sectionNum="Section 4";
addIcon("4");
break;
case "section_5":
divs[2].style.backgroundImage="url('images/cemetery_501.jpg')";
divs[2].style.width="661px";
divs[2].style.height="346px";
sectionNum="Section 5";
addIcon("5");
break;
case "section_6":
divs[2].style.backgroundImage="url('images/cemetery_601.jpg')";
divs[2].style.width="661px";
divs[2].style.height="395px";
sectionNum="Section 6";
addIcon("6");
break;
}
if (location.hash) {
addBack();
} 
oldHeading.nodeValue="View of " + sectionNum + " - Click Guide On Right For Full Cemetery View";
divs[2].style.left="-102px";
iconContents.style.position="absolute";
iconContents.style.top="83px"
iconContents.style.left="668px"
window.scroll(0,0);
}

function returnView() {
if (location.hash) {
backButton.removeChild(buttonText);
containerDiv.removeChild(backButton);
}
iconDiv.removeChild(iconContents);
containerDiv.removeChild(iconDiv);
for (var i=2; i<divs.length; i++) 
{
divs[i].style.display = "block";
}
divs[2].style.backgroundImage="url('images/cemetery_map.jpg')";
divs[2].style.width="850px";
divs[2].style.height="1001px";
oldHeading.nodeValue="Roll Mouse Over Map To View Each Section - Click To Zoom In On Section";
divs[2].style.left="";
}

function processMe(sectId, evt) {
switch(evt.type) {
case "mouseover":
highlightSection(sectId);
break;
case "mouseout":
hideSection(sectId);
break;
case "click":
displaySection(sectId);
break;
}
}