var sJava='<form action=\"engreply.asp\" method=Post id=frmThis name=frmThis>\n	<div style=\"width:450\" id=\"divMember\">\n<center><font size=3>Are you a member of FnFnet?	<\/font><input id=\"Member\" Name=Member type=\"radio\" OnClick=\"ShowAuthen();\" value=1>Yes <input ID=\"Member\" Name=Member type=\"radio\" OnClick=\"ShowCompanyInfo();\" value=0>No\n	</div>\n	<!--Start of Authen-->\n	<div id=\"divAuthen\" style=\"position:absolute;visibility:hidden; width=300; width: 1px; height: 1px\"> \n      <table border=\"0\" cellspacing=\"0\" width=\"300\" height=\"100\">\n		<tr> \n        <td width=\"84\" valign=\"middle\" align=\"right\"> *User Name:</td>\n        <td width=\"212\"> \n			<input type=\"text\" name=\"UserName\" size=\"30\">\n        </td>\n       <tr>           \n        <td width=\"84\" align=\"right\"> *Password:</td>\n        <td width=\"212\">\n		    <input type=\"Password\" name=\"Password\" size=\"30\">\n          </td></tr></table>\n	</div><br>\n	<!--End of Authen-->\n	<!--Start of CompanyInfo for non member-->\n	<div id=\"divCompanyInfo\" style=\"position:absolute;visibility:hidden;width=300;border:1pt; height: 200px\" > \n      <table border=\"0\" cellspacing=\"0\" width=\"300\" cellpadding=\"2\" height=\"200\">\n      <tr align=\"right\"> \n        <td> *Company Name:</td>\n        <td align=\"left\"> \n          <input type=\"text\" name=\"CompanyName\" size=\"30\">\n        </td>\n      </tr>\n      <tr align=\"right\"> \n        <td>*Tel:</td>\n        <td align=\"left\"> \n          <input type=\"text\" name=\"Tel\" size=\"30\">\n        </td>\n      </tr>\n      <tr align=\"right\"> \n        <td>Fax:</td>\n        <td align=\"left\"> \n          <input type=\"text\" name=\"Fax\" size=\"30\">\n        </td>\n      </tr>\n      <tr align=\"right\"> \n        <td>Email: </td>\n        <td align=\"left\"> \n          <input type=\"text\" name=\"Email\" size=\"30\">\n        </td>\n      </tr>\n      <tr align=\"right\"> \n        <td>*Address:</td>\n        <td align=\"left\"> \n          <input type=\"text\" name=\"Address\" size=\"30\">\n        </td>\n      </tr>\n      <tr align=\"right\"> \n        <td>*Contact Person:</td>\n        <td align=\"left\"> \n          <input type=\"text\" name=\"ContactPerson\" size=\"30\">\n        </td>\n      </tr></table>\n    </div> \n	<!--End of Company info-->\n	*Reply Message:<br>\n	<textarea name=Detail cols=\"39\" rows=\"8\"></textarea><p>\n	<center><input type=\"submit\" onclick=\"return Submit();\" name=\"submit\" value=\" OK \" style=font-size:9pt> <input type=\"button\" value=\" Cancel \" onclick=\"HideDialog()\" style=\"font-size:9pt\"></center>\n	</form>';
var sFrm="<iframe frameborder=0 width='100%' height='330' id=ifmContent><\/iframe>"
var sClose="<input style='font:8pt verdana;background-color:#0066cc;color:white;border:1 solid #CCCCCC'"
	+" type=button value=Close  onclick=\"divDlgBar.style.visibility=divDialog.style.visibility='hidden'\">"

function ShowEdit(iItem)
{
	var iDlgWidth=new Number(0);
	iDlgWidth=divDlgBar.style.width.substr(0,3);
	divDlgBar.style.left=divDialog.style.left=(document.body.scrollWidth-iDlgWidth)/2;
	
	divDlgBar.style.top=document.body.scrollTop+50;
	divDialog.style.top=document.body.scrollTop+65;
	divDialog.innerHTML=Items[iItem][0]+"<p align=right>"+sClose;
	//sContent="<link rel=\"stylesheet\" href=\"\/efnfnet.css\"><body class=scroll>"+Items[iItem][0]+"<\/body>";
	//divDialog.innerHTML=sFrm;
	//ifmContent.document.body.innerHTML=sContent;
	divDialog.style.visibility =divDlgBar.style.visibility=divDialog.style.visibility='visible';
	return false;
}
function ShowReply(iItem)
{
	var iDlgWidth=new Number(0);
	iDlgWidth=divDlgBar.style.width.substr(0,3);
	divDlgBar.style.left=divDialog.style.left=(document.body.scrollWidth-iDlgWidth)/2;

	divDlgBar.style.top=document.body.scrollTop+50;
	divDialog.style.top=document.body.scrollTop+65;
	divDialog.innerHTML=sJava;
	//ifmContent.document.body.innerHTML="<link rel=\"stylesheet\" href=\"\/efnfnet.css\"><body class=scroll>"+sJava+"<\/body>";
	//********************
	frmThis.action+="?ReplyTo=" + Items[iItem][1];
	if(bShowAuthen==0)
	{
		divMember.style.visibility='hidden';
		//divMember.style.position='absolute';
		divMember.outerHTML=divMember.outerHTML.replace('relative','absolute');
		document.all('submit').disabled=false;
	}
	else
		divMember.style.visibility='visible';

	divDlgBar.style.visibility=divDialog.style.visibility='visible';
	//divMember.style.position='relative';
	divMember.outerHTML=divMember.outerHTML.replace('absolute','relative');
	return false;
}
function ShowAuthen()
{
	divAuthen.style.visibility='visible';
	//divAuthen.style.position='relative';
	divAuthen.outerHTML=divAuthen.outerHTML.replace('absolute','relative');
	divCompanyInfo.style.visibility='hidden';
	//divCompanyInfo.style.position='absolute';
	divCompanyInfo.outerHTML=divCompanyInfo.outerHTML.replace('relative','absolute');
	document.all('submit').disabled=false;
	sAsMember='member';
}
function ShowCompanyInfo()
{
	divAuthen.style.visibility='hidden';
	//divAuthen.style.position='absolute';
	divAuthen.outerHTML=divAuthen.outerHTML.replace('relative','absolute');
	divCompanyInfo.style.visibility='visible';
	//divCompanyInfo.style.position='relative';
	divCompanyInfo.outerHTML=divCompanyInfo.outerHTML.replace('absolute','relative');
	document.all('submit').disabled=false;
	sAsMember='nonmember';
}
function HideDialog()
{
	for(i=0;i<divDialog.all.length;i++)
	{
		oItem=divDialog.all(i);
		if(oItem.nodeName=='DIV')
		{	//hide the child div
			oItem.style.visibility='hidden';
			//oItem.style.position='absolute';
			oItem.outerHTML=oItem.outerHTML.replace('relative','absolute');
		}
	}
	divDlgBar.style.visibility=divDialog.style.visibility='hidden';
}
function Submit()
{
	
	if(bShowAuthen==1)
	{
		if(sAsMember=='member')
		{
			if(document.all('UserName').value=='')
			{
				alert('User Name cannot be empty.');
				return false;
			}
			if(document.all('Password').value=='')
			{
				alert('Password cannot be empty.');
				return false;
			}
			
		}
		else
		{
			if(document.all('CompanyName').value=='')
			{
				alert('Company Name cannot be empty.');
				return false;
			}
			if(document.all('Tel').value=='')
			{
				alert('Telephone no cannot be empty.');
				return false;
			}
			if(document.all('Address').value=='')
			{
				alert('Address.');
				return false;
			}
			if(document.all('ContactPerson').value=='')
			{
				alert('Contact Person cannot be empty.');
				return false;
			}
		}
	}
	if(document.all('Detail').value=='')
	{
		alert('Reply message cannot empty.');
		return false;
	}
	return true;
}
//start of the routines for drag
drag = 0
move = 0
function init() {
    window.document.onmousemove = mouseMove
    window.document.onmousedown = mouseDown
    window.document.onmouseup = mouseUp
    window.document.ondragstart = mouseStop
}
function mouseDown() {
    if (drag) {
        clickleft = window.event.x - parseInt(dragObj.style.left)
        clicktop = window.event.y - parseInt(dragObj.style.top)
        move = 1
    }
}
function mouseStop() {
    window.event.returnValue = false
}
function mouseMove() {
    if (move) {
        divDialog.style.left=dragObj.style.left = window.event.x - clickleft
        dragObj.style.top = window.event.y - clicktop
        divDialog.style.top=parseInt(dragObj.style.top,10)+15;
    }
}
function mouseUp() {
    move = 0
}//end of the routines for drag