var currentLBEl = null;
var selectBuff = null;
var imgs = [];
/* * * * * * * * * * * * * * * * */
function showLightBox(elID) {
	var objOverlay = document.getElementById('overlay');
	if (!objOverlay) {
		objOverlay = document.createElement('div');
		objOverlay.id = 'overlay';
		addEvent(objOverlay,'click',hideLightBox);
		objOverlay.innerHTML = ' ';
		document.body.appendChild(objOverlay);
	}
	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 = 5;
		srcEl.style.top = (ttop + 'px');
		srcEl.style.left = (((arrayPageSize[0] - 20 - width) / 2) + 'px');
		srcEl.style.visibility = 'visible';

	}
	currentLBEl = elID;

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

	}

	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 = imgBranchReady;
       imaga.src = img;
	imgs.push(imaga);
}
/* * * * * * * * * * * * * * * * */
var lbiInited = false;
function lightBoxImage(srcImg) {
	var srcEl;
	if (!lbiInited)
	{
		var a,img;
		srcEl = document.createElement('div');
		srcEl.id = 'lbImage';
		srcEl.style.zIndex = 120;srcEl.style.padding = '9px 0px 15px';srcEl.style.width = '200px';srcEl.style.height = '200px';srcEl.style.display = 'none';srcEl.style.position = 'absolute';
		addEvent(srcEl,'click',hideLightBox);

		a = document.createElement('a');
		a.href = 'javascript:;';
		addEvent(a,'click',hideLightBox);
		a.className = 'close';a.style.position = 'absolute';a.style.top = '0px';a.style.right = '0px';

		img = document.createElement('img');img.src = 'images/ico-close.gif';img.alt = 'X';
		a.appendChild(img);
		srcEl.appendChild(a);
		document.body.appendChild(srcEl);
		lbiInited = true;
	} else {
		srcEl = document.getElementById('lbImage');
	}

	srcEl.style.background = 'white url(\'images/icon_wait.gif\') no-repeat center center';
	showLightBox('lbImage');
	var imaga = new Image();
	imaga.onload = imgReady;
	imaga.src = srcImg;
	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(\'images/icon_wait.gif\') no-repeat center center';
	showLightBox(elID);
	var imaga = new Image();

	imaga.onload = imgBranchReady;
	imaga.src = img;

	imgs.push(imaga);
}
/* * * * * * * * * * * * * * * * */



/* * * * * * * * * * * * * * * * */