<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<title>Control Panel</title>
		<link rel="shortcut icon" href="images/favicon.ico" type="image/vnd.microsoft.icon">
		<link rel="icon" href="images/favicon.ico" type="image/vnd.microsoft.icon">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<link rel="stylesheet" href="includes/styles/stylesheet.css" type="text/css">
		<script>
			var UnsubLinkPlaceholder = "Unsubscribe me from this list";
			var ModifyLinkPlaceholder = "Click here to update your details";
			var SendToFriendLinkPlaceholder = "Click here to send this email to a friend";
			var UsingWYSIWYG = '0';
		</script>

		<script src="includes/js/jquery.js"></script>
		<script src="includes/js/jquery/jquery.json-1.3.min.js"></script>
		<script src="includes/js/javascript.js"></script>
		<script src="includes/js/tiny_mce/tiny_mce.js"></script>
		<script defer>
			// Hack for IE
			if(navigator.userAgent.indexOf('MSIE') > -1) {
				document.getElementById('popContainer').style.width = '100%';
			}
		</script>
</head>

<body class="popupBody">
	<div class="popupContainer" id="popContainer">
<!-- END PAGE HEADER -->
<style type="text/css">
	.popupContainer {
		border: 0px;
	}
</style>
<script>
	$(function() {
		$(document.frmLogin.ss_takemeto).val('index.php');
	});
</script>
<form action="index.php?Page=&Action=Login" method="post" name="frmLogin" id="frmLogin">
	<div id="box" class="loginBox">
		<table><tr><td style="border:solid 2px #DDD; padding:20px; background-color:#FFF; width:300px;">
		<table>
			<tr>
			<td class="Heading1">
				<img src="images/logo.jpg" alt="E-Mail Marketer" />
			</td>
			</tr>
			<tr>
			<td style="padding:10px 0px 5px 0px">Login with your username and password below.</td>
			</tr>
			<tr>
			<td>
				<table>

				<tr>
					<td nowrap="nowrap" style="padding:0px 10px 0px 10px">Username:</td>
					<td>
					<input type="text" name="ss_username" id="username" class="Field150" value="">
					</td>
				</tr>
				<tr>
					<td nowrap="nowrap" style="padding:0px 10px 0px 10px">Password:</td>

					<td>
					<input type="password" name="ss_password" id="password" class="Field150" value="">
					</td>
				</tr>
				<tr>
					<td nowrap="nowrap" style="padding:0px 10px 0px 10px">Take Me to:</td>
					<td>
						<select name="ss_takemeto" class="Field150">
							<option value="index.php">Home Page</option>
							<option value="index.php?Page=Subscribers&Action=Manage">My Contacts</option>
							<option value="index.php?Page=Lists">My Contact Lists</option>
							<option value="index.php?Page=Segment">My Segments</option>
							<option value="index.php?Page=Newsletters&Action=Manage">My Email Campaigns</option>
							<option value="index.php?Page=Autoresponders&Action=Manage">My Autoresponder</option>
							<option value="index.php?Page=Stats">My Campaign Statistics</option>
						</select>
					</td>
				</tr>
				<tr>
					<td nowrap>&nbsp;</td>
					<td>&nbsp;<input type="checkbox" name="rememberme" id="remember" value="1" style="margin-left:-0px" > <label for="remember">Remember my details</label>
					</td>
				</tr>
					<tr>
					<td>&nbsp;</td>
					<td>
						<input type="submit" name="SubmitButton" value="Login" class="FormButton">
						&nbsp;&nbsp;<a href="index.php?Page=Login&Action=ForgotPass" style="font-size: 11px;">Forgot your password?</a>					</td>
					</tr>

					<tr><td class="Gap"></td></tr>
				</table>
			</td>
			</tr>
		</table>
		</td></tr>

		<tr>
			<td>

				<div class="PageFooter" style="padding: 10px 10px 10px 0px; margin-bottom: 20px; text-align: center;">
					Powered by E-Mail Marketer				</div>
			</td>
		</tr>

		</table>

	</div>

	</form>

	<script>

		$('#frmLogin').submit(function() {
			var f = document.frmLogin;

			if(f.username.value == '')
			{
				alert('Please enter your username.');
				f.username.focus();
				f.username.select();
				return false;
			}

			if(f.password.value == '')
			{
				alert('Please enter your password.');
				f.password.focus();
				f.password.select();
				return false;
			}

			// Everything is OK
			f.action = 'index.php?Page=&Action=Login';
			return true;
		});

		function sizeBox() {
			var w = $(window).width();
			var h = $(window).height();
			$('#box').css('position', 'absolute');
			$('#box').css('top', h/2-($('#box').height()/2)-50);
			$('#box').css('left', w/2-($('#box').width()/2));
		}

		$(document).ready(function() {
			sizeBox();
			$('#username').focus();
		});

		$(window).resize(function() {
			sizeBox();
		});
		createCookie("screenWidth", screen.availWidth, 1);

	</script><!-- END PAGE FOOTER -->
</div>
</body>
</html>
