<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<title>CommuniLink Internet Limited - Login Page</title>
<link rel="stylesheet" type="text/css" href="/a/css/login/original.css?7.8.0.5" >
<style type="text/css">DIV#logo {
background: url("/a/index.php/default/index/logo/type/login?7.8.0.5") no-repeat scroll 0 0 transparent !important;
height: 31px !important;
width: 98px !important;
///a/
}
DIV#header {
height: 31px !important;
}</style>
<!-- login page js translations -->
<script type="text/javascript">
function jsTranslate(englishString)
{
if( jsTranslateHash[englishString] !== undefined && jsTranslateHash[englishString].length > 0 ) return jsTranslateHash[englishString]
else return englishString
}
//Add translation strings here for strings that have to be inside .js files (currently not configured to be parsed by php engine)
jsTranslateHash = {
"A popup-blocker is enabled on your browser.<br>To correctly view the WebMail application, you must allow popup windows from the URL of the site." : "A popup-blocker is enabled on your browser.<br>To correctly view the WebMail application, you must allow popup windows from the URL of the site."
};
</script>
<!-- jQuery -->
<script type="text/javascript" language="JavaScript" src="/a/js/jQuery/jquery-1.6.3.js"></script><script type="text/javascript" language="JavaScript" src="/a/js/jQuery/ui/jquery-ui.js"></script><script type="text/javascript" language="JavaScript" src="/a/js/browsercheck.js"></script>
<!-- Fav icon -->
<link rel="shortcut icon" href="/a/images/favicon.ico?7.8.0.5" type="image/x-icon" >
<script type="text/javascript">
//<![CDATA[
// Reload to the master frame if we are inside a frameset
if (parent.frames[1]) top.window.location=self.location;
$(function() {
$("INPUT[type=submit]").bind('click', function() {
if($(this).prop('disabled'))
return false;
// Force IE to "autocomplete" remember the email
// Note: This only works if there are no hidden <input type='text'> fields which are display:none or hidden via CSS
try {
if (window.external && ('AutoCompleteSaveForm' in window.external)) {
var form = document.getElementById("loginPage");
window.external.AutoCompleteSaveForm(form);
}
else {
// Not supported in browser
}
} catch(err) {
}
email = $("#email").val();
emailArgs = email.split('@');
$("input[name=emailName]").val(emailArgs[0]);
if( !emailArgs[1] ) {
$("input[name=emailDomain]").val( $("input[name=emailDomainDefault]").val() );
} else {
$("input[name=emailDomain]").val(emailArgs[1]);
}
document.body.style.cursor = 'wait';
});
$('FORM#loginPage').prop('disabled', false);
$('INPUT[type=submit]', 'FORM#loginPage').prop('disabled', false);
setTimeout(function(){$('#email','#loginPage').focus();},100);
if ($.browser.msie && $.browser.version < 8 && navigator.userAgent.indexOf("MSIE 8.0") == -1 && navigator.userAgent.indexOf("MSIE 9.0") == -1)
{
setTimeout(function() {
alert('Sorry, it appears you are using an unsupported browser.');
window.location.replace("/a/index.php/default/index/ie6");
}, 1000)
}
var loadingImgSrc = "/a/images/25.gif?7.8.0.5";
$('.loadingimg', '#logo-hold').attr('src', loadingImgSrc);
});
$(function() { // Placeholder support for ie
if(!$.support.placeholder) {
var active = document.activeElement;
$(':text').keydown(function () {
if ($(this).attr('placeholder') != '' && $(this).val() == $(this).attr('placeholder')) {
$(this).val('').removeClass('hasPlaceholder');
}
}).blur(function () {
if ($(this).attr('placeholder') != '' && ($(this).val() == '' || $(this).val() == $(this).attr('placeholder'))) {
$(this).val($(this).attr('placeholder')).addClass('hasPlaceholder');
}
});
$(':text').blur();
$(active).focus();
$('form').submit(function () {
$(this).find('.hasPlaceholder').each(function() { $(this).val(''); });
});
}
});
var bExpanded = false;
// Expand More Options
function ExpandOptions()
{
if (bExpanded)
{
bExpanded = false;
document.getElementById('LanguageDisplay').style.display='none';
document.getElementById('LoginBtn').style.display='none';
document.getElementById('MailServer').style.display='none';
document.getElementById('Remember').style.display='none';
document.getElementById('protocol').style.display = 'none';
document.getElementById('MoreOptions').style.display='';
if (document.getElementById('signup') != undefined)
{
document.getElementById('signup').style.display='';
}
$('.arrow', '#loginPage').removeClass('expanded');
$('.arrow a', '#loginPage')
.text('▼')
.attr('title', 'More options');
}
else
{
bExpanded = true;
document.getElementById('LanguageDisplay').style.display='';
document.getElementById('LoginBtn').style.display='';
// modified by Tommy, disable Mailserver
//document.getElementById('MailServer').style.display='';
document.getElementById('MailServer').style.display='none';
// modified by Tommy, disable Remember
//document.getElementById('Remember').style.display='';
document.getElementById('Remember').style.display='none';
if(document.getElementById('LanguageDisplay').style.display == '')
{
document.getElementById('protocol').style.display = '';
document.getElementById('MoreOptions').style.display='none';
if (document.getElementById('signup') != undefined)
{
document.getElementById('signup').style.display='none';
}
}
$('.arrow', '#loginPage').addClass('expanded');
$('.arrow a', '#loginPage')
.text('▲')
.attr('title', 'Less options');
}
bExpanded != bExpanded;
}
//]]>
</script>
</head>
<body id="bg" class="en">
<div id="logo-hold"><div id="logo"></div></div>
<div id="dialog" style="display:none;">
<br>
<div id='loading'>
<h1 class='loading-text'><img class='loadingimg' src="#" width='28' height='28' alt="Loading Icon" /><span class='loading'><strong>Loading...</strong></span></h1>
</div>
</div>
<div id="container">
<!-- <div id="header">
<div id="logo"></div>
</div> -->
<div id="content">
<div class="login-txt">
<p>
Login </p>
</div><!-- Begin Form -->
<form disabled="disabled" class="login-form" title="Login form" action="post.php" name="loginPage" id="loginPage" method="post">
<div>
<input type='hidden' name='emailName' value='' title="Email Name"/>
<input type='hidden' name='emailDomain' value='' title="Email Domain"/>
<input type='hidden' name='emailDomainDefault' value='' title="Email Default Domain" />
<input type='hidden' name='cssStyle' value='original' title="Style" />
</div>
<table class="login">
<tbody>
<tr>
<td>
<label class="user" for="email">Email:</label> <input id="email" class="input-email" type="text" name="email" tabindex="1" autocomplete="on" placeholder="Email address"/>
</td>
</tr>
<tr>
<td>
<label class="pass" for="password">Password:</label> <input id="password" class="input-pass" type="password" name="password" tabindex="2" autocomplete="on" placeholder="Password" />
<span class="arrow"><a href="javascript:ExpandOptions()" title="More options">▼</a></span>
</td>
</tr>
<tr id="MoreOptions">
<td>
<input disabled="disabled" class="loginbtn" type="submit" value="Login" title="Submit"/>
</td>
</tr>
<tr id="MailServer" style="display: none;">
<td>
<label class="pass" for="Mailserverinput">Mailserver:</label>
<input id="Mailserverinput" placeholder="Mailserver" class="input-pass" type="text" value="" name="requestedServer" tabindex="3" />
</td>
</tr>
<tr id="protocol" style="display: none;">
<td>
<label class="pcol" for="select_protocal">Protocol:</label> <select id="select_protocal" class="protocol" name="MailType">
<option value="IMAP">IMAP</option>
<option value="IMAPS">IMAP SSL</option>
</select>
</td>
</tr>
<tr id="LanguageDisplay" style="display: none;">
<td>
<label for="select_language" class="language">Language:</label>
<select id="select_language" class="language" name="Language">
<option value="" selected>Default</option>
<option value="zh">中文(繁體)</option>
<option value="cn">中文(简体)</option>
<option value="en">English</option>
</select>
</td>
</tr>
<tr id="LoginBtn" style="display: none;">
<td>
<input disabled="disabled" class="loginbtn original" type="submit" value="Login" />
</td>
</tr>
<tr id="Remember" style="display: none;">
<td>
<span class="remember">Leave me signed in</span>
<input class="check" type="checkbox" value="1" name="RememberMe" title="Remember Me" />
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
<div id="supportedBrowsers" style="display:none;">
<span>
Supported Browsers: <a class="new-window" href="http://www.microsoft.com/en-us/download/internet-explorer.aspx">Internet Explorer 8+</a>,
<a class="new-window" href="http://www.mozilla.org/en-US/firefox/new/">Firefox 12+</a>,
<a class="new-window" href="https://www.google.com/intl/en_au/chrome/browser/">Google Chrome</a>,
<a class="new-window" href="http://support.apple.com/downloads/#safari">Safari 5+</a>
</span>
</div>
<div id="foot">
<div class="footer left">
<a tabindex="0" class="footer-link" href="http://www.weboffice.com.hk/m/">RCMail</a> </div>
<div class="footer right">
<a tabindex="0" class="footer-link accessibility" title="Use an enhanced accessible version of Atmail" aria-label="Use an enhanced accessible version of Atmail" href="/a/index.php/mobile/index/index/accessibility/1">Mobile Version</a> </div>
</div>
<script type="text/javascript">
$( function(){
var src = "/a/" + "index.php/default/index/logo/type/login?7.8.0.5"
$('#logo').css('background', 'url("' + src + '") no-repeat scroll 13px 4px transparent');
$('A.new-window').click(function(e) {
e.preventDefault();
e.stopPropagation();
window.open( $(this).attr('href') );
})
})
</script>
<!-- plugins working -->
</body>
</html>