var imgMapFiles = new Array(3);

if (document.images) {
	for (var i=0; i < imgMapFiles.length; ++i) {
		imgMapFiles[i] = new Image();
		imgMapFiles[i].src = "img/map/worldmap"+(i+1)+".jpg";
	}
}

function showArea(areaId) {
	var objImage = document.getElementById("WorldMapImg");
	if (objImage != null && document.images) {
		objImage.src = imgMapFiles[areaId-1].src;
	}
	
	var objText = null;
	for (var i=0; i < imgMapFiles.length; ++i) {
		objText = document.getElementById("Text"+(i+1));
		if (objText != null) {
			objText.className = "hideText";
		}
	}
	objText = document.getElementById("Text"+areaId);
	if (objText != null) {
		objText.className = "showText";
	}
}

function showImage(areaId) {
	var objImage = document.getElementById("WorldMapImg");
	if (objImage != null && document.images) {
		objImage.src = imgMapFiles[areaId-1].src;
	}
}


var navMapFiles = new Array(4);

if (document.images) {
	for (var i=0; i < navMapFiles.length; ++i) {
		navMapFiles[i] = new Image();
		navMapFiles[i].src = "img/content/nav/navmap"+(i+1)+".jpg";
	}
}

function showNavi(areaId) {
	var objImage = document.getElementById("navMapImage");
	if (objImage != null && document.images) {
		objImage.src = navMapFiles[areaId-1].src;
	}
}


function hideContent() {
		var objContent = null;
		for (var i=0; i <= productQuantity; ++i) {
			objContent = document.getElementById("content_"+i);
			if (objContent != null) {
				objContent.style.display = "none";
			}
		}
	}
	
function showDetailContent(contentId) {
		hideContent();
		var objContent = null;
		objContent = document.getElementById("content_"+contentId);
		if (objContent != null) {
			objContent.style.display = "";
		}
	}
	
function showNormalContent() {
		showDetailContent(normalContentId);
	}