function infoPosition(mode)
{
	if(mode == 1){
		if((document.body.clientWidth) >= 760){
			return (document.body.clientWidth / 2) - 343;
		}else{
			return 138;
		}
	}else if(mode == 2){
		return document.body.scrollTop + 70;
	}else{
		if(document.getElementById("InfoPopupBox")){
			if((document.body.clientWidth) >= 760){
				document.getElementById("InfoPopupBox").style.left=(document.body.clientWidth / 2) - 343;
			}else{
				document.getElementById("InfoPopupBox").style.left=138;
			}
			document.getElementById("InfoPopupBox").style.top=infoPosition(2);
		}
	}
}
function getInfoContent(id)
{
	var str = '';
	str += '<table width=700 cellpadding=0 cellspacing=0><tr><td height=45 valign=bottom>';
		str += '<div class="InfoBox_Header"><div class="InfoBox_CloseBtn"><img src="' + m_ImagePath + 'spacer.gif" width=31 height=21 onMouseOver="this.src=\'' + m_ImagePath + 'infobox-close_down.gif\'; this.style.cursor=\'pointer\';"  onMouseOut="this.src=\'' + m_ImagePath + 'spacer.gif\'; this.style.cursor=\'\';" onClick="hideInfoMenu(\'' + id +'\');" title="Close"></div></div>';
	str += '</td></tr>';
	str += '<tr><td>';
		str += '<div class="InfoBox_Body">';
		
			str += '<div class="InfoBox_ContentArea" id="InfoBox_ContentArea">';
			str += '<BR><BR><BR>';
			str += '<I>Loading content... Please wait.</I>';
			str += '</div>';
		
		str += '</div>';
	str += '</td></tr>';
	str += '<tr><td height=17 valign=top>';
		str += '<div class="InfoBox_Footer">&nbsp;</div>';
	str += '</td></tr></table>';
	return str; 
}
function showInfoMenu(acid)
{
	var _objName = 'InfoPopupBox';
	if(document.getElementById(_objName)){ hideInfoMenu(_objName); }
	var d = document.createElement('div');
	d.id=_objName;
	d.className = 'InfoBox_Constraints';
	d.innerHTML = getInfoContent(_objName);
	d.ondblclick = function() { hideInfoMenu(_objName); };
	d.style.left = infoPosition(1);
	d.style.top = infoPosition(2);
	document.getElementsByTagName('BODY')[0].appendChild(d);
	
	onchangeReceipt(acid);
}

function showInfoDialog()
{
   var _maskZIndex = createLayerMask();
    
	var _objName = 'InfoPopupBox';
	if(document.getElementById(_objName)){ hideInfoMenu(_objName); }
	var d = document.createElement('div');
	d.id=_objName;
	d.className = 'InfoBox_Constraints';
	d.innerHTML = getInfoContent(_objName);
	d.style.zIndex = _maskZIndex + 1;
	
	d.ondblclick = function() { hideInfoMenu(_objName); };
	d.style.left = infoPosition(1);
	d.style.top = infoPosition(2);
	document.getElementsByTagName('BODY')[0].appendChild(d);
		
}

function hideInfoMenu(id)
{
	try{
	   destroyLayerMask();
		var d = document.getElementById(id);
		document.getElementsByTagName('BODY')[0].removeChild(d);
	}catch (e){
		window.status = e.message + '---' + id;
	}
}