var currentLBEl = null;
var selectBuff = null;
var imgs = [];
/* * * * * * * * * * * * * * * * */
function showLightBox(elID) {
	var objOverlay = document.getElementById('overlay');
	var arrayPageSize = getPageSize();
	var arrayPageScroll = getPageScroll();

	objOverlay.style.height = (arrayPageSize[1] + 'px');
	//objOverlay.style.width = (arrayPageSize[0] + 'px');
	objOverlay.style.width = (document.body.clientWidth + 'px');

	if (currentLBEl) {
		srcEl = document.getElementById(currentLBEl);
		if (srcEl) {
			srcEl.style.display = 'none';
		}
	}

	srcEl = document.getElementById(elID);
	if (srcEl) {
		srcEl.style.visibility = 'hidden';
		srcEl.style.display = 'block';
		var height = srcEl.clientHeight;
		var width = srcEl.clientWidth;
		var ttop = arrayPageScroll[1] + ((arrayPageSize[3] - 35 - height) / 2);
		if (ttop < 0) ttop = 50;
		
		srcEl.style.top = (ttop + 'px');
		srcEl.style.left = (((arrayPageSize[0] - 20 - width) / 2) + 'px');
		srcEl.style.visibility = 'visible';

	}
	currentLBEl = elID;
	if (selectBuff == null) {
		selectBuff = [];
		var selects = document.getElementsByTagName('select');
		var vselects = srcEl.getElementsByTagName('select');
		var i,j,flag;
		for (i = 0;i < selects.length;i++) {
			flag = false;
			for (j = 0;j < vselects.length;j++) {
				if (vselects[j] == selects[i]) {
					flag = true;
					break;
				}
			}
			if (!flag) selectBuff.push(selects[i]);
		}
	}
	for (var i = 0;i < selectBuff.length;i++) {
		selectBuff[i].style.visibility = 'hidden';
	}

	objOverlay.style.display = 'block';
}

/* * * * * * * * * * * * * * * * */
function hideLightBox() {
	var objOverlay = document.getElementById('overlay');
	objOverlay.style.display = 'none';
	var srcEl = document.getElementById(currentLBEl);
	if (srcEl) {
		srcEl.style.display = 'none';
	}
	for (var i = 0;i < selectBuff.length;i++) {
		selectBuff[i].style.visibility = 'visible';
	}
	currentLBEl = null;
}

/* * * * * * * * * * * * * * * * */
function imgReady() {
	var imaga = imgs[(imgs.length-1)];
	var el = document.getElementById(currentLBEl);
	var arrayPageSize = getPageSize();
	var arrayPageScroll = getPageScroll();
	var width = (imaga.width + 20);
	var height = (imaga.height + 20);
	el.style.width = (width + 'px');
	el.style.height = (height + 'px');
	el.style.background = 'white url(\''+imaga.src+'\') no-repeat center center';
	var ttop = (arrayPageScroll[1] + ((arrayPageSize[3] - 35 - height) / 2));
     if (ttop < 0) ttop = 5;
     el.style.top = ttop + 'px';
	el.style.left = (((arrayPageSize[0] - 20 - width) / 2) + 'px');

}



/* * * * * * * * * * * * * * * * */
function showBoxImage(elID,img) {
	var srcEl = document.getElementById(elID);
	srcEl.style.background = 'white url(\'img/icon_wait.gif\') no-repeat center center';
	showLightBox(elID);
	var imaga = new Image();
	imaga.onload = imgReady;
	imaga.src = img;
	imgs.push(imaga);
}

/* * * * * * * * * * * * * * * * */
function imgBranchReady() {
	var imaga = imgs[(imgs.length-1)];
	var el = document.getElementById('branchmap');
	el.src = imaga.src;

}
/* * * * * * * * * * * * * * * * */
function showBranchImage(elID,img) {
	var el = document.getElementById('branchmap');
	el.style.background = 'white url(\'img/icon_wait.gif\') no-repeat center center';
	showLightBox(elID);
	var imaga = new Image();
	imaga.onload = imgBranchReady;
	imaga.src = img;
	imgs.push(imaga);
}