<!-- Version 1 13/3/2014 -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
<link href="/menu_assets/styles.css" rel="stylesheet" type="text/css">
<style type="text/css"> 

#cssmenu ul {margin: 0; padding: 7px 6px 0; background: #505050;
 line-height: 100%; font: normal .9em/0.0em Arial, Helvetica, sans-serif;}
#cssmenu li {margin: 0 5px; padding: 0 0 8px; float: left; position: relative; list-style: none; }
#cssmenu a,
#cssmenu a:link {font-weight: bold; color: #ffffff; text-decoration: none; display: block; padding:  7px 20px; margin: 0;
 border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;	 text-shadow: 0 1px 1px rgba(0,0,0, .3); }
#cssmenu .active a, 
#cssmenu li:hover > a {background: #fff url(/overlay.png) repeat-x 0 -40px; color: #000;}
#cssmenu ul ul li:hover a,
#cssmenu li:hover li a {border: none; color: #666;}
#cssmenu ul ul a:hover {background: #000; color: #fff;
  text-shadow: 0 1px 1px rgba(0,0,0, .1);}
#cssmenu li:hover > ul {display: block;}
#cssmenu ul ul {display: none; margin: 0; padding: 0; width: 210px; position: absolute; top: -30px; left: 0; background:
 #fff ;}
#cssmenu ul ul li {float: none; margin: 0; padding: 3px; }
#cssmenu ul ul a {font-weight: normal; text-shadow: 0 1px 0 #fff; }
#cssmenu ul:after {content: '.'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
* html #cssmenu  ul {height: 1%;}

#cssmenu
{
position:absolute;
//left:112px;
font-family: monospace;
}

#outer
{
width:612px;
height:520px;
position:absolute;
top:100px;
font-family: monospace;
}
#main
{
width:500px;
height:520px;
position:absolute;
left:112px;
border:2px solid;
}
#sidebar
{
position: absolute;
width: 110px;
top:97px;
height: 423px;
border:2px solid;
overflow: auto;
}
#sel
{
position: absolute;
width: 110px;
height: 95px;
border:2px solid;
font-family: monospace;
}
</style>

<title>Edit Messages</title> 
<script type="text/javascript"> 
 
var Details
var Sidebar
var fromleft;
var Outer;
var Menu;


function initialize()
{	
	var w=window,d=document,e=d.documentElement,g=d.getElementsByTagName('body')[0];
	x=w.innerWidth||e.clientWidth||g.clientWidth;	y=w.innerHeight||e.clientHeight||g.clientHeight;
	fromleft = (x / 2) - 306;
	if (fromleft < 0) {fromleft = 0;}
	Menu = document.getElementById("cssmenu"); 
	Menu.style.left = (fromleft - 50) + "px";
	Outer = document.getElementById("outer"); 
	Outer.style.left = fromleft + "px";
	Sidebar = document.getElementById("sidebar"); 
//	Sidebar.style.left = fromleft + "px";
	Details = document.getElementById("main"); 
	Details.innerHTML = "waiting for data..."; 
//	Details.style.left = fromleft + 150 + "px";
	GetData("");
}
function ck(cell)
{
	var fn = "MsgFwdUpdate?%s";
	post(fn, cell);
}

function save(form)
{
	var msg
	msg = form.From.value + "|" + form.To.value+ "|" + form.BID.value+ "|" + form.VIA.value+ "|" + form.Title.value+ "|" + form.Type.value + "|" + form.Status.value +"|"
	var fn = "MsgSave?%s";
	post(fn, msg);
}

function doit(param)
{
	var fn = "MsgAction?%s";
	post(fn, param);
}

function dofilter(form)
{
	var val = form.FFrom.value + "|" + form.FTo.value + "|" + form.FVia.value+ "|" 
	GetData(val);
}

function editmsg(url)
{
var param = "toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,titlebar=no,toobar=no,width=800,height=600";
window.open(url,"_blank", param);
}


function post(url, data)
{
	if (window.XMLHttpRequest){request=new XMLHttpRequest();}else{request=new ActiveXObject("Microsoft.XMLHTTP");}
	request.onreadystatechange = function()
	{if (request.readyState == 4){Details.innerHTML = request.responseText;}}
	request.open("POST", url, true);request.send(data);
}
function GetDetails(call)
{
	var fn = "MsgDetails?%s";
	post(fn, call);
}
function GetData(filter)
{
	if (window.XMLHttpRequest){request=new XMLHttpRequest();}else{request=new ActiveXObject("Microsoft.XMLHTTP");}
 
	request.onreadystatechange = function()
	{
		if (request.readyState == 4)
		{
			var text = request.responseText;
			var lines = text.split("|");
			var i = 0;
			
	 	    var infoArea = document.getElementById("sidebar"); 
		    var strInfo = '<table>';
 						
			while(i < lines.length - 1)
			{	
				var clink = '<a href=javascript:GetDetails("' + lines[i] + '")>' + lines[i] + '</a>';	
				var tableRow = '<tr><td>' + clink + '</td></tr>\n';	 
				strInfo += tableRow;			
				i=i+1;
			}
			infoArea.innerHTML = strInfo + "</table>";
			GetDetails(lines[0]);
		}
	}
	request.open("POST","MsgInfo.txt?%s",true);										   
	request.send(filter);
}
 
</script>
</head>
<body background=/background.jpg onload="initialize()" onresize="initialize()">
<h3 align=center>BPQ32 BBS %s</h3>
<div id="cssmenu" style="width:750px; text-align: center">
<ul>
<li><a href="/Mail/Status?%s"><span>Status</span></a></li>
<li class="has-sub"><a href="#"><span>Configuration</span></a>
<ul>
<li><a href="/Mail/Conf?%s"><span>Main Configuration</span></a></li>
<li><a href="/Mail/Wel?%s"><span>Welcome Msgs & Prompts</span></a></li>
<li><a href="/Mail/HK?%s"><span>Housekeeping</span></a></li>
</ul>
</li>
<li><a href="/Mail/Users?%s"><span>Users</span></a></li>
<li><a href="/Mail/Msgs?%s"><span>Messages</span></a></li>
<li><a href="/Mail/FWD?%s"><span>Forwarding</span></a></li>
<li><a href="/Mail/WP?%s"><span>WP Update</span></a></li>
</ul>
</div>
<br>

<div id="outer">
 <div align=center style="font-family: monospace;" id="sidebar"></div>
 <div align=center style="font-family: monospace;" id="main"></div> 
 <div style="font-family: monospace;" id="sel">
 <form style="font-family: monospace;"><div style="text-align: center;"><span
style="font-family: monospace; font-weight: bold;">Filter</span></div>
From <input style="font-family: monospace;" size="7" name="FFrom" value="" onkeyup=dofilter(this.form)><br>
To&nbsp;&nbsp; <input  style="font-family: monospace;" size="7" name="FTo" value="" onkeyup=dofilter(this.form)<br>
Via&nbsp; <input  style="font-family: monospace;" size="7" name="FVia" value="" onkeyup=dofilter(this.form)>
</form>
</div>
</div> 
</span>

