// -- start popup layer --

    function restartGif(){
			for(var i=0; i<document.images.length; i++){
				var img = document.images[i];
				var imgName = img.src.toUpperCase();
				var imgExt = imgName.substring(imgName.length-3, imgName.length);
				if (imgExt.toLowerCase() == "gif"){
					img.src = img.src;
				}
			}
		}
		
			function centerLayer(inLayer) {
				currLayer = document.getElementById(inLayer);
				//alert (document.body.clientWidth + "-" + parseInt(currLayer.style.width) + '\r\n' + document.body.clientHeight + "-" + parseInt(currLayer.style.height));
				currLayer.style.left = (document.body.scrollLeft + Math.floor((document.body.clientWidth - parseInt(currLayer.style.width)) / 2)) + 'px';
				currLayer.style.top = (document.body.scrollTop + Math.floor((document.body.clientHeight - parseInt(currLayer.style.height)) / 2)) + 'px';
			}

			function showLayer(inLayer) {
				//comboList = new Array('pageIndex1','qtyPerPage1','pageIndex2','qtyPerPage2');
				for (I in comboList) {
				  document.getElementById(comboList[I]).style.visibility = 'hidden';
				}
				divCover = document.getElementById('LayerCover');
				divCover.style.width = document.body.scrollWidth + 'px';
				divCover.style.height = document.body.scrollHeight + 'px';
				divCover.style.display = 'block';
				document.getElementById(inLayer).style.display = '';
				centerLayer(inLayer);
			}

			function hideLayer(inLayer) {
				//comboList = new Array('pageIndex1','qtyPerPage1','pageIndex2','qtyPerPage2');
				for (I in comboList) {
				  document.getElementById(comboList[I]).style.visibility = 'visible';
				}
				document.getElementById('LayerCover').style.display = 'none';
				document.getElementById(inLayer).style.display = 'none';
				setTimeout('restartGif();', 200);
			}

			bDragingLayer = false;
			function startDragLayer(inLayer,cX,cY) {
				bDragingLayer = true;
				currLayer = document.getElementById(inLayer);
				pLeft = parseInt(currLayer.style.left);
 				pTop = parseInt(currLayer.style.top);
 				dragX = cX;
 				dragY = cY;
 				//alert (dragX + ' ' + dragY);
			}

			function stopDragLayer() {
				bDragingLayer = false;
			}
			
			function DragBox(evt) {
				e = evt || event;
				if (bDragingLayer == true) {
    			newX = pLeft + e.clientX - dragX;
  				newY = pTop + e.clientY - dragY;
					currLayer.style.left = newX + 'px';
					currLayer.style.top = newY + 'px';
					return false;
 				}
			}
			document.onmousemove = DragBox;

			function findPos(obj) {
				var curleft = curtop = 0;
				if (obj.offsetParent) {
					curleft = obj.offsetLeft
					curtop = obj.offsetTop
					curwidth = obj.offsetWidth
					curheight = obj.offsetHeight
					while (obj = obj.offsetParent) {
						curleft += obj.offsetLeft
						curtop += obj.offsetTop
					}
				}
				return [curleft,curtop,curwidth,curheight];
			}

			function containsDOM (container, containee) {
  			var isParent = false;
  			do {
    			if ((isParent = container == containee))
      			break;
    			containee = containee.parentNode;
  			}	while (containee != null);
  			return isParent;
			}

			function checkMouseLeave (element, evt) {
  			if (element.contains && evt.toElement) {
    			return !element.contains(evt.toElement);
  			} else if (evt.relatedTarget) {
    			return !containsDOM(element, evt.relatedTarget);
  			}
			}
			

// -- end popup layer --
