var image1 = new Image();
image1.src = "images/maps/asia_pacific.gif";
var image2 = new Image();
image2.src = "images/maps/oceania.gif";
var image3 = new Image();
image3.src = "images/maps/middle_east.gif";
var image4 = new Image();
image4.src = "images/maps/africa.gif";
var image6 = new Image();
image6.src = "images/maps/central_europe.gif";
var image8 = new Image();
image8.src = "images/maps/western_europe.gif";
var image10 = new Image();
image10.src = "images/maps/north_america.gif";
var image11 = new Image();
image11.src = "images/maps/south_america.gif";

var regionArray=new Array("central_europe", "asia_pacific", "oceania", "middle_east", "africa", "western_europe", "north_america", "south_america");

function pickElement(element) {
		var elementType;
		if( document.getElementById ) 
			elementType = document.getElementById(element);
		else if( document.all ) 
			elementType = document.all[element];
		else if( document.layers ) 
			elementType = document.layers[element];
		return(elementType);
	}

function showList(listToDisplay) {
	var listToDisplay = listToDisplay;
	for(var i = 0; i < regionArray.length; i++){	
		var elem, regElem, temp_reg, imageSource;
		
		temp_reg = "reg_" + regionArray[i];
		elem = pickElement(regionArray[i]);
		regElem = pickElement(temp_reg);
		imageSource = "./images/maps/" + listToDisplay + ".gif";
		
		if(regionArray[i] == listToDisplay){
			elem.style.display = "block";
			regElem.className = "regionLinkSel";
			replaceImage(imageSource);
			regElem.blur();
		}else{
			elem.style.display = "none";
			regElem.className = "regionLink";
		}		
	}
	//exceptions due to broken lists
	var blockB;
	if (listToDisplay == "western_europe") {
		blockB = pickElement("western_europeB");
		blockB.style.display = "block";
	} else {
		blockB = pickElement("western_europeB");
		blockB.style.display = "none";
	}
	if (listToDisplay == "central_europe") {
		blockB = pickElement("central_europeB");
		blockB.style.display = "block";
	} else {
		blockB = pickElement("central_europeB");
		blockB.style.display = "none";
	}
}

function hideAll() {
	for(var i = 0; i < regionArray.length; i++) {
		var elem;
		elem = pickElement(regionArray[i]);
		elem.style.display = "none";
	}
	var cen2 = pickElement("central_europeB");
	cen2.style.display = "none"
	var west2 = pickElement("western_europeB");
	west2.style.display = "none"
	
}

function replaceImage(img_src) {
	document.mapImage.src = img_src;
}