function loginclose()
{
  document.getElementById('loginmask').style.display='none';
  document.getElementById('logindiv').style.display='none';
}

function logindisplay()
{
  document.getElementById('loginmask').style.display='block';
  document.getElementById('logindiv').style.display='block';
}

document.write('<div onclick="loginclose()" id="loginmask" style="display:none;position:absolute;top:0;right:0;left:0;bottom:0;height:2400px;background-color:#000000;z-index:100;opacity:.5;-ms-filter:\'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)\';filter: alpha(opacity=50);"></div>');
document.write('<div id="logindiv" style="display:none; border:6px solid #46475a; position:relative; background-color:#ffffff; width:426px; height:250px; position:fixed; left:50%; top:50%; margin-top:-213px; margin-left:-220px; text-align:left; z-index:200;">');
document.write('<div style="background-color:#d2d0d0; padding:7px;"><img src="images/am_logo.gif" width="171" height="37" border="0" alt=""></div><div style="padding:10px; font-family:Verdana; font-size:10pt;"><span style="color:#5b5b5b; font-size:14pt;"><b>Please login</b></span><p><i><table cellpadding="0" border="0" cellspacing="0"><form name="l" method="post" action="https://secure.johncompanies.com/am/LOGINAM" id="login"><input type="hidden" name="destination" value="dashboard.html"><tr><td>Customer ID:</td><td><input type="text" name="credential_0" class="input" maxlength="20"></td></tr><tr><td>Password:</td><td><input type="password" name="credential_1" class="input" maxlength="20"> <input type="submit" name="submit" value="login" style="font-size:9pt; font-weight:bold; letter-spacing: .1em; color:#fff; border-color:#999999; background-color:#8a898b;"></td></tr><tr><td colspan="2" style="padding-top: 10px;"><a href="https://secure.johncompanies.com/am/pass_reset.html">Lost password?</a></td></tr></form></table></i></div>');
document.write('<div style="position:absolute; font-family:Verdana; font-size:8pt; width:426px; bottom:0; text-align:center; padding-bottom:4px;"><a href="#" onclick="loginclose();return(false);">Close this Window</a></div></div>');

function osdisplay(i)
{
  i = i + '.html';
  document.getElementById('osmask').style.display='block';
  document.getElementById('osdiv').style.display='block';
  document.getElementById('osiframe').src=i;
}

function osclose()
{
  document.getElementById('osmask').style.display='none';
  document.getElementById('osdiv').style.display='none';
}

document.write('<div onclick="osclose()" id="osmask" style="display:none;position:absolute;top:0;right:0;left:0;bottom:0;height:2400px;background-color:#000000;z-index:100;opacity:.5;-ms-filter:\'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)\';filter: alpha(opacity=50);"></div>');
document.write('<div id="osdiv" style="display:none; border:6px solid #46475a; position:relative; background-color:#ffffff; width:550px; height:665px; position:fixed; left:50%; top:50%; margin-top:-350px; margin-left:-285px; text-align:left; z-index:200;">');
document.write('<div style="position:absolute; font-family:Verdana; font-size:8pt; width:550px; top:0; text-align:center; padding-bottom:4px;"><a href="#" onclick="osclose();return(false);">Close this Window</a></div><br>');
document.write('<iframe id="osiframe" width=548 height=648 src="blank.html" style="border:none; z-index:300"></iframe></div>');


//logindisplay();