/*
	 * detect browser settings for showing and hiding DIVs
	 */
   isNS4 = ( document.layers) ? true : false;
   isIE4 = ( document.all && !document.getElementById) ? true : false;
   isIE5 = ( document.all &&  document.getElementById) ? true : false;
   isNS6 = (!document.all &&  document.getElementById) ? true : false;
	/* *** */

	/* check window resize action */
	window.onresize = reDrawDiv;

	/* define main div */
	var divArray = new Array('Layer1', 'Layer2', 'Layer3');
	var regionDivArray = new Array('m01', 'm02', 'm03', 'm04', 'm05', 'm06');

	var imgArray = new Array('m1', 'm2', 'm3');
	var regionImgArray = new Array('r_m1', 'r_m2', 'r_m3', 'r_m4', 'r_m5', 'r_m6')

	/*
	 * display main menu
	 */
	function displayDiv(showIndex) {
		var objElement;

		if (isNS4) {
			objElement = document.layers[divArray[showIndex]];
			objElement.display = 'block';
		} else if (isIE4) {
			objElement = document.all[divArray[showIndex]].style;
			objElement.display = 'block';
		} else if (isIE5 || isNS6) {
			hideAllDiv(divArray);
			hideAllDiv(regionDivArray);
			hideDiv('lg_sites');

			var imageElement = document.getElementById(imgArray[showIndex]);
			var imagePosition = findPos(imageElement);

			objElement = document.getElementById(divArray[showIndex]);
			objElement.style.display = 'block';
			objElement.style.left = imagePosition[0] - ((parseInt(objElement.style.width) - imageElement.width)/2);
			objElement.style.top = imagePosition[1] - ((parseInt(objElement.style.height) - imageElement.height)/2);
		} else {
			alert('You web browser is not supported this gateway script.');
		}
	}

	function displayMenu(showIndex) {
		var objElement;

		if (isNS4) {
			objElement = document.layers[regionDivArray[showIndex]];
			objElement.display = 'block';
		} else if (isIE4) {
			objElement = document.all[regionDivArray[showIndex]].style;
			objElement.display = 'block';
		} else if (isIE5 || isNS6) {
			hideAllDiv(regionDivArray);

			var regionImageElement = document.getElementById(regionImgArray[showIndex]);
			var regionPosition = findPos(regionImageElement);

			objElement = document.getElementById(regionDivArray[showIndex]);
			objElement.style.display = 'block';
			objElement.style.left = regionPosition[0] + 126;
			objElement.style.top = regionPosition[1] - parseInt(objElement.style.height)/2;
			
		}
	}

	function hideAllDiv(divs) {
		var objElement;

		/* section */
		for(var idx=0; idx<divs.length; idx++) {
			if (isNS4) {
				objElement = document.layers[divs[idx]];
				if (objElement.display == 'block') objElement.display = 'none';
			} else if (isIE4) {
				objElement = document.all[divs[idx]].style;
				if (objElement.display == 'block') objElement.display = 'none';
			} else if (isIE5 || isNS6) {
				objElement = document.getElementById(divs[idx]).style;
				if (objElement.display == 'block') objElement.display = 'none';
			}
		}
	}
	
	function hideDiv(div) {
		if (isNS4) {
			objElement = document.layers[div];
			if (objElement.display == 'block') objElement.display = 'none';
		} else if (isIE4) {
			objElement = document.all[div].style;
			if (objElement.display == 'block') objElement.display = 'none';
		} else if (isIE5 || isNS6) {
			objElement = document.getElementById(div).style;
			if (objElement.display == 'block') objElement.display = 'none';
		}
	}

	function findPos(obj) {
		var curleft = curtop = 0;
		if (obj.offsetParent) {
			curleft = obj.offsetLeft;
			curtop = obj.offsetTop;
			while (obj = obj.offsetParent) {
				curleft += obj.offsetLeft;
				curtop += obj.offsetTop;
			}
		}

		return [curleft,curtop];
	}

	function getIndexDisplayDiv(divs) {
		var objElement;
		var divIndex = -1;

		for(var idx=0; idx<divs.length; idx++) {
			if (isNS4) {
				objElement = document.layers[divs[idx]];
				if (objElement.display == 'block') {
					divIndex = idx;
					break;
				}
			} else if (isIE4) {
				objElement = document.all[divs[idx]].style;
				if (objElement.display == 'block') {
					divIndex = idx;
					break;
				}
			} else if (isIE5 || isNS6) {
				objElement = document.getElementById(divs[idx]).style;
				if (objElement.display == 'block') {
					divIndex = idx;
					break;
				}
			}
		}

		return divIndex;
	}

	function reDrawDiv() {
		var displayedDivIndex = getIndexDisplayDiv(divArray);
		if (displayedDivIndex != -1) displayDiv(displayedDivIndex);
		
		displayLGSiteMenu();
	}
	
	function displayLGSiteMenu() {
		var imageElement = document.getElementById('worldwide');
		var imagePosition = findPos(imageElement);

		objElement = document.getElementById('lg_site');
		objElement.style.display = 'block';
		objElement.style.left = imagePosition[0] + 5;
		objElement.style.top = imagePosition[1] + 20;
	}
	
	function displayLGSites() {
		var objElement;

		if (isNS4) {
			objElement = document.layers['lg_sites'];
			objElement.display = 'block';
		} else if (isIE4) {
			objElement = document.all['lg_sites'].style;
			objElement.display = 'block';
		} else if (isIE5 || isNS6) {
			hideAllDiv(divArray);
			hideAllDiv(regionDivArray);

			objElement = document.getElementById('lg_sites');
			objElement.style.display = 'block';
		}
	}